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

Платформа:

HubSpot

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

Крок 2: Використання налаштувань сайту (Рекомендовано)

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

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

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

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

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

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

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

1. Go to Marketing > Files and Templates > Design Tools
2. На лiвiй бiчнiй панелi натиснiть File > New file
3. Виберiть "JavaScript" зi спадного списку
4. Назвiть файл (наприклад, asyntai-chatbot.js)
5. Додайте наступний код:
   (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);
})();
6. Замiнiть YOUR_WIDGET_ID на ваш фактичний ID вiджету
7. Натиснiть "Publish changes"
8. Включiть цей файл у ваш шаблон за допомогою require_js або пiдключiть його в налаштуваннях сайту

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

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

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

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

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