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

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

Platform:

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:

Jelentkezzen be a Tilda fiókjába, és nyissa meg a webhelyszerkesztőt
Kattintson a Webhely-beállítások (fogaskerék ikon) lehetőségre a felső menüben
Görgessen le a „Több" szakaszhoz
Keresse meg a „HTML kód a HEAD szakaszhoz az összes oldalhoz” opciót
Kattintson a „Kód szerkesztése" gombra
Illessze be az Asyntai beágyazó kódját a szövegdobozba
Kattintson a „Mentés" gombra
Kattintson a "Publish" gombra a módosítások alkalmazásához az élő webhelyen

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:

Nyissa meg a szerkeszteni kívánt oldalt a Tilda editor felületén
Kattintson a "+ Add Block" gombra vagy nyomja meg a "T" billentyűt
A Blokkkönyvtárban lépjen a Egyéb → T123 (HTML kód beágyazása) menüponthoz
Alternatív megoldásként keressen rá a "T123" kifejezésre a keresősávban
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)
Kattintson a "Közzététel" gombra a jobb felső sarokban a módosítások élesítéséhez

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

A nagyobb irányítás érdekében kódot adhat az egyes oldalak head szekcióihoz:

Nyissa meg az oldalt a Tilda szerkesztőben
Kattintson a Page Settings (fogaskerék ikon) elemre a felső menüben
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
Kattintson a „Mentés”, majd a „Közzététel” gombra

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.