Як додати AI чат-бот Asyntai до Shopify

Покрокова інструкція для магазинів Shopify

Платформа:

Крок 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>

Примітка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Додати код до вашої теми Shopify

Виконайте ці кроки, щоб додати чат-бот до вашого магазину Shopify:

Увійдіть до вашої панелі Shopify Admin
Перейдіть до Online Store → Themes
Знайдіть вашу поточну тему та натисніть кнопку "..." (три крапки)
Виберіть "Edit code" з випадаючого меню
На лівій бічній панелі, у розділі Layout, натисніть на theme.liquid
Прокрутіть вниз, щоб знайти закриваючий тег </body>
Вставте ваш код для вставки Asyntai безпосередньо перед тегом </body>
Натисніть "Save" у верхньому правому куті

Порада: Використовуйте Ctrl+F (Windows) або Cmd+F (Mac) для швидкого пошуку </body> у файлі theme.liquid.

Альтернатива: Використання додатку Shopify

Якщо ви не хочете редагувати код, ви можете використовувати додаток Shopify для додавання власних скриптів:

Перейдіть до Shopify App Store
Знайдіть "Custom Script Injector" або "Header & Footer Scripts"
Встановіть обраний додаток
Додайте код вбудовування Asyntai в розділ футера

Крок 3: Перевірте встановлення

Після збереження змін відвідайте ваш магазин Shopify у новій вкладці браузера або у вікні інкогніто. Ви повинні побачити кнопку чат-віджета у нижньому правому куті вашого магазину. Натисніть на неї, щоб переконатися, що вона відкривається та працює коректно.

Не бачите віджет? Shopify може кешувати файли вашої теми. Спробуйте відкрити магазин у вікні інкогніто/приватному вікні браузера або зачекайте кілька хвилин та оновіть сторінку.

Користувачі Shopify Plus

Якщо ви на Shopify Plus, ви також можете додати скрипт через файл checkout.liquid для відображення чат-бота на сторінках оформлення замовлення. Однак зверніть увагу, що більшості магазинів він потрібен лише на основних сторінках вітрини.

Додавання рядка пошуку зі ШІ

Рядок пошуку зі ШІ - окремий віджет із власним кодом. Додайте його поруч із чатом або окремо. Потрібен тариф Standard або вищий: на нижчому рядок з являється, але результатів не повертає.

Додайте атрибут data-replace до тега script, і рядок займе місце того, що вже є у вашій темі. Вставте його у theme.liquid одразу перед закривальним тегом body, у той самий файл, що й код чату. Тема зберігає власну сторінку результатів, тож Enter працює точно як раніше.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

Читати повний посібник із рядка пошуку зі ШІ