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

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

Шаг 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»
В разделе «Разместить код в» выберите «Body - конец»
Нажмите «Apply», чтобы сохранить

Совет: Выбор «Body - конец» размещает скрипт непосредственно перед закрывающим тегом </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>