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

Покрокова інструкція для сайтів Wix

Платформа:

Крок 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: Додайте код через Custom Code (Рекомендовано)

Custom Code додає чат-бот одразу на всі сторінки. Wix надає цю функцію для опублікованих сайтів із підключеним доменом, для чого потрібен тариф Premium:

Увійдіть у свій обліковий запис Wix та перейдіть до панелі керування сайтом
Натисніть Settings на лівій бічній панелі
У розділі Development & integrations натисніть Custom Code
Натисніть "+ Add Custom Code" у верхньому правому куті
Вставте ваш код вбудовування Asyntai у текстове поле
Введіть назву для вашого коду (наприклад, "Asyntai Chatbot")
У розділі "Add Code to Pages" оберіть "All pages"
У розділі "Place Code in" оберіть "Body - end"
Натисніть "Apply", щоб зберегти

Порада: Вибір "Body - end" розміщує скрипт безпосередньо перед закриваючим тегом </body>, що є рекомендованим розміщенням для віджетів чату.

Альтернатива: елемент Embed HTML (безкоштовний тариф)

Без тарифу Premium ви можете додати код на сторінку за допомогою елемента Embed HTML. Wix показує цей елемент як iframe, тому чат-віджет залишається всередині рамки елемента і не плаває над сторінкою. Зробіть рамку достатньо великою для відкритого вікна чату.

Відкрийте свій сайт у редакторі Wix
Натисніть "Add Elements" (кнопка "+") на лівій панелі інструментів
Виберіть "Embed Code", потім "Popular Embeds", потім "Embed HTML"
Натисніть "Enter Code" і вставте код вбудовування Asyntai
Натисніть "Apply"
Потягніть за кути елемента, щоб він став достатньо великим для відкритого вікна чату
Натисніть "Publish", щоб зберегти зміни

Важливо: У способі Embed HTML потрібно додати елемент на кожну сторінку, де має з'являтися чат-бот. Щоб додати його одразу на всі сторінки, використовуйте описаний вище спосіб Custom Code.

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

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

Не бачите віджет? Переконайтеся, що ваш сайт опубліковано (а не просто збережено). Wix може потребувати кілька хвилин для застосування змін користувацького коду. Спробуйте очистити кеш браузера або переглянути в режимі інкогніто.

Додавання рядка пошуку зі ШІ

Рядок пошуку зі ШІ - окремий віджет із власним кодом. Додайте його поруч із чатом або окремо. Потрібен тариф Standard або вищий: на нижчому рядок з являється, але результатів не повертає.

Додайте атрибут data-replace до тега script, і рядок займе місце того, що вже є у вашій темі. Додайте його в Settings, Custom Code, там само, де й код чату. Wix надає Custom Code лише на тарифі Premium із підключеним доменом, тому для встановлення він вам знадобиться.

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