DocsInstallation

Install on Webflow

Add EasyChatWidget to your Webflow site using the project's custom footer code, then publish.

1
Open project custom code
In the Webflow Designer, go to Project Settings → Custom Code.
2
Paste into Footer Code
Paste your embed snippet into the Footer Code field (this injects it before </body> on every page):

<script
  async
  src="https://easychatwidget.com/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
></script>

1
Save and publish
Click Save Changes, then Publish your site. Custom code only runs on the published site, not the Designer preview.

Note

Want the bubble on just one page? Open that page's Settings → Custom Code and paste it there instead of the project-wide field.

Verify it works

1
Reload your site
Hard-refresh the page (Ctrl/Cmd + Shift + R) so the new script loads.
2
Look for the chat bubble
It appears in the bottom-right corner. Click it to open the chat panel.
3
Send a test message
If the AI replies, you're connected. The chat also shows up live in the Conversations table on your widget's dashboard page.