How to Add Asyntai AI Chatbot to Upgates

Step-by-step guide for Upgates e-shops

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

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

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

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

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

Vinkki: 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.

Tärkeää: 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.

Vaihe 4: Vahvista asennus

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.

Etkö näe widgetiä? 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.

Tarvitsetko apua?

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.