Az Asyntai AI Chatbot hozzáadása a Webflow-hoz

Lépésről lépésre útmutató Webflow 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 a Webhelybeállításokon keresztül (Minden oldal)

To add the chatbot to all pages of your Webflow site at once:

Log in to your Webflow account and select your project
Kattintson a fogaskerék ikonra (Webhelybeállítások) a bal oldali sávban
Kattintson az "Egyéni kód" elemre a beállítások menüben
Görgessen le a "Lábléc kód" szakaszhoz (</body> címke előtt)
Illessze be az Asyntai beágyazási kódját
Kattintson a "Módosítások mentése" gombra
Publish your site for the changes to go live

Tipp: A kód hozzáadása a Lábléc szakaszhoz közvetlenül a záró </body> címke elé helyezi azt, ami ajánlott a chat widgetek számára, mivel nem lassítja az oldal betöltését.

Alternatíva: Oldalspecifikus egyéni kód

Ha csak bizonyos oldalakra szeretné a chatbotot:

Nyissa meg a projektjét a Webflow Designerben
Kattintson az Oldalak panelre (mappa ikon) a bal oldali sávban
Vigye az egeret a szerkeszteni kívánt oldal fölé, és kattintson a fogaskerék ikonra
Görgessen le az "Egyéni kód" részhez
Illessze be az Asyntai beágyazókódot a "</body> címke előtt" szakaszba
Kattintson a „Mentés" gombra
Publikálja a webhelyét

Alternatíva: Beágyazási elem használata

A chatbotot a Beágyazás elem segítségével is hozzáadhatja az oldal bármely részéhez:

Nyissa meg a projektjét a Webflow Designerben
Kattintson a "+" gombra a Hozzáadás panel megnyitásához
Search for "Embed" or find it under Components
Húzza a Beágyazás elemet az oldalára
Illessze be az Asyntai beágyazó kódját a kódszerkesztőbe
Kattintson a „Mentés és bezárás" gombra
Publikálja a webhelyét

Fontos: A Beágyazás elem használatakor minden oldalra külön hozzá kell adnia, ahol a chatbotot szeretné. A teljes webhelyre történő telepítéshez használja a fenti Webhelybeállítások módszert.

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

A webhely publikálása után nyissa meg egy új böngészőlapon vagy inkognitó ablakban. A jobb alsó sarokban látnia kell a chat widget gombot. Kattintson rá, hogy meggyőződjön a helyes működéséről.