How to Add Asyntai AI Chatbot to Shoptet

Step-by-step guide for Shoptet e-shops

Платформа:

Стъпка 1: Вземете вашия код за вграждане

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

<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 HTML Codes Editor in Shoptet

Shoptet has a built-in section for inserting custom HTML and JavaScript, so you never need to touch the theme's source files:

Log in to your Shoptet administration
In the left-hand menu, open Appearance and content (Czech: Vzhled a obsah)
Click Editor
Select HTML code (Czech: HTML kód)

Забележка: This section is available on all Shoptet plans and is intended for advanced users. Shoptet technical support does not assist with custom HTML, CSS, or JavaScript, so keep a copy of anything you paste here.

Step 3: Paste the Embed Code into the Footer Field (Recommended)

The HTML code editor has several fields. To load the chatbot on every page of your e-shop, use the footer field:

Find the field labelled Footer (before the closing BODY tag) (Czech: Zápatí (před koncovým tagem BODY))
Paste your Asyntai embed code into this 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>

Click Save to apply the change
The chatbot will now appear on all pages of your store automatically

Съвет: Placing the code in the footer field (before the closing BODY tag) ensures the page content loads first, so the chat widget never slows down your store.

Alternative: Use the Header Field

If you prefer to load the script in the page head, the same HTML code editor offers a header field:

In Appearance and content → Editor → HTML code, find the field labelled Header (before the closing HEAD tag) (Czech: Záhlaví (před koncovým tagem HEAD))
Paste the same Asyntai embed code into this field
Кликнете Save

Забележка: You only need to add the embed code in one place. Use either the footer field or the header field, not both, to avoid loading the widget twice. The footer field is recommended for the best page performance.

Стъпка 4: Проверете инсталацията

After saving your changes, open your Shoptet e-shop 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 HTML code field. Clear your browser cache or view in incognito mode. Shoptet may cache pages, so changes can take a few minutes to appear. Check the browser console (F12) for any JavaScript errors.

Нуждаете се от помощ?

The HTML code section is intended for advanced users, and Shoptet support does not help with custom code. If you get stuck, contact Asyntai support for guidance on installing the chatbot on your Shoptet store.

Професионална поддръжка: If you would rather not edit the code yourself, a Shoptet partner or freelance developer can add the embed snippet for you in just a few minutes.