Как добавить ИИ-чат-бот 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>

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Добавьте код в тему Shopify

Выполните следующие шаги, чтобы добавить чат-бот в ваш магазин Shopify:

Войдите в панель администратора Shopify
Перейдите в 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>

Читать полное руководство по строке поиска с ИИ