How to Add Asyntai AI Chatbot to Upgates

Step-by-step guide for Upgates e-shops

แพลตฟอร์ม:

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

ก่อนอื่น ไปที่แดชบอร์ด Asyntai ของคุณและเลื่อนลงไปที่ส่วน "Embed Code" คัดลอกโค้ดฝังตัวเฉพาะของคุณซึ่งจะมีลักษณะดังนี้:

<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 ส่วนตัวของคุณ

Step 2: Open the Custom Conversion Codes Module

Upgates has a dedicated place for adding your own scripts, called Custom Conversion Codes (Vlastní konverzní kódy). Despite the name, it is designed for any third-party code such as chat widgets, analytics, banners, and pop-ups:

Log in to your Upgates administration
In the left-hand menu, open Doplňky (Add-ons)
Click Vlastní konverzní kódy (Custom Conversion Codes)
Click Přidat (Add) to create a new code entry

หมายเหตุ: Menu labels may appear in Czech or Slovak depending on your store language. Look for "Doplňky" → "Vlastní konverzní kódy" (Add-ons → Custom Conversion Codes).

Step 3: Add Your Asyntai Embed Code

Now paste your embed code and choose where it should run:

Give the code a recognizable name, for example Asyntai Chatbot
For the display option, choose to show the code on all pages of the e-shop (not only the order-completion page), so the chatbot appears everywhere
For the placement in the page source, select a body position (before the closing </body> tag) or the general option that loads on every page
Paste your Asyntai embed code into the code field:

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

Make sure the code is set to active / enabled
Click Uložit (Save) to apply the changes

เคล็ดลับ: Placing the code so it loads on every page and near the end of the body ensures the chatbot appears across your whole store without slowing down page rendering.

สำคัญ: Before saving, make sure you don't already have an active ready-made Asyntai connection or a duplicate of this script, as running it twice can cause the widget to load incorrectly.

ขั้นตอนที่ 4: ตรวจสอบการติดตั้ง

After saving your changes, open your Upgates store 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.

ไม่เห็นวิดเจ็ต? Make sure you saved the custom code and that it is set to active. Clear your browser cache or view in incognito mode, as Upgates may cache pages, so changes might take a few minutes to appear. Check the browser console (F12) for any JavaScript errors.

ต้องการความช่วยเหลือ?

If you're not comfortable editing the Custom Conversion Codes settings, the Upgates support team can assist with adding custom code to your store. You can also contact Asyntai support for guidance on installing the chatbot on your Upgates store.