Як додати ШI-чатбот Asyntai до Bludit

Покрокова інструкція для Bludit CMS

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

Примітка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Додайте код за допомогою плагіна HTML Code (Рекомендовано)

Найпростiший спосiб додати чатбот на ваш сайт Bludit - використати вбудований плагiн HTML Code:

Увійдіть до вашої Панелі адміністрування Bludit
Перейдіть до Plugins на лівій бічній панелі
Знайдiть плагiн "HTML Code" (вiн зазвичай попередньо встановлений)
Якщо не активний, натисніть "Activate", щоб увімкнути
Натисніть "Configure" на плагіні HTML Code
У конфігурації ви побачите поля для коду Header та Footer
Вставте ваш код для вставки Asyntai в поле "Footer"
Натисніть "Save"

Порада: Додавання коду до Footer забезпечує його завантаження в кiнцi ваших сторiнок, що не сповiльнить початкове завантаження сайту. Цей метод автоматично додає чатбот на всi сторiнки вашого сайту.

Альтернативний метод 1: Iнтеграція через файли теми

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

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

Примітка: При безпосередньому редагуваннi файлiв теми обов'язково зробiть резервну копiю оригiнального файлу. Оновлення теми можуть перезаписати вашi змiни, тому документуйте свої модифiкацiї.

Альтернативний метод 2: Користувацький контент на сторінках

Ви також можете додати код чатбота безпосередньо на конкретнi сторiнки за допомогою редактора вмiсту Bludit:

Увійдіть до вашої Панелі адміністрування Bludit
Перейдіть до Content та оберіть сторінку, яку хочете редагувати
Перемкнiться на режим HTML у редакторi (якщо використовуєте вiзуальний редактор)
Додайте ваш код для вставки Asyntai будь-де у вмісті сторінки
Натисніть "Save"
Повторіть для інших сторінок, де ви хочете чатбот

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

Використання хуків плагінів (Розширене)

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

siteBodyBegin - Виконується на початку тегу <body>
siteBodyEnd - Виконується внизу, iдеально для JavaScript-коду, як вiджет Asyntai

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

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

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

Не бачите віджет? Переконайтеся, що ви зберегли конфiгурацiю плагiна або змiни файлiв теми. Очистiть кеш браузера та кеш Bludit (якщо увiмкнено). Перевiрте консоль браузера (F12) на наявнiсть помилок JavaScript.