Vissza az irányítópultra

Dokumentáció

Ismerd meg az Asyntai használatá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

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 async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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.