Webflow’s site-wide Custom code adds HTML to every page. You paste the widget snippet there.

​
Before you start

  • Your website widget. Kelu makes one for you when you create a knowledge base. Its Install tab shows these steps with your widget id and key already in the code.
  • Your site on the widget’s Sites it works on list (Install tab), for example https://yoursite.webflow.io and your custom domain.
  • Custom code on your Webflow plan. If the Custom code fields are locked, your plan does not include it.

​
Add the widget

1

Open Custom code

Open your site’s Site settings and go to the Custom code tab.
2

Paste the snippet into Footer code

<script async src="https://widget.kelu.dev/kelu-widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  data-client-key="kl_pk_..."></script>
Use your widget’s own snippet, or replace YOUR_WIDGET_ID and kl_pk_... with its values.
3

Save and publish

Click Save changes, then publish the site. Custom code does not run in the Designer, only on the published site.
To add the widget to one page only, paste the snippet into that page’s Page settings → Custom code → Before </body> tag instead.

​
Check it works

Open any page of the published site. A round icon button appears in the bottom-right corner, with the tooltip Ask AI. Ask a question and check that the answer lists its Sources. Nothing there? See Troubleshooting.