Embed the chat widget on Webflow

Before you start

• A Sell Whisper AI agent with at least one chat widget.
• A paid Webflow Site plan (or a Workspace plan that unlocks custom code). Free Starter sites hide the Custom code settings.
• Permission to edit site settings and publish the site.

The embed code

Your snippet looks like this. Copy yours from the dashboard (step 1) so it carries your real widget ID instead of YOUR_WIDGET_ID.

<script>
  (function() {
    var s = document.createElement('script');
    s.src = 'https://widget.sellwhisperai.com/widget-core.js';
    s.setAttribute('data-widget-id', 'YOUR_WIDGET_ID');
    s.setAttribute('data-api-url', 'https://api.sellwhisperai.com/api/v1');
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

Steps

1. 1

   Copy your embed code

   In the dashboard, open your agent, go to Widgets and open the widget you want in the builder. Click Copy on the Embed Code panel under the preview.

2. 2

   Open your site settings

   In the Webflow dashboard, open the site's menu (or the gear icon on its thumbnail) and choose Site settings.

3. 3

   Go to Custom code

   Select the Custom code tab in the left sidebar.

4. 4

   Paste into Footer code

   Paste the embed code into the Footer code box. Webflow adds footer code just before the closing </body> tag on every page.

5. 5

   Save changes

   Click Save changes at the top of the settings page.

6. 6

   Publish the site

   Publish from the Designer or the dashboard. Custom code shows in preview mode but only goes live once you publish, and it never runs on the Designer canvas.

Check it works

Open your live site in a private window. The chat bubble appears in the corner you chose in the widget builder; send a message to confirm your agent answers.

Tips

• To show the widget on one page only, paste the code in that page's settings (Page settings > Custom code > Before </body> tag) instead of the site settings.
• Each Webflow custom code field holds up to 50,000 characters; the embed code is well under that.