Embed the chat widget on Weebly

Before you start

• A Sell Whisper AI agent with at least one chat widget.
• A Weebly plan that allows header and footer code. Some free sites do not show the Footer Code field.
• Access to the Weebly site editor.

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 Settings

   In the Weebly editor, click Settings in the top menu.

3. 3

   Go to SEO

   Select SEO in the settings sidebar.

4. 4

   Paste into Footer Code

   Paste the embed code into the Footer Code box. Code here loads on every page of the site.

5. 5

   Save

   Click Save at the bottom of the SEO settings.

6. 6

   Publish

   Click Publish at the top right. The widget only appears on the live site after you publish.

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

• Use the SEO Footer Code field, not an Embed Code element. An element only adds the script to the one page it sits on.
• On the newer Weebly editor with no Settings tab, open the site's settings from your Weebly dashboard and look for the same SEO header and footer code fields.