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

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

Платформа:

Крок 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: Оберіть метод встановлення

Iснує кiлька способiв додати чат-вiджет до вашого магазину Ecwid. Оберiть метод, який найкраще пiдходить для вашого налаштування:

Метод 1: Використання редактора Instant Site (Рекомендований)

Якщо ви використовуєте Instant Site вiд Ecwid, ви можете додавати роздiли з власним кодом безпосередньо через редактор сайту. Цей метод доступний на планах Venture, Business та Unlimited.

Додавання розділу з власним кодом

Увійдіть до адмін-панелі Ecwid
Перейдiть до Website → Edit Site (або Overview → Manage Instant Site)
У випадаючому списку "Page: Homepage" у верхньому лiвому кутi виберiть сторiнку, на яку хочете додати чат-бот (або залишiть Homepage для всього сайту)
Натисніть "Add Section"
Прокрутіть вниз до "Advanced Solutions"
У блоцi "Embed & Custom Code" натиснiть "Add Custom Code Section"
Вставте ваш код для вставки Asyntai
Натисніть "Save"

Порада: Додавання коду на Homepage зробить його видимим на всiх сторiнках. Для найкращої продуктивностi додавайте JavaScript у роздiл body, а не в заголовок.

Метод 2: Використання розділу власного коду JavaScript

Ви можете додати власний код JavaScript через розширенi налаштування веб-сайту в панелi керування Ecwid. Цей метод вимагає платного плану Ecwid.

Увійдіть до адмін-панелі Ecwid
Перейдіть до Website (або Overview → Manage Instant Site)
Прокрутіть вниз до "Advanced website settings"
Пiд "Custom JavaScript code" натиснiть "Add Code"
Вставте код вбудовування Asyntai у поле, що з'явиться
Натисніть "Save"
Оновіть сторінку Instant Site у браузері, щоб побачити зміни

Примітка: Роздiл Custom JavaScript code має обмеження в 4000 символiв. Код вбудовування Asyntai значно менший за це обмеження. Код, доданий тут, з'явиться внизу роздiлу <body>.

Метод 3: Зовнішній веб-сайт з магазином Ecwid

Якщо ви вбудували магазин Ecwid на зовнiшнiй веб-сайт (WordPress, Wix, власний HTML тощо), вам слiд додати код Asyntai на той веб-сайт.

Для WordPress з плагіном Ecwid

Follow the WordPress installation guide
Додайте код вбудовування Asyntai на ваш сайт WordPress за допомогою плагiна WPCode або файлiв теми
Чат-бот з'явиться на всiх сторiнках, включаючи тi, що мiстять ваш магазин Ecwid

Для інших платформ

Якщо ваш магазин Ecwid вбудований на іншій платформі:

Find the appropriate installation guide for your platform
Додайте код вбудовування Asyntai на цю платформу
Чат-бот працюватиме разом з вашим вбудованим магазином Ecwid

Чому потрібно додати код на зовнішній сайт? Коли Ecwid вбудований на iншому веб-сайтi, батькiвський сайт контролює сторiнку. Додавання чат-бота на батькiвський сайт забезпечує правильне завантаження та його появу на всiх сторiнках.

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

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

Не бачите віджет? Очистiть кеш браузера та оновiть сторiнку. Переконайтеся, що у вас платний план Ecwid, оскiльки функцiї власного JavaScript вимагають планiв Venture, Business або Unlimited.

Документація