Обратно към таблото

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

Научете как да използвате Asyntai

Първи стъпки
Инсталация База знания Тествайте вашия ИИ Управление на уебсайтове
Персонализиране
Цветове на уиджета Име на ИИ асистента Начално съобщение Позиция на уиджета Автоматично задействане Приветствен балон Индикатор за непрочетени Режим на инструкции Задаване на въпроси Използване на емоджи Събиране на имейли Събиране на телефонни номера Интелигентно събиране на контакти Локализация Скриване на брандирането Връзка за поверителност Персонализирано известие Изтегляне на стенограма Нов разговор История на разговорите Слоган и индикатор за статус Реч към текст Икона на чата Фирмено лого Ограничение на символите Температура
Съвети за ИИ инструкции Сравнение на планове
Функции
Сканиране на уебсайт Пропуски в знанията Продуктови карти Динамични продуктови карти Dynamic Images Потребителски контекст Наблюдение на живо Поемане от човек Ескалация ИИ известия Дневен отчет Поток от данни в реално време Максимален поток от данни в реално време Членове на екипа Единичен вход (SSO) Включване на изображения Визуално разпознаване на изображения Приспособление за превод Локализация Потенциални клиенти Интелигентно събиране на контакти Тикети за поддръжка Резервации Вграждания Изключване на страници Блокирани IP адреси По-умен модел Активиране на мислене Предложения за отговор Последващи съобщения Реч към текст Изтегляне на стенограма Вграден чат
Анализи
Анализ на чата Чат логове
Интеграции
REST API Instagram Messenger WhatsApp Zapier Email Мобилни приложения
Друго
Добавяне към началния екран Персонализиран бутон за отваряне
Попитайте AI

Как да добавите Asyntai AI чатбот към 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: Вземете вашия код за вграждане

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

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

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Използване на настройките на приложението (Препоръчително)

Bubble има вграден начин за добавяне на персонализирани скриптове чрез настройките на приложението:

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

Съвет: Добавянето на кода в полето за скрипт в body гарантира, че се зарежда на всяка страница на вашето Bubble приложение, което е препоръчителният подход за чат уиджети. Тази функция е налична във всички планове на Bubble, включително безплатния.

Алтернатива: Използване на HTML елемент

Ако предпочитате да добавите чатбота само към определена страница:

  1. В редактора на Bubble отворете страницата, на която искате чатбота
  2. Добавете HTML елемент към страницата си
  3. Поставете Asyntai кода за вграждане в елемента
  4. Разгърнете вашето приложение

Забележка: Методът с настройките на приложението е предпочитан, тъй като прилага чатбота в цялото ви приложение. Методът с HTML елемент ще добави чатбота само към конкретната страница, на която поставите елемента.

Стъпка 3: Проверка на инсталацията

След разгръщане на приложението посетете вашия Bubble сайт в нов таб на браузъра или в прозорец инкогнито. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Натиснете го, за да се уверите, че се отваря и работи правилно.

Не виждате уиджета? Уверете се, че сте разгърнали приложението след добавяне на кода. Опитайте да изчистите кеша на браузъра или да прегледате в прозорец инкогнито. Ако тествате в режим на разработка, проверете и живата версия на приложението.