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

Покрокова інструкція для веб-сайтів HubSpot 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ший спосiб додати чат-бот на всi сторiнки вашого веб-сайту HubSpot:

Увійдіть до свого облікового запису HubSpot
Натиснiть iконку налаштувань (шестерня) на головнiй навiгацiйнiй панелi
На лівій бічній панелі перейдіть до Website > Pages
Прокрутіть вниз до розділу "Site footer HTML"
Вставте код вбудовування Asyntai у текстове поле
Натисніть "Save" внизу сторінки

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

Альтернатива: Встановлення для конкретної сторінки

Якщо ви хочете чат-бот лише на конкретних сторінках:

Перейдiть до Marketing > Website > Website Pages (або Landing Pages)
Натисніть на сторінку, яку хочете редагувати
У редакторі сторінки натисніть Settings зверху
Прокрутіть вниз до "Advanced options"
Знайдіть розділ "Footer HTML"
Вставте ваш код для вставки Asyntai
Натисніть "Apply changes" та опублікуйте сторінку

Примітка: Код для конкретної сторiнки завантажуватиметься лише на цiй конкретнiй сторiнцi. Використовуйте цей метод, якщо ви хочете чат-бот на вибраних сторiнках, а не на всьому сайтi.

Альтернатива: Використання менеджера дизайну

Для бiльшого контролю ви можете додати файл JavaScript через менеджер дизайну:

Перейдіть до Marketing > Files and Templates > Design Tools
На лівій бічній панелі натисніть File > New file
Виберіть "JavaScript" зі спадного списку
Назвіть файл (наприклад, asyntai-chatbot.js)
Додайте наступний код:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
Замініть YOUR_WIDGET_ID на ваш фактичний ID віджету
Натисніть "Publish changes"
Включiть цей файл у ваш шаблон за допомогою require_js або пiдключiть його в налаштуваннях сайту

Альтернатива: Використання власних модулів

Створіть багаторазовий модуль для чат-бота:

Перейдіть до Marketing > Files and Templates > Design Tools
Натисніть File > New file > Module
Назвіть його "Asyntai Chatbot"
У файлі module.html вставте код вбудовування
Опублікуйте модуль
Додайте модуль до роздiлу футера вашого шаблону або перетягнiть його на окремi сторiнки

Порада: Використання власного модуля дозволяє легко додавати або видаляти чат-бот з конкретних шаблонiв або сторiнок через редактор перетягування.

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

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

Не бачите віджет? Переконайтеся, що ви натиснули "Save" або "Publish" пiсля додавання коду. HubSpot кешує сторiнки, тому спробуйте переглянути сайт у режимi iнкогнiто або очистити кеш браузера. Якщо ви додали код на конкретну сторiнку, переконайтеся, що ця сторiнка опублiкована.

Потрібний HubSpot CMS Hub: Додавання власного JavaScript вимагає HubSpot CMS Hub (Starter, Professional або Enterprise). Якщо ви використовуєте безкоштовнi iнструменти HubSpot CMS, у вас можуть бути обмеженi можливостi для додавання власних скриптiв.