How to Add Asyntai AI Chatbot to Wix

Step-by-step guide for Wix websites

Platform:

Step 1: Get Your Embed Code

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Note: The code above is just an example. You must copy your own unique embed code from your Dashboard as it contains your personal widget ID.

Step 2: Add Code Using Custom Code (Recommended)

Custom Code adds the chatbot to all pages at once. Wix offers it on sites that are published and have a connected domain, which needs a Premium plan:

Log in to your Wix account and go to your site's Dashboard
Click Settings in the left sidebar
In the Development & integrations section, click Custom Code
Click "+ Add Custom Code" at the top right
Paste your Asyntai embed code in the text box
Enter a name for your code (e.g., "Asyntai Chatbot")
Under "Add Code to Pages", select "All pages"
Under "Place Code in", select "Body - end"
Click "Apply" to save

Tip: Selecting "Body - end" places the script just before the closing </body> tag, which is the recommended placement for chat widgets.

Alternative: Using an Embed HTML Element (Free Plan)

Without a Premium plan, you can add the code to a page with an Embed HTML element. Wix shows this element as an iframe, so the chat widget stays inside the element's box and does not float over the page. Make the box large enough for the open chat window.

Open your site in the Wix Editor
Click "Add Elements" (the "+" button) in the left toolbar
Select "Embed Code", then "Popular Embeds", then "Embed HTML"
Click "Enter Code" and paste your Asyntai embed code
Click "Apply"
Drag the corners of the element to make it large enough for the open chat window
Click "Publish" to save your changes

Important: With the Embed HTML method, you need to add the element to each page where you want the chatbot to appear. To add it to all pages at once, use the Custom Code method above.

Step 3: Verify Installation

After adding the code, publish your site and visit it in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to make sure it opens and works correctly.

Not seeing the widget? Make sure your site is published (not just saved). Wix may take a few minutes to apply custom code changes. Try clearing your browser cache or viewing in an incognito window.

Adding the AI Search Bar

The AI Search Bar is a separate widget with its own code. Add it as well as the chat widget, or on its own. It needs the Standard plan or higher: on a lower plan the bar appears but never returns results.

Add the data-replace attribute to the script tag and the bar takes the place of the one your theme already has. Add it under Settings, Custom Code, the same place as the chat code. Wix only offers Custom Code on a Premium plan with a connected domain, so you need one to install this.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>