Как добавить ИИ-чат-бот Asyntai в HubSpot

Пошаговое руководство для сайтов на HubSpot CMS

Платформа:

Шаг 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>

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Использование настроек сайта (рекомендуется)

Самый простой способ добавить чат-бот на все страницы вашего сайта на HubSpot:

Войдите в ваш аккаунт HubSpot
Нажмите значок настроек (шестерёнку) на главной панели навигации
На левой боковой панели перейдите в Website > Pages
Прокрутите вниз до раздела «HTML футера сайта»
Вставьте код встраивания Asyntai в текстовую область
Нажмите «Save» в нижней части страницы

Совет: Добавление скрипта в HTML-футер сайта гарантирует загрузку на всех страницах после основного контента — это рекомендуемое расположение для чат-виджетов.

Альтернатива: Установка на конкретную страницу

Если вы хотите добавить чат-бот только на определённые страницы:

Перейдите в Marketing > Website > Website Pages (или Landing Pages)
Нажмите на страницу, которую хотите редактировать
В редакторе страницы нажмите Settings вверху
Прокрутите вниз до раздела «Дополнительные параметры»
Найдите раздел «HTML футера»
Вставьте код встраивания Asyntai
Нажмите «Apply changes» и опубликуйте страницу

Примечание: Код для конкретной страницы загружается только на этой странице. Используйте этот метод, если хотите разместить чат-бот на отдельных страницах, а не на всём сайте.

Альтернатива: Через Design Manager

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

Перейдите в 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 в новой вкладке браузера или в окне инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что она открывается и работает правильно.

Виджет не отображается? Убедитесь, что нажали «Сохранить» или «Опубликовать» после добавления кода. HubSpot кеширует страницы, поэтому откройте сайт в режиме инкогнито или очистите кеш браузера. Если вы добавили код на конкретную страницу, убедитесь, что она опубликована.

Требуется HubSpot CMS Hub: Добавление пользовательского JavaScript требует HubSpot CMS Hub (Starter, Professional или Enterprise). Если вы используете бесплатные инструменты HubSpot CMS, у вас могут быть ограниченные возможности для добавления пользовательских скриптов.