Hur du lägger till Asyntai AI-chattbot i e107

Steg-för-steg-guide för e107 CMS-webbplatser

Plattform:

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

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

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Lägg till i temamallen (rekommenderas)

Det rekommenderade sättet att lägga till chattboten är att redigera din e107-temamallfil direkt:

Navigera till din e107-temamapp: e107_themes/yourtheme/
Öppna temats huvudmallfil (vanligtvis theme.php eller theme.html)
Hitta den avslutande taggen </body>
Klistra in din Asyntai-inbäddningskod precis före taggen </body>:

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

Tips: Om ditt tema använder theme.php, leta efter avsnittet där sidfotens HTML renderas. Inbäddningskoden ska placeras efter allt annat innehåll men innan den avslutande body-taggen.

Alternativ metod 1: Använda e107 anpassat sidhuvud/sidfot

Du kan lägga till chatbot-scriptet via e107-adminpanelen utan att redigera temafiler:

Logga in på din e107-adminpanel
Gå till Admin > Inställningar > Webbplatsinställningar
Leta efter avsnittet "Custom Footer" eller "Footer Scripts"
Klistra in din Asyntai-inbäddningskod i textområdet för sidfotsskript
Klicka på "Spara" för att tillämpa ändringarna

Obs! Den här metoden är enklast om du vill undvika att redigera temafiler direkt. Skriptet inkluderas automatiskt på varje sida på din e107-webbplats.

Alternativ metod 2: Använda e107-plugin

För ett mer modulärt tillvägagångssätt kan du skapa en enkel plugin eller använda plugin-hook-systemet för att injicera chattbotskriptet:

Skapa ett enkelt plugin eller använd pluginet "Custom Pages"
Lägg till skriptet via e107:s pluginkroksystem genom att skapa en e_footer.php-fil i din pluginkatalog
Inuti e_footer.php, mata ut din inbäddningskod:

<?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>';
?>

Tips: Plugin-hook-metoden håller din chattbotintegration separat från temat, så den kvarstår även om du byter tema.

Alternativ metod 3: Använda e107:s menysystem

Du kan använda e107s inbyggda menysystem för att lägga till chatbot-scriptet i sidfoten:

Logga in på din e107-adminpanel
Gå till Admin > Menyer
Skapa en anpassad HTML-meny
Klistra in din Asyntai-inbäddningskod i menyinnehållet
Tilldela menyn till sidfotområdet i din mall
Spara menykonfigurationen

Viktigt: När du använder menysystemet, se till att menyområdet du tilldelar stöder rå HTML/script-utdata. Vissa menyområden kan ta bort script-taggar av säkerhetsskäl. Om scriptet tas bort, använd en av de andra metoderna istället.

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar, besök din e107-webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Prova att rensa din e107-cache från adminpanelen under Admin > Cache. Prova också att rensa din webbläsarcache eller visa i ett inkognitofönster. Se till att din inbäddningskod är korrekt placerad och innehåller ditt unika widget-ID från Dashboard.