How to Add Asyntai AI Chatbot to Upgates

Step-by-step guide for Upgates e-shops

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

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

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

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

Važno: 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.

Korak 4: Provjerite instalaciju

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.

Ne vidite widget? 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.

Trebate pomoć?

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.