Embed the chat widget on Wix

Before you start

• A Sell Whisper AI agent with at least one chat widget.
• A published Wix site with a connected domain. Wix only offers Custom Code on sites with a connected domain, which needs a Premium plan.
• Admin access to the site's dashboard.

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 Custom Code

   In your site's dashboard, go to Settings and, under Development & integrations, click Custom Code.

3. 3

   Add a snippet

   Click + Add Custom Code at the top right.

4. 4

   Paste and name it

   Paste the embed code into the text box and give it a name you will recognise, such as Sell Whisper AI chat.

5. 5

   Choose the pages

   Under Add Code to Pages, select All pages and Load code once, so the widget stays loaded as visitors move between pages.

6. 6

   Place it at the end of the body

   Under Place Code in, choose Body - end, then click Apply.

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

• Wix ties snippets to your domain. If you change the primary domain, Wix deletes the snippet and you need to add it again.
• If you use the Wix cookie banner, set the snippet's Code Type to Functional so it is not held back with analytics and advertising scripts.