Vissza az iranyitopultra

Dokumentacio

Ismerje meg az Asyntai hasznalatat

Az Asyntai AI Chatbot hozzáadása a Tildához

Lépésről lépésre útmutató a Tilda weboldalakhoz

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: Kód hozzáadása az egész webhelyhez (ajánlott)

A chatbot egyidejű hozzáadásához a Tilda webhely összes oldalához használja a Webhely-beállítások módszert:

  1. Log in to your Tilda account and open your site editor
  2. Click Site Settings (gear icon) in the top menu
  3. Görgessen le a „Több" szakaszhoz
  4. Find "HTML code for the HEAD section for all pages"
  5. Kattintson a „Kód szerkesztése" gombra
  6. Illessze be az Asyntai beágyazó kódját a szövegdobozba
  7. Kattintson a „Mentés" gombra
  8. Click "Publish" to apply changes to your live site

Tipp: Ez a módszer automatikusan hozzáadja a chatbotot a webhely minden oldalához. Ez a legegyszerűbb módja annak, hogy a chatbot az egész webhely látogatói számára elérhető legyen.

Alternatíva: T123 blokk használata (konkrét oldalakhoz)

Ha csak bizonyos oldalakhoz szeretné hozzáadni a chatbotot, használhatja a Tilda T123 HTML blokkját:

  1. Open the page you want to edit in the Tilda editor
  2. Click "+ Add Block" or press "T"
  3. A Blokkkönyvtárban lépjen a Egyéb → T123 (HTML kód beágyazása) menüponthoz
  4. Alternatively, search for "T123" in the search bar
  5. Kattintson a T123 blokkra az oldalhoz való hozzáadáshoz
  6. A blokk beállításaiban illessze be az Asyntai beágyazó kódját
  7. Helyezze a blokkot bárhová az oldalon (nem befolyásolja a widget elhelyezését)
  8. Click "Publish" to make the changes live

Megjegyzés: A T123 blokk támogatja a HTML-t, a JavaScriptet (<script> tageken belül) és a CSS-t (<style> tageken belül). A blokk vizuális elhelyezése nem számít - a chatbot a beállított jobb alsó sarokban jelenik meg.

Oldalonkénti Head szakasz (haladó)

For more control, you can add code to individual page head sections:

  1. Nyissa meg az oldalt a Tilda szerkesztőben
  2. Click Page Settings (gear icon) in the top menu
  3. Lépjen a „További" lapra
  4. Keresse meg a „HTML kód a HEAD szakaszhoz" opciót
  5. Illessze be az Asyntai beágyazási kódját
  6. Click "Save" and then "Publish"

Fontos: A T123 blokk vagy az oldalonkénti módszer használatakor minden oldalhoz hozzá kell adnia a kódot, ahol meg szeretné jeleníteni a chatbotot. Webhely szintű telepítéshez használja a 2. lépésben ismertetett Webhely-beállítások módszert.

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

A módosítások közzététele után nyissa meg weboldalát egy új böngészőlapon vagy inkognító ablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megnyílik és megfelelően működik.

Nem látja a widgetet? Győződjön meg róla, hogy közzétette a módosításokat (nem csak mentette). Próbálja meg törölni a böngészőgyorsítótárat, vagy tekintse meg weboldalát inkognító ablakban. A Tilda módosítások egy pillanatot igénybe vehetnek, mire megjelennek az élő webhelyen.