🔷Webflow Integration Guide

Add an AI chatbot to Webflow through the Project Settings custom code section.

1Open Project Settings

In the Webflow Designer, click the gear icon or navigate to Project Settings → Custom Code.

2Paste in Footer Code

Paste the BotEmbed.ai embed script into the Footer Code section. This injects the script before the closing </body> tag on every page.

3Replace YOUR_BOT_ID

Replace the placeholder YOUR_BOT_ID with your actual bot ID from the BotEmbed.ai dashboard.

4Publish your site

Click Publish to push the changes live. The chatbot will not appear in the Designer preview — you must publish to see it on your live domain.

Code Examples

Project Settings → Footer Code

<!-- BotEmbed.ai Chat Widget -->
<script
  src="https://www.botembed.ai/widget.js?botId=YOUR_BOT_ID"
  data-theme="light"
  data-position="bottom-right"
></script>

Tips

The widget will not appear in the Webflow Designer. You must publish and view the live site to see it.

You can also add custom code to individual pages via the page settings if you want the chatbot on specific pages only.

Webflow's custom code feature is available on all paid site plans.

Previous✨ Wix Next⚛️ React