Zpět na přehled

Dokumentace

Naučte se používat Asyntai

Začínáme
Instalace Znalostní báze Otestujte svou AI Správa webů
Přizpůsobení
Barvy widgetu Název AI asistenta Úvodní zpráva Pozice widgetu Automatické spuštění Uvítací bublina Odznak nepřečtených zpráv Režim instrukcí Klást otázky Používat emoji Sběr e-mailů Sběr telefonních čísel Chytré získávání kontaktů Lokalizace Skrýt značku Odkaz na ochranu soukromí Vlastní oznámení Stažení přepisu Nová konverzace Historie konverzací Slogan a stavová tečka Převod řeči na text Ikona chatu Logo společnosti Limit znaků Teplota
Tipy pro pokyny AI Porovnání tarifů
Funkce
Procházení webu Mezery ve znalostech Produktové karty Dynamické produktové karty Dynamic Images Kontext uživatele Živé sledování Převzetí člověkem Eskalace AI upozornění Denní report Datový kanál v reálném čase Datový kanál v reálném čase Max Členové týmu Jednotné přihlášení Zahrnutí obrázků Rozpoznávání obrázků Widget pro překlad Lokalizace Kontakty Chytré získávání kontaktů Tikety podpory Rezervace Vložené prvky Vyloučení stránek Blokované IP adresy Chytřejší model Zapnout režim přemýšlení Návrhy odpovědí Navazující zprávy Převod řeči na text Stažení přepisu Vložený chat
Analytika
Analytika chatu Historie chatů
Integrace
REST API Instagram Messenger WhatsApp Zapier Email Mobilní aplikace
Jiné
Přidat na plochu Vlastní tlačítko pro otevření
Zeptat se AI

Jak přidat Asyntai AI Chatbota na Bubble

Průvodce krok za krokem pro aplikace Bubble

Získat kód pro vložení
Platforma:
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

Krok 1: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

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

Poznámka: Kód výše je pouze příklad. Musíte zkopírovat svůj vlastní unikátní kód pro vložení z vašeho Dashboardu, protože obsahuje vaše osobní ID widgetu.

Krok 2: Použití nastavení aplikace (doporučeno)

Bubble má vestavěný způsob přidávání vlastních skriptů prostřednictvím nastavení aplikace:

  1. Přihlaste se do editoru své Bubble aplikace
  2. Přejděte na Settings v levém postranním panelu
  3. Klikněte na záložku "Web App"
  4. Přejděte dolů na "Advanced Settings"
  5. Najděte sekci "Custom headers and body"
  6. Vložte svůj Asyntai embed kód do pole "Script in body"
  7. Nasaďte svou aplikaci

Tip: Přidání kódu do pole body script zajistí, že se načte na každé stránce vaší Bubble aplikace, což je doporučený přístup pro chatovací widgety. Tato funkce je dostupná na všech Bubble plánech včetně Free.

Alternativa: Použití HTML elementu

Pokud chcete přidat chatbota pouze na konkrétní stránku:

  1. V editoru Bubble otevřete stránku, na kterou chcete chatbota přidat
  2. Přidejte na stránku HTML element
  3. Vložte Asyntai embed kód do elementu
  4. Nasaďte svou aplikaci

Poznámka: Metoda nastavení aplikace je preferovaná, protože aplikuje chatbota na celou vaši aplikaci. Metoda HTML elementu přidá chatbota pouze na konkrétní stránku, kde element umístíte.

Krok 3: Ověřte instalaci

Po nasazení aplikace navštivte svůj Bubble web v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.

Nevidíte widget? Po přidání kódu se ujistěte, že jste aplikaci nasadili. Zkuste vymazat mezipaměť prohlížeče nebo zobrazit stránku v anonymním okně. Pokud testujete ve vývojovém režimu, zkontrolujte také živou verzi své aplikace.