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

Пошаговое руководство для Bludit CMS

Платформа:

Шаг 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: Добавьте код через плагин HTML Code (рекомендуется)

Самый простой способ добавить чат-бот на ваш сайт на Bludit — использовать встроенный плагин HTML-кода:

Войдите в панель администратора Bludit
Перейдите в Plugins на левой панели
Найдите плагин «HTML-код» (обычно он предустановлен)
Если он не активен, нажмите «Activate», чтобы включить его
Нажмите «Configure» в плагине HTML Code
В конфигурации вы увидите поля для кода в Header и Footer
Вставьте код встраивания Asyntai в поле «Footer»
Нажмите «Save»

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

Альтернативный способ 1: Интеграция через файлы темы

Для большего контроля можно добавить код напрямую в файлы темы:

Подключитесь к вашей установке Bludit через FTP или Файловый менеджер
Перейдите в /bl-themes/your-theme-name/
Откройте файл index.php для редактирования
Найдите закрывающий тег </body>
Вставьте код встраивания Asyntai непосредственно перед тегом </body>
Сохраните файл
Очистите кэш сайта при необходимости

Примечание: При прямом редактировании файлов темы обязательно сначала создайте резервную копию оригинального файла. Обновления темы могут перезаписать ваши изменения, поэтому фиксируйте все правки.

Альтернативный способ 2: Контент на страницах

Вы также можете добавить код чат-бота напрямую на конкретные страницы с помощью редактора контента Bludit:

Войдите в панель администратора Bludit
Перейдите в Content и выберите страницу, которую хотите отредактировать
Переключитесь в режим HTML в редакторе (если используется визуальный редактор)
Добавьте код встраивания Asyntai в любое место контента страницы
Нажмите «Save»
Повторите для других страниц, где нужен чат-бот

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

Использование хуков плагина (расширенный уровень)

Для разработчиков, создающих пользовательские плагины, Bludit предоставляет хуки плагинов:

siteBodyBegin — выполняется в начале тега <body>
siteBodyEnd — выполняется в конце страницы, идеально подходит для JavaScript-кода, такого как виджет Asyntai

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

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

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

Виджет не отображается? Убедитесь, что вы сохранили настройки плагина или изменения файлов темы. Очистите кэш браузера и кэш Bludit (если включён). Проверьте консоль браузера (F12) на наличие ошибок JavaScript.