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

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

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

Початок роботи
Встановлення База знань Як ШІ отримує доступ до вашого контенту Підключіть свій сайт Тестуйте ваш ШI Керування сайтами
Налаштування
Дизайни кнопки чату Значок кнопки чату Кольори віджета Ім'я ШІ-асистента Початкове повідомлення Позиція віджета Автозапуск Привітальна бульбашка Значок непрочитаних Режим інструкцій Ставити запитання Використовувати емодзі Збирати email-адреси Збирати номери телефонів Розумне захоплення лідів Локалізація Приховати брендинг Посилання на конфіденційність Власне повідомлення Завантаження стенограми Нова розмова Історія розмов Слоган та індикатор статусу Мовлення в текст Іконка чату Логотип компанії Ліміт символів Температура
Поради щодо інструкцій для ШI Перехід з іншого чат-бота Порівняння тарифів
Функції
Панель Ask AI Панель AI-пошуку ШІ-пошук для WordPress AI Search for Joomla AI Search for Webflow AI Search for Moodle AI Search for TYPO3 AI Search for Craft CMS AI Search for Grav AI Search for October CMS AI Search for ProcessWire AI Search for Odoo AI Search for Bagisto AI Search for OpenCart AI Search for BigCommerce AI Search for Magento Сканування сайту Прогалини у знаннях Картки товарів Динамічні картки товарів Динамічні зображення Контекст користувача Власні інструменти Параметри посилань Моніторинг у реальному часі Перехоплення оператором Ескалація Сповіщення ШI Щоденний звіт Потік даних у реальному часі Потік даних у реальному часі Max Учасники команди Єдиний вхід Двофакторна автентифікація Включити зображення Розпізнавання зображень Віджет перекладу Локалізація Прозорість ШІ Ліди Розумне захоплення лідів Тікети підтримки Категорії чатів Бронювання Вбудовування Виключення сторінок Заблоковані IP Політика зберігання Режим нульового зберігання Маскування PII Класифікатор відповідей Access Tags Закріплення версії віджета Журнал аудиту Розумніша модель Увімкнути міркування Пропозиції відповідей Подальші повідомлення Мовлення в текст Завантаження стенограми Вбудований чат Вбудовування через iframe
Аналітика
Аналітика чатів Журнали чатів
Iнтеграції
REST API Конектор MCP Instagram Messenger WhatsApp Discord Zulip Bitrix24 phpBB NodeBB Wagtail HumHub XenForo Rocket.Chat WHMCS FOSSBilling FreeScout Crisp Airtable Trello Matomo Shoplazza Jumpseller ShopRenter Shift4Shop ActiveCampaign Browser Extension Raycast Astro Nuxt Obsidian Attio SuiteCRM YouTrack Kit nopCommerce Nuvemshop Squarespace Coda Thinkific Docusaurus Google Tag Manager CS-Cart XWiki MediaWiki DokuWiki Webex Activepieces Albato Zapier Email Notion Google Sheets GitBook Confluence Jira Service Management Contao Zoho Desk Мобільні додатки
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>(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>

Примітка: Код вище є лише прикладом. Ви повинн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ю вашого додатку.