How to Add Asyntai AI Chatbot to Wix Studio

Step-by-step guide for Wix Studio sites

แพลตฟอร์ม:

ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ

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>

หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget 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.