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

Покрокова інструкція для веб-сайтів HubSpot CMS

Платформа:

Крок 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: Використання налаштувань сайту (Рекомендовано)

Найпростіший спосіб додати чат-бот на всі сторінки вашого веб-сайту HubSpot:

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

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

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

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

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

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

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

Для більшого контролю ви можете додати файл 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"
Включіть цей файл у ваш шаблон за допомогою require_js або підключіть його в налаштуваннях сайту

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

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

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

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

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

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

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

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