Webflow
Site-wide (recommended)
- Open your project in the Webflow Designer
- Go to Project Settings → Custom Code
- Paste your snippet into Footer Code — the field labelled Before
</body>tag - Save Changes
- Publish your site
Custom code only runs on the published site
Custom code does not execute in the Designer canvas or in the preview. You must publish, then check the live site. This trips up nearly everyone the first time.
A single page only
To put the widget on one page rather than the whole site:
- Open the Pages panel
- Click the settings (gear) icon on the page you want
- Scroll to Custom Code
- Paste the snippet into the Before
</body>tag field - Save and publish
Page-level code runs in addition to site-wide code, so do not add it in both places — you would load the widget twice.
Plan requirements
Custom code requires a paid Webflow site plan. On the free .webflow.io staging
domain, custom code is not executed.
If you are testing on a staging domain, remember it is a different hostname from your production domain — add both to your key's allowed domains, or use a separate key for each.
After publishing
- Open the live site, not the preview
- Look for the chat bubble
- Hard-refresh if it is not there — Webflow's CDN caches aggressively
It is not showing up
| Check | |
|---|---|
| Did you publish? | Custom code only runs on published sites |
| Are you on the live domain? | Not the Designer, not preview |
| Is the site on a paid plan? | Custom code needs one |
| Is the domain allowed? | Staging and production are different hostnames |
| View source | Search for ChatbotConfig to confirm the snippet is on the page |