How to add an AI chatbot to Webflow

Webflow gives you a dedicated custom-code area for exactly this. Drop the Supportweave snippet in, publish, and your AI agent is live across the whole site.

What you'll need

• A Supportweave workspace (set up during your demo)
• Your embed snippet from the Install tab
• Access to your Webflow project settings

Step 1: Copy your embed snippet

Open your chatbot in Supportweave → Install tab and copy the script:

<script
  src="https://app.supportweave.com/widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  async
></script>

Step 2: Paste it into custom code

1. 1In Webflow, open Project Settings (or Site Settings) → Custom Code.
2. 2Paste the snippet into the Footer Code box (it loads before </body>).
3. 3Click Save Changes.
4. 4Publish your site. Custom code only runs on the published site, not the Designer.

Step 3: Verify on the live site

Open your published URL and look for the chat bubble bottom-right. Want it on just one page? Use that page's Settings → Custom Code instead of the project-wide box.

Your Webflow site now has a 24/7 AI agent. Browse guides for every other platform on our integrations page.