Add the ZapClaw chat widget to a Wix site

In short: on Wix you paste the widget snippet in Settings, Custom Code. Wix offers Custom Code only on a paid plan with a connected domain, so a free Wix site cannot install the widget.

What you need

• A paid Wix plan, with your own domain connected to the site. Custom Code is not available on a free Wix site.
• Permission to change the site's settings (the owner, or a collaborator with that permission).
• The widget snippet from the Agents section of the ZapClaw dashboard.
• Copy the exact snippet of your widget from the Agents area of the dashboard. The id above is a placeholder: yours is different.
• Allowed websites. In the dashboard, add your site's address to the widget's allowed websites, exactly as visitors see it. https://www.example.com and https://example.com are two different addresses. A site that is not on the list shows no bubble.

<script async src="https://chat.zapclaw.app/loader.js" data-widget-id="YOUR_WIDGET_ID"></script>

Platforms rename their menus from time to time. If a label below differs on your screen, search the platform's settings for the name in quotes.

Add the snippet in Wix

1. In the ZapClaw dashboard, open your widget in Agents and copy the snippet with the copy button.
2. In your Wix dashboard, open Settings and choose Custom Code (under Advanced).
3. Click Add Custom Code and paste the snippet.
4. Name it "ZapClaw chat", apply it to All pages, load it once, and place it at the end of the body.
5. Click Apply, then publish the site.

Custom Code runs on the published site, not in the editor preview, so look at your live address.

Check that it works

Open your live site in a private window and look for the bubble in the corner you chose. No bubble? Check that the agent is published, the widget is active, your address is in the allowed websites, and that no content blocker or Content Security Policy is stopping it.

If your site has a Content Security Policy

Most sites need nothing here. A site with a strict Content Security Policy adds two entries to its policy, and nothing else:

script-src https://chat.zapclaw.app
frame-src https://chat.zapclaw.app

Only if your policy also restricts connect-src (or has no connect-src but restricts default-src), add connect-src https://chat.zapclaw.app too. The loader reads the look of your bubble from there before drawing it.

No style-src entry is needed: the loader sets its styles through the browser's style API, never an inline style tag.

Anonymous mode

On this platform the widget runs anonymous. It answers from the knowledge bases you marked public, collects a contact and hands the case to a person. What anonymous mode means.

A sentence for your privacy policy

The widget handles what your visitors type, on your behalf, so your privacy policy should say so. You can adapt this sentence:

The chat assistant on this website is provided by ZapClaw, which processes the messages visitors type into it on our behalf, as our processor. The chat sets no cookies on this website, and conversations are kept for 90 days.

Other install guides

• Overview, with the Content Security Policy lines and the privacy sentence.
• WordPress, for a site you host yourself.
• WordPress.com, on the plans that allow plugins.
• Google Tag Manager, with a Custom HTML tag.
• Shopify, in the theme code or an app embed.
• Webflow, in the custom code of the site settings.
• Squarespace, in Code Injection.