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

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

Платформа:

Шаг 1: Get Your Embed Code

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

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

Шаг 2: Using Site Settings (Recommended)

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

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

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

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

If you only want the chatbot on specific pages:

Перейдите в Marketing > Website > Website Pages (или Landing Pages)
Нажмите на the page you want to edit
В редакторе страницы нажмите Settings вверху
Прокрутите вниз до раздела «Дополнительные параметры»
Найдите раздел «HTML футера»
Вставьте код встраивания Asyntai
Нажмите \"Apply changes\" and publish your page

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

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

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

Go to Marketing > Files and Templates > Design Tools
На левой панели нажмите File > New file
Выберите \"JavaScript\" from the dropdown
Назовите ваш файл (например, 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 или укажите его в настройках сайта

Альтернатива: Через модули

Создайте reusable module for the chatbot:

Go to Marketing > Files and Templates > Design Tools
Нажмите File > New file > Module
Назовите его «Asyntai Chatbot»
В файле module.html вставьте ваш код встраивания
Опубликуйте модуль
Добавьте модуль в раздел футера вашего шаблона или перетащите его на отдельные страницы

Совет: Использование пользовательского модуля позволяет легко добавлять или удалять чат-бот из конкретных шаблонов или страниц через редактор перетаскивания.

Шаг 3: Verify Installation

После сохранения изменений откройте сайт HubSpot в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.

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

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