Повернутися до панелi керування

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

Дiзнайтеся, як використовувати Asyntai

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

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

Отримати код вбудовування

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Дотримуйтесь iнструкцiї встановлення для WordPress
  2. Додайте код вбудовування Asyntai на ваш сайт WordPress за допомогою плагiна WPCode або файлiв теми
  3. Чат-бот з'явиться на всiх сторiнках, включаючи тi, що мiстять ваш магазин Ecwid

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

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

  1. Знайдiть вiдповiдну iнструкцiю встановлення для вашої платформи
  2. Додайте код вбудовування Asyntai на цю платформу
  3. Чат-бот працюватиме разом з вашим вбудованим магазином Ecwid

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

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

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

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