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

Lépésről lépésre útmutató Duda webhelyekhez

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 webhely beállításaihoz (ajánlott)

A legegyszerűbb módja, hogy az összes Duda oldalhoz hozzáadja a chatbotot, a Webhely beállításain keresztül:

Jelentkezzen be a Duda fiókjába, és nyissa meg a webhelyszerkesztőt
A bal oldali sávban kattintson a \"More\" (három pont ikon) gombra
Kattintson a "Beállítások" gombra
Görgessen le, és kattintson a "Head HTML" gombra
A "Body End HTML" mezőbe illessze be az Asyntai beágyazási kódot
Kattintson a „Mentés" gombra
Kattintson a "Közzététel" gombra a jobb felső sarokban a módosítások élesítéséhez

Tipp: A kód Body End HTML szakaszhoz való hozzáadása biztosítja, hogy a chatbot az oldaltartalom után töltődjön be, ami nem befolyásolja a webhely betöltési sebességét. Ez a módszer automatikusan hozzáadja a chatbotot a webhely minden oldalához.

Alternatív 1. módszer: HTML widget (meghatározott oldalak)

Ha csak meghatározott oldalakhoz szeretné hozzáadni a chatbotot, használja a HTML widgetet:

Nyissa meg a szerkeszteni kívánt oldalt a Duda editor felületén
A bal oldali sávban keressen rá a "HTML" kifejezésre a widgetek paneljén
Húzza és ejtse a HTML widgetet az oldal egy oszlopába vagy sorába
Kattintson a widgetre a szerkesztéshez
Illessze be az Asyntai beágyazási kódot a kódmezőbe
Kattintson a "Frissítés" gombra
Kattintson a "Közzététel" gombra a jobb felső sarokban a módosítások élesítéséhez

Megjegyzés: A HTML widget lehetővé teszi egyéni kód beágyazását az oldal bármely részére. A widget vizuális elhelyezése nem befolyásolja, hogy hol jelenik meg a chatbot – az továbbra is a jobb alsó sarokban fog megjelenni a konfiguráció szerint.

Alternatív 2. módszer: Fejlesztői mód (haladó)

Haladó felhasználók számára a Fejlesztői mód segítségével közvetlenül hozzáadhat kódot a HTML-hez:

A Duda szerkesztőben kattintson a Fejlesztői mód ikonra a felső sávban
Kattintson a \"Site HTML/CSS\" lehetőségre a választék kibontásához
Kattintson a "body-end.html" fájlra a fájllistában
Görgessen a fájl utolsó sorához
Illessze be az Asyntai beágyazási kódot egy új sorba
Kattintson a „Mentés" gombra
Kattintson a \"Done\" gombra a Fejlesztői módból való kilépéshez
Kattintson a \"Publish\" gombra a módosítások telepítéséhez

Fontos: A fejlesztői mód közvetlen hozzáférést biztosít a webhely HTML és CSS fájljaihoz. Ügyeljen arra, hogy csak a body-end.html fájl végéhez adjon hozzá kódot, hogy elkerülje a webhely funkcionalitásának megtörését. Mindig tesztelje a módosításokat közzététel előtt.

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

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