How to Add Asyntai AI Chatbot to Upgates

Step-by-step guide for Upgates e-shops

プラットフォーム:

ステップ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>

注記: 上記のコードは一例です。個人のウィジェット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.