Webflow lets you inject custom HTML (including script tags) into every page of your site through Project Settings → Custom Code. This is the canonical, no-code-required path.
1

Open Project Settings

In the Webflow Designer, click the W logo (top left) → Project Settings, or go to the Webflow dashboard, open your project, and click Project Settings.
2

Navigate to the Custom Code tab

Click the Custom Code tab in Project Settings.
3

Paste the snippet into Footer Code

Scroll to the Footer Code section (renders just before </body> on every page). Paste:
Replace kb_xxx and bq_pk_... with your actual values.
4

Save and publish

Click Save Changes, then publish your site (Publish → Publish to webflow.io or your custom domain). Custom code is not injected in the Designer preview — publish to see the widget live.
If you only want the widget on a specific page (not site-wide), you can also paste the snippet into a page’s own Before </body> tag custom code field: open the page in the Designer → Page Settings (gear icon) → Custom Code → Before </body> tag.
Get your keys — your knowledge base ID and public client key (bq_pk_...) are in the BeforeQuery dashboard under Knowledge Base → Integration. Add your Webflow site’s domain (e.g. yoursite.webflow.io or your custom domain) to the key’s origin allowlist.
For all widget configuration options, see Widget reference.