Как добавить ИИ-чат-бот Asyntai в Unbounce

Пошаговое руководство для лендингов на Unbounce

Платформа:

Шаг 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: Через настройки JavaScript

В Unbounce есть специальный раздел JavaScripts для добавления пользовательских скриптов:

Откройте свой лендинг Unbounce в редакторе
Нажмите «Settings» в левом нижнем углу
Выберите «JavaScripts»
Нажмите «Add custom script»
Установите размещение «Перед закрывающим тегом Body»
Вставьте код встраивания Asyntai в поле скрипта
Нажмите «Save» и переопубликуйте страницу

Совет: Установка размещения «Перед закрывающим тегом Body» гарантирует загрузку чат-бота после содержимого страницы. Также можно выбрать размещение «Head», но конец body предпочтительнее.

Шаг 3: Проверка установки

После сохранения и публикации изменений откройте страницу Unbounce в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.

Виджет не отображается? Убедитесь, что вы сохранили скрипт и переопубликовали страницу. Попробуйте очистить кэш браузера или открыть сайт в режиме инкогнито.

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

Как добавить ИИ-чат-бот Asyntai в Unbounce

Шаг 1: Получите код встраивания

Шаг 2: Через настройки JavaScript

Шаг 3: Проверка установки