Повернутися до панелі керування

Документація

Дізнайтеся, як використовувати Asyntai

Початок роботи
Встановлення База знань Тестуйте ваш ШI Керування сайтами
Налаштування
Кольори віджета Ім'я ШІ-асистента Початкове повідомлення Позиція віджета Автозапуск Привітальна бульбашка Значок непрочитаних Режим інструкцій Ставити запитання Використовувати емодзі Збирати email-адреси Збирати номери телефонів Розумне захоплення лідів Локалізація Приховати брендинг Посилання на конфіденційність Власне повідомлення Завантаження стенограми Нова розмова Історія розмов Слоган та індикатор статусу Мовлення в текст Іконка чату Логотип компанії Ліміт символів Температура
Поради щодо інструкцій для ШI Порівняння тарифів
Функції
Сканування сайту Прогалини у знаннях Картки товарів Динамічні картки товарів Dynamic Images Контекст користувача Моніторинг у реальному часі Перехоплення оператором Ескалація Сповіщення ШI Щоденний звіт Потік даних у реальному часі Потік даних у реальному часі Max Учасники команди Єдиний вхід Включити зображення Розпізнавання зображень Віджет перекладу Локалізація Ліди Розумне захоплення лідів Тікети підтримки Бронювання Вбудовування Виключення сторінок Заблоковані IP Розумніша модель Увімкнути міркування Пропозиції відповідей Подальші повідомлення Мовлення в текст Завантаження стенограми Вбудований чат
Аналітика
Аналітика чатів Журнали чатів
Iнтеграції
REST API Instagram Messenger WhatsApp Zapier Email Мобільні додатки
Iнше
Додати на головний екран Користувацька кнопка відкриття
Запитати ШI

Як додати ШI-чатбот Asyntai до Bubble

Покрокова інструкція для додатків Bubble

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

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

Bubble має вбудований спосiб додавання користувацьких скриптiв через налаштування додатку:

  1. Увійдіть до редактора вашого додатку Bubble
  2. Перейдіть до Settings на лівій бічній панелі
  3. Натисніть вкладку "Web App"
  4. Прокрутіть вниз до "Advanced Settings"
  5. Знайдіть розділ "Custom headers and body"
  6. Вставте ваш код для вставки Asyntai в поле "Script in body"
  7. Розгорніть ваш додаток

Порада: Додавання коду до поля скрипту body забезпечує його завантаження на кожнiй сторiнцi вашого додатку Bubble, що є рекомендованим пiдходом для вiджетiв чату. Ця функцiя доступна на всiх планах Bubble, включаючи Free.

Альтернатива: Використання HTML-елемента

Якщо ви бажаєте додати чатбот лише на конкретну сторінку:

  1. У редакторі Bubble відкрийте сторінку, де ви хочете чатбот
  2. Додайте HTML-елемент на вашу сторінку
  3. Вставте код для вставки Asyntai в елемент
  4. Розгорніть ваш додаток

Примітка: Метод налаштувань додатку є кращим, оскiльки вiн застосовує чатбот на весь ваш додаток. Метод HTML-елемента додає чатбот лише на конкретну сторiнку, де ви розмiщуєте елемент.

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

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

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