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>

ملاحظة: الكود أعلاه مجرد مثال. يجب عليك نسخ كود التضمين الفريد الخاص بك من لوحة التحكم لأنه يحتوي على معرف الأداة الشخصي الخاص بك.

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.