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

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

Платформа:

Крок 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>

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

Крок 2: Для сайтів Bitrix24 (Рекомендовано)

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

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

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

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

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

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

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

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

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

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

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

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