Az Asyntai AI Chatbot hozzáadása a Bludithoz

Lépésről lépésre útmutató a Bludit CMS-hez

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 HTML kód bővítmény segítségével (ajánlott)

A chatbot Bludit oldalhoz való hozzáadásának legegyszerűbb módja a beépített HTML kód bővítmény használata:

Lépjen be a Bludit adminisztrációs paneljébe
Navigáljon a Bővítmények menübe a bal oldali sávban
Keresse meg a „HTML kód" bővítményt (általában előre telepítve van)
Ha nem aktív, kattintson az „Aktiválás” gombra az engedélyezéshez
Kattintson a „Konfigurálás" gombra a HTML kód bővítményen
A konfigurációban megjelennek a Fejléc és Lábléc kód mezők
Illessze be az Asyntai beágyazási kódot a „Lábléc" mezőbe
Kattintson a „Mentés" gombra

Tipp: A kód láblécbe való hozzáadása biztosítja, hogy az oldalak végén töltődjön be, ami nem lassítja le a webhely kezdeti betöltését. Ez a módszer automatikusan hozzáadja a chatbotot a webhely összes oldalához.

1. alternatív módszer: Témafájl integráció

A kódot közvetlenül a téma sablonfájljához is hozzáadhatja:

Csatlakozzon Bludit telepítéséhez FTP-n vagy Fájlkezelőn keresztül
Navigáljon a /bl-themes/your-theme-name/ mappához
Nyissa meg az index.php fájlt szerkesztésre
Keresse meg a záró </body> taget
Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
Mentse el a fájlt
Törölje a webhely gyorsítótárát, ha szükséges

Megjegyzés: A témafájlok közvetlen szerkesztésekor először készítsen biztonsági másolatot az eredeti fájlról. A témafrissítések felülírhatják a változtatásokat, ezért dokumentálja a módosításait.

2. alternatív módszer: Egyéni tartalom az oldalakban

A chatbot kódot közvetlenül egyes oldalakhoz is hozzáadhatja a Bludit tartalomszerkesztőjével:

Lépjen be a Bludit adminisztrációs paneljébe
Lépjen a Tartalom menübe, és válassza ki a szerkeszteni kívánt oldalt
Váltson HTML módra a szerkesztőben (ha vizuális szerkesztőt használ)
Illessze be az Asyntai beágyazási kódot bárhová az oldal tartalmába
Kattintson a „Mentés" gombra
Ismételje meg azon többi oldalon, ahol a chatbotot szeretné

Fontos: Amikor a kódot közvetlenül az oldal tartalmához adja, minden oldalhoz egyenként kell hozzáadnia. Az egész webhelyre kiterjedő telepítéshez használja inkább a HTML kód bővítményt vagy a témafájl módszert.

Bővítmény horgok használata (haladó)

Egyéni bővítményeket fejlesztőknek a Bludit plugin hookokat biztosít:

siteBodyBegin – A <body> tag tetején fut le
siteBodyEnd – Az alján fut le, ideális JavaScript kódhoz, mint az Asyntai widget

Létrehozhat egy egyéni bővítményt, amely a siteBodyEnd horgot használja a chatbot kód injektálásához az összes oldalon.

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

A változtatások mentése után látogassa meg Bludit weboldalát egy új böngészőlapon vagy inkognító ablakban. Látnia kell a chat widget gombot a jobb alsó sarokban. Kattintson rá, hogy meggyőződjön arról, hogy megfelelően nyílik meg és működik.

Nem látja a widgetet? Győződjön meg arról, hogy mentette a bővítmény konfigurációját vagy a témafájl-változtatásokat. Törölje a böngésző gyorsítótárát és a Bludit gyorsítótárát (ha engedélyezett). Ellenőrizze a böngésző konzolját (F12) a JavaScript-hibák azonosításához.