Multi-platform Integrations

Add Chatbots to Wix Websites

Add your AI agent to your Wix site by pasting its embed code into Wix's Custom Code settings. No coding needed.

Before you start

Step 1: allowlist your domain in Settings > Security. Step 2: copy the code from Embed on site. Step 3: paste it on your site, then check the bubble appears

Step 1: Allowlist your domain

In Chat Data, open Settings > Security. Set Visibility to public, turn on Embedding On Websites, and add your Wix site's domain to Allowed Embedding Domains. Full details: Allowlist your domain.

Step 2: Copy the embed code

In Chat Data, click Embed on site in your AI agent's sidebar, open the Widget Bubble tab and click Copy Code. Which tab should I use? Embed on site panel in Chat Data with the Widget Bubble tab open, showing the script tag and the Copy Code button

Step 3: Add the code in Wix

  1. Log in to Wix and open your site's dashboard.
  2. Click Design Site in the top-right corner and wait for the Wix editor to load. Wix Design Site
  3. Go to the area where you want the AI agent to appear.
  4. Click the plus icon (Add Elements) in the editor's left panel. Wix Add Elements
  5. Go to Embed Code > Popular Embeds and select Custom Code. Wix Add Popular Embeds
  6. In the custom code window, click + Add Custom Code at the top right.
  7. Paste your embed code into the editor.
  8. Give the code a descriptive name.
  9. Under Add Code to Pages, choose which pages show the AI agent.
  10. Under Place Code in, choose Head.
  11. Click Apply.
  12. Click Publish in the top-right corner of the editor.

Check that it worked

Open your published site (not the editor preview). The Chat Data chat icon should float on the page. If the chat window shows "Domain: … is not in the allowlisted domains of this chatbot", add that domain in Step 1. More fixes: Check that it worked.

Next step: match the AI agent to your brand in Settings > Chat Interface. See Customize the Chatbot Interface.

Frequently Asked Questions

How do I add a Chat Data chatbot to a Wix website?

The Wix setup has three stages: prepare the chatbot in Chat Data, copy the embed code, and then install that code in Wix through the custom code flow under `Add Elements` and `Embed Code`.

What should I do in Chat Data before embedding the chatbot in Wix?

The guide says to log in to Chat Data and create the chatbot first. It specifically mentions building the bot from documents, text excerpts, webpages, or Q&A pairs so the assistant is ready before you add it to Wix.

Where do I add the chatbot code inside Wix?

Inside the Wix editor, you click `Add Elements`, go through `Embed Code`, then `Popular Embeds`, and choose `Custom Code`. From there you select `+ Add Custom Code`, paste the embed code, name it, and choose the page and placement settings.

How do I verify the chatbot is working on Wix?

The final step in the guide says to apply the custom code and test the site preview. If the installation is correct, you should see the Chat Data chat icon floating on the page.

Previous
Add Chatbots to WordPress Websites