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

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

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

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

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

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

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

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

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

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

Перейдіть до Shopify App Store
Знайдіть "Custom Script Injector" або "Header & Footer Scripts"
Встановіть обраний додаток
Use the app to add your Asyntai embed code to the footer section

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

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

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

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