Späť na panel

Dokumentácia

Naučte sa používať Asyntai

Začíname
Inštalácia Znalostná báza Otestujte svoju AI Správa webových stránok
Prispôsobenie
Farby widgetu Názov AI asistenta Úvodná správa Pozícia widgetu Automatické spustenie Uvítacia bublina Odznak neprečítaných Režim inštrukcií Klásť otázky Používať emoji Zbierať e-maily Zbierať telefónne čísla Inteligentné zachytávanie kontaktov Lokalizácia Skryť branding Odkaz na súkromie Vlastné oznámenie Stiahnutie prepisu Nová konverzácia História konverzácií Slogan a bodka stavu Reč na text Ikona chatu Logo spoločnosti Limit znakov Teplota
Tipy pre AI inštrukcie Porovnať plány
Funkcie
Prehľadávanie webu Medzery vo vedomostiach Produktové karty Dynamické produktové karty Dynamic Images Kontext používateľa Živé monitorovanie Prevzatie ľudským operátorom Eskalácia AI notifikácie Denná správa Dátový kanál v reálnom čase Dátový kanál v reálnom čase Max Členovia tímu Jednotné prihlásenie Zahrnutie obrázkov Obrazové videnie Widget na preklad Lokalizácia Kontakty Inteligentné zachytávanie kontaktov Tikety podpory Rezervácie Vloženia Vylúčiť stránky Blokované IP Inteligentnejší model Povoliť premýšľanie Návrhy odpovedí Následné správy Reč na text Stiahnutie prepisu Vložený chat
Analytiku
Analytika chatov Záznamy chatov
Integrácie
REST API Instagram Messenger WhatsApp Zapier Email Mobilné aplikácie
Iné
Pridať na domovskú obrazovku Vlastné tlačidlo na otvorenie
Opýtať sa AI

Ako pridat Asyntai AI chatbota do Bubble

Návod krok za krokom pre aplikacie Bubble

Získať vkladací kód
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ískajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

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

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné ID widgetu.

Krok 2: Použitie Nastavení aplikacie (odporúčané)

Bubble ma vstavany sposob pridavania vlastných skriptov cez nastavenia aplikacie:

  1. Prihlaste sa do editora svojej aplikacie Bubble
  2. Prejdite na Nastavenia v lavom bocnom paneli
  3. Kliknite na kartu "Web App"
  4. Prejdite nadol na "Pokročilé nastavenia"
  5. Najdite sekciu "Vlastné hlavičky a telo"
  6. Vložíte svoj vkladací kod Asyntai do pola "Skript v tele"
  7. Nasadte svoju aplikaciu

Tip: Pridanie kodu do pola skriptu tela zabezpeci, ze sa nacita na kazdej stránke vasej aplikacie Bubble, co je odporúčaný prístup pre chatove widgety. Tato funkcia je dostupna na všetkých planoch Bubble vratane bezplatneho.

Alternativa: Použitie HTML elementu

Ak chcete pridat chatbota len na konkretnu stránku:

  1. V editore Bubble otvorte stránku, kde chcete chatbota
  2. Pridajte HTML element na svoju stránku
  3. Vložíte vkladací kod Asyntai do elementu
  4. Nasadte svoju aplikaciu

Poznámka: Metoda cez nastavenia aplikacie je preferovana, pretože aplikuje chatbota na celu vasu aplikaciu. Metoda s HTML elementom prida chatbota len na konkretnu stránku, kde element umiestnite.

Krok 3: Overenie inštalácie

Po nasadeni vasej aplikacie navštívte svoju stránku Bubble v novej karte prehliadača alebo v okne inkognito. Mali by ste vidiet tlačidlo chatoveho widgetu v pravom dolnom rohu. Kliknite nan, aby ste sa uistili, ze sa otvara a funguje správne.

Nevidíte widget? Uistite sa, ze ste nasadili svoju aplikaciu po pridani kodu. Skuste vyčistiť vyrovnávaciu pamat prehliadača alebo zobrazit web v okne inkognito. Ak testujete vo vývojovom rezime, uistite sa, ze skontrolujete aj zivu verziu vasej aplikacie.