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

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

Платформа:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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: Для сайтов Bitrix24 (рекомендуется)

Если вы используете Bitrix24 Sites (конструктор сайтов), выполните следующие шаги:

Войдите в ваш аккаунт Bitrix24
Перейдите в Sites и выберите ваш сайт
Нажмите «Edit», чтобы открыть редактор сайта
Нажмите «Settings» (значок шестерёнки) в верхней панели
Перейдите в раздел "Analytics" или "Custom HTML"
Вставьте ваш код встраивания Asyntai в раздел "Footer code" или "Before </body>"
Нажмите «Save»
Опубликуйте ваш сайт, чтобы применить изменения

Совет: Добавление кода в раздел футера обеспечивает загрузку на всех страницах сайта и не замедляет начальную загрузку страниц.

Альтернатива: Редактирование шаблона Bitrix CMS

Для Bitrix CMS (self-hosted) можно добавить код через файлы шаблонов:

Откройте панель администратора Bitrix
Перейдите в Настройки → Системные настройки → Сайты → Шаблоны сайтов
Выберите вашу активную тему
Редактировать файл footer.php
Добавьте ваш код встраивания Asyntai непосредственно перед закрывающим тегом </body>
Сохраните файл
Очистка кэша: Настройки → Настройки продукта → Автокеширование → Очистка файлов кэша

Альтернатива: Через HTML-блок

Вы также можете добавить HTML-блок в конструкторе сайтов Bitrix24:

В редакторе сайта нажмите «+ Add Block»
Найдите и выберите блок «HTML» или «Пользовательский код»
Вставьте код встраивания Asyntai
Расположите блок в нижней части страницы
Сохранить и опубликовать сайт

Важно: При использовании HTML-блока его нужно добавлять на каждую страницу. Для установки на весь сайт используйте метод настроек сайта выше.

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

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