Az Asyntai AI Chatbot hozzáadása a Tildához
Lépésről lépésre útmutató a Tilda weboldalakhoz
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:
- Log in to your Tilda account and open your site editor
- Click Site Settings (gear icon) in the top menu
- Görgessen le a „Több" szakaszhoz
- Find "HTML code for the HEAD section for all pages"
- Kattintson a „Kód szerkesztése" gombra
- Illessze be az Asyntai beágyazó kódját a szövegdobozba
- Kattintson a „Mentés" gombra
- 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:
- Open the page you want to edit in the Tilda editor
- Click "+ Add Block" or press "T"
- A Blokkkönyvtárban lépjen a Egyéb → T123 (HTML kód beágyazása) menüponthoz
- Alternatively, search for "T123" in the search bar
- Kattintson a T123 blokkra az oldalhoz való hozzáadáshoz
- A blokk beállításaiban illessze be az Asyntai beágyazó kódját
- Helyezze a blokkot bárhová az oldalon (nem befolyásolja a widget elhelyezését)
- 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:
- Nyissa meg az oldalt a Tilda szerkesztőben
- Click Page Settings (gear icon) in the top menu
- Lépjen a „További" lapra
- Keresse meg a „HTML kód a HEAD szakaszhoz" opciót
- Illessze be az Asyntai beágyazási kódját
- 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.
Weebly