Az Asyntai AI Chatbot hozzáadása az e107-hez

Lépésről lépésre útmutató e107 CMS 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: Hozzáadás a témasablonhoz (ajánlott)

A chatbot hozzáadásának ajánlott módja az e107 téma sablonfájljának közvetlen szerkesztése:

Navigáljon az e107 téma mappájába: e107_themes/yourtheme/
Nyissa meg a téma fő sablonfájlját (általában theme.php vagy theme.html)
Keresse meg a záró </body> taget
Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>

Tipp: Ha a téma a theme.php fájlt használja, keresse meg azt a részt, ahol a lábléc HTML-je megjelenik. A beágyazási kódot az összes többi tartalom után, de a záró body tag előtt kell elhelyezni.

Alternatív 1. módszer: e107 egyéni fejléc/lábléc használata

A chatbot szkriptet hozzáadhatja az e107 adminisztrációs panelen keresztül a témafájlok szerkesztése nélkül:

Jelentkezzen be az e107 adminisztrációs panelre
Lépjen az Admin > Preferences > Site Preferences menübe
Keresse az "Egyéni lábléc" vagy a "Lábléc szkriptek" szakaszt
Illessze be az Asyntai beágyazási kódot a lábléc szkriptek szövegmezőjébe
Kattintson a Mentés gombra a változtatások alkalmazásához

Megjegyzés: Ez a módszer a legegyszerűbb, ha el szeretné kerülni a témafájlok közvetlen szerkesztését. A szkript automatikusan bekerül az e107 webhely minden oldalára.

Alternatív 2. módszer: e107 bővítmény használata

Modulárisabb megközelítéshez létrehozhat egy egyszerű bővítményt, vagy használhatja a bővítmény hook rendszert a chatbot szkript befecskendezéséhez:

Hozzon létre egy egyszerű bővítményt, vagy használja az "Egyéni oldalak" bővítményt
Adja hozzá a szkriptet az e107 bővítmény hook rendszerén keresztül egy e_footer.php fájl létrehozásával a bővítmény könyvtárában
Az e_footer.php fájlban adja ki a beágyazási kódot:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Tipp: A bővítmény hook megközelítés elkülöníti a chatbot integrációt a témától, így az megmarad akkor is, ha témát vált.

Alternatív 3. módszer: Az e107 menürendszer használata

Az e107 beépített menürendszerét használhatja a chatbot szkript lábléc területhez való hozzáadásához:

Jelentkezzen be az e107 adminisztrációs panelre
Lépjen az Admin > Menük menübe
Hozzon létre egy egyéni HTML menüt
Illessze be az Asyntai beágyazási kódot a menü tartalmába
Rendelje hozzá a menüt a sablon lábléc területéhez
Mentse el a menükonfigurációt

Fontos: A menürendszer használatakor győződjön meg arról, hogy a hozzárendelt menüterület támogatja a nyers HTML/szkript kimenetet. Egyes menüterületek biztonsági okokból eltávolíthatják a script tageket. Ha a szkriptet eltávolítják, használjon inkább egy másik módszert.

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

A módosítások mentése után látogasson el az e107 webhelyére 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.

Nem látja a widgetet? Próbálja meg üríteni az e107 gyorsítótárát az adminisztrációs panelről az Admin > Gyorsítótár menüpont alatt. Próbálja meg a böngésző gyorsítótárát is üríteni, vagy nézze meg inkognitóablakban. Győződjön meg arról, hogy a beágyazási kód megfelelően van elhelyezve, és tartalmazza az egyedi widget azonosítóját az Irányítópultról.