Як додати AI чат-бот Asyntai до e107

Покрокова інструкція для веб-сайтів e107 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: Додайте до шаблону теми (Рекомендовано)

Рекомендований спосiб додати чат-бот - безпосереднє редагування файлу шаблону теми e107:

Перейдіть до папки теми e107: e107_themes/yourtheme/
Вiдкрийте головний файл шаблону теми (зазвичай theme.php або theme.html)
Знайдіть закриваючий тег </body>
Вставте код вбудовування Asyntai безпосередньо перед тегом </body>:

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

Порада: Якщо ваша тема використовує theme.php, знайдiть роздiл, де рендериться HTML футера. Код вбудовування слiд розмiстити пiсля всього iншого контенту, але перед закриваючим тегом body.

Альтернативний метод 1: Використання власного заголовка/футера e107

Ви можете додати скрипт чат-бота через адмiн-панель e107 без редагування файлiв теми:

Увійдіть до адмін-панелі e107
Перейдіть до Admin > Preferences > Site Preferences
Знайдiть роздiл "Custom Footer" або "Footer Scripts"
Вставте код вбудовування Asyntai у текстове поле футерних скриптів
Натисніть "Save", щоб застосувати зміни

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

Альтернативний метод 2: Використання плагіна e107

Для бiльш модульного пiдходу ви можете створити простий плагiн або використовувати систему хукiв плагiнiв для впровадження скрипту чат-бота:

Створiть простий плагiн або використовуйте плагiн "Custom Pages"
Додайте скрипт через систему хукiв плагiнiв e107, створивши файл e_footer.php у каталозi вашого плагiна
Всередині e_footer.php виведіть код вбудовування:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<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д теми, тому вона збережеться навiть при змiнi теми.

Альтернативний метод 3: Використання системи меню e107

Ви можете використовувати вбудовану систему меню e107, щоб додати скрипт чат-бота до областi футера:

Увійдіть до адмін-панелі e107
Перейдіть до Admin > Menus
Створіть власне HTML-меню
Вставте код вбудовування Asyntai у вміст меню
Призначте меню до області футера вашого шаблону
Збережіть конфігурацію меню

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

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

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

Не бачите віджет? Спробуйте очистити кеш e107 з адмiн-панелi в роздiлi Admin > Cache. Також спробуйте очистити кеш браузера або переглянути в режимi iнкогнiто. Переконайтеся, що код вбудовування розмiщений правильно та мiстить ваш унiкальний ID вiджету з панелi керування.