Vissza az irányítópultra

Dokumentáció

Ismerd meg az Asyntai használatát

Első lépések
Telepítés Tudásbázis Hogyan fér hozzá az MI a tartalmához Csatlakoztassa a webhelyét AI tesztelése Weboldalak kezelése
Testreszabás
Csevegőgomb-stílusok Csevegőgomb ikonja Widget színek AI asszisztens neve Kezdeti üzenet Widget pozíció Automatikus indítás Üdvözlő buborék Olvasatlan jelvény Utasítási mód Kérdések feltevése Emoji használata E-mail-cím gyűjtés Telefonszám gyűjtés Intelligens érdeklődő-rögzítés Honosítás Márkajelzés elrejtése Adatvédelmi hivatkozás Egyéni értesítés Átirat letöltése Új beszélgetés Beszélgetési előzmények Szlogen és állapotjelző pont Beszédfelismerés Csevegés ikon Céglogó Karakterkorlát Hőmérséklet
Tippek az AI-utasításokhoz Váltás másik chatbotról Csomagok összehasonlítása
Funkciók
Ask AI sáv AI keresősáv MI keresés WordPresshez 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 Weboldal feltérképezése Tudáshiányok Termékkártyák Dinamikus termékkártyák Dinamikus képek Felhasználói kontextus Egyéni eszközök Hivatkozásparaméterek Élő figyelés Emberi átvétel Eszkaláció AI-értesítések Napi jelentés Valós idejű adatforrás Valós idejű adatforrás Max Csapattagok Egyszeri bejelentkezés Kétfaktoros hitelesítés Képek hozzáadása Képfelismerés Fordítási widget Honosítás AI-átláthatóság Érdeklődők Intelligens érdeklődő-rögzítés Támogatási jegyek Csevegési kategóriák Foglalások Beágyazások Oldalak kizárása Blokkolt IP-k Megőrzési szabályzat Nulla megőrzés mód PII-maszkolás Válaszosztályozó Access Tags Widget verziórögzítés Naplózás Okosabb modell Gondolkodás engedélyezése Válaszjavaslatok Utólagos üzenetek Beszédfelismerés Átirat letöltése Beágyazott chat Beágyazás iframe-mel
Elemzések
Chat-analitika Chat-naplók
Integrációk
REST API MCP-csatlakozó 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 Mobilalkalmazások
Egyéb
Hozzáadás a kezdőképernyőhöz Egyéni megnyitó gomb Ask AI gombok Sikertelen fizetés?
Kérdezze meg az AI-t

Az Asyntai AI Chatbot hozzáadása a Bubble-höz

Lépésről lépésre útmutató Bubble alkalmazásokhoz

Beágyazási kód lekérése
Platform:
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. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

<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>

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: Alkalmazásbeállítások használata (ajánlott)

A Bubble beépített lehetőséget kínál egyéni scriptek hozzáadásához az alkalmazásbeállításokon keresztül:

  1. Lépjen be a Bubble alkalmazás szerkesztőjébe
  2. Lépjen a Beállítások menübe a bal oldali sávban
  3. Kattintson a „Web alkalmazás" fülre
  4. Görgessen le a „Speciális beállítások" részhez
  5. Keresse meg az „Egyéni fejlécek és törzs" részt
  6. Illessze be az Asyntai beágyazási kódot a „Script a törzsben" mezőbe
  7. Telepítse az alkalmazást

Tipp: A kód törzs script mezőhöz való hozzáadása biztosítja, hogy a Bubble alkalmazás minden oldalán betöltődjön, ami az ajánlott megközelítés a chat widgetek esetén. Ez a funkció minden Bubble csomagban elérhető, beleértve az ingyenest is.

Alternatíva: HTML elem használata

Ha a chatbotot csak egy adott oldalhoz szeretné hozzáadni:

  1. A Bubble szerkesztőben nyissa meg azt az oldalt, ahol a chatbotot szeretné
  2. Adjon hozzá egy HTML elemet az oldalhoz
  3. Illessze be az Asyntai beágyazási kódot az elembe
  4. Telepítse az alkalmazást

Megjegyzés: Az alkalmazásbeállítások módszer előnyben részesítendő, mivel az egész alkalmazásra alkalmazza a chatbotot. A HTML elem módszer csak arra az adott oldalra adja hozzá a chatbotot, ahol az elemet elhelyezi.

3. lépés: Telepítés ellenőrzése

Az alkalmazás telepítése után látogassa meg Bubble oldalát egy új böngészőlapon vagy inkognító ablakban. Látnia kell a chat widget gombot a jobb alsó sarokban. Kattintson rá, hogy meggyőződjön arról, hogy megfelelően nyílik meg és működik.

Nem látja a widgetet? Győződjön meg arról, hogy a kód hozzáadása után telepítette az alkalmazást. Próbálja meg törölni a böngésző gyorsítótárát, vagy tekintse meg inkognító ablakban. Ha fejlesztési módban tesztel, az alkalmazás élő verzióját is ellenőrizze.