Як додати ШI-чатбот 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>

Примітка: Код вище є лише прикладом. Ви повинн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дкривається та працює правильно.