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

Покрокова інструкція для сайтів Bitrix24

Платформа:

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

Якщо ви використовуєте Bitrix24 Sites (конструктор сайтів), виконайте ці кроки:

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

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

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

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

Отримайте доступ до панелі адміністрування Bitrix
Перейдiть до Settings → System Settings → Sites → Site Templates
Оберіть вашу активну тему
Відредагуйте файл footer.php
Додайте ваш код для вставки Asyntai безпосередньо перед закриваючим тегом </body>
Збережіть файл
Очистіть кеш: Settings → System Settings → Clear Cache

Альтернатива: Використання HTML-блоку

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

У редакторі сайту натисніть "+ Add Block"
Знайдiть та оберiть блок "HTML" або "Custom Code"
Вставте ваш код для вставки Asyntai
Розмістіть блок внизу вашої сторінки
Збережіть та опублікуйте ваш сайт

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

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

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