How to Add Asyntai AI Chatbot to Wix Studio

Step-by-step guide for Wix Studio sites

平台：

步骤1：获取您的嵌入代码

首先，前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码，格式如下：

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

注意： 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码，因为其中包含您的个人小部件 ID。

Before you start: To use Custom Code in Wix Studio, your site must be published and connected to a domain. If your site isn't live yet, publish it first, then return to this guide.

Step 2: Open Custom Code in Your Site Dashboard

Wix Studio lets you add third-party scripts to every page from the site dashboard, without touching the editor:

Log in to your Wix Studio account and open the Dashboard for the site you want to edit
In the dashboard sidebar, click Settings
Under the Development & integrations section, click Custom Code
At the top right, click + Add Custom Code

提示： The Custom Code page is part of your site dashboard (business tools), not the Wix Studio Editor canvas. If you are inside the Editor, look for the dashboard link to switch over.

Step 3: Paste Your Asyntai Embed Code

In the Add Custom Code panel, configure the snippet so it loads on your whole site:

Paste your Asyntai embed code into the code snippet text field
Enter a descriptive name for the snippet, for example Asyntai Chatbot, so you can find it later
Under Add Code to Pages, select All pages so the chatbot appears everywhere. You can leave the load option set to Load once
Under Place Code in, select Body - end for the best page load performance
Click Apply to save and publish the snippet

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

注意： The three placement options are Head, Body - start, and Body - end. Asyntai works with any of them, but Body - end is recommended so the widget loads after your page content.

步骤 4：验证安装

After clicking Apply, open your published Wix Studio site in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to ensure it opens and functions correctly.

看不到小部件？ Custom Code only runs on your live, published site, not in the editor preview. Make sure the site is published and connected to a domain, clear your browser cache or view in incognito mode, and confirm the snippet is set to All pages. Check the browser console (F12) for any JavaScript errors.

需要帮助？

If you're not comfortable adding custom code, Wix Support can walk you through the Custom Code settings in your dashboard. You can also contact Asyntai support for guidance on installing the chatbot on your Wix Studio site.