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

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

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

Първи стъпки
Инсталация База знания Как ИИ получава достъп до вашето съдържание Свържете сайта си Тествайте вашия ИИ Управление на уебсайтове
Персонализиране
Дизайни на чат бутона Икона на чат бутона Цветове на уиджета Име на ИИ асистента Начално съобщение Позиция на уиджета Автоматично задействане Приветствен балон Индикатор за непрочетени Режим на инструкции Задаване на въпроси Използване на емоджи Събиране на имейли Събиране на телефонни номера Интелигентно събиране на контакти Локализация Скриване на брандирането Връзка за поверителност Персонализирано известие Изтегляне на стенограма Нов разговор История на разговорите Слоган и индикатор за статус Реч към текст Икона на чата Фирмено лого Ограничение на символите Температура
Съвети за ИИ инструкции Преминаване от друг чатбот Сравнение на планове
Функции
Ask AI лента 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 Сканиране на уебсайт Пропуски в знанията Продуктови карти Динамични продуктови карти Динамични изображения Потребителски контекст Персонализирани инструменти Параметри на връзки Наблюдение на живо Поемане от човек Ескалация ИИ известия Дневен отчет Поток от данни в реално време Максимален поток от данни в реално време Членове на екипа Единичен вход (SSO) Двуфакторна автентикация Включване на изображения Визуално разпознаване на изображения Приспособление за превод Локализация Прозрачност на ИИ Потенциални клиенти Интелигентно събиране на контакти Тикети за поддръжка Категории на чатовете Резервации Вграждания Изключване на страници Блокирани IP адреси Политика за съхранение Режим нулево съхранение Маскиране на PII Класификатор на отговорите Access Tags Фиксиране на версията на приспособлението Одиторски дневник По-умен модел Активиране на мислене Предложения за отговор Последващи съобщения Реч към текст Изтегляне на стенограма Вграден чат Вграждане чрез iframe
Анализи
Анализ на чата Чат логове
Интеграции
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 Мобилни приложения
Друго
Добавяне към началния екран Персонализиран бутон за отваряне Бутони „Попитайте AI“ Неуспешно плащане?
Попитайте 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>(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>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен 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 сайт в нов таб на браузъра или в прозорец инкогнито. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Натиснете го, за да се уверите, че се отваря и работи правилно.

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