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

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

Платформа:

Крок 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 віджета.

Крок 2: Оберіть метод встановлення

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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