Cum să adăugați Chatbot-ul AI Asyntai în e107

Ghid pas cu pas pentru site-urile CMS e107

Platformă:

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

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

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Adăugați în șablonul temei (recomandat)

Modul recomandat de a adăuga chatbot-ul este prin editarea directă a fișierului de șablon al temei e107:

Navigați la folderul temei e107: e107_themes/yourtheme/
Deschideți fișierul principal de șablon al temei (de obicei theme.php sau theme.html)
Găsiți eticheta de închidere </body>
Lipiți codul de integrare Asyntai chiar înainte de eticheta </body>:

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

Sfat: Dacă tema dvs. folosește theme.php, căutați secțiunea în care se redează HTML-ul subsolului. Codul de integrare ar trebui plasat după tot celălalt conținut, dar înainte de eticheta de închidere body.

Metoda alternativă 1: Utilizarea Header/Footer personalizat e107

Puteți adăuga scriptul chatbot-ului prin panoul de administrare e107 fără a edita fișierele temei:

Conectați-vă la panoul de administrare e107
Mergeți la Admin > Preferences > Site Preferences
Căutați secțiunea "Custom Footer" sau "Footer Scripts"
Inserați codul de încorporare Asyntai în câmpul Scripturi footer
Faceți clic pe "Save" pentru a aplica modificările

Notă: Această metodă este cea mai simplă dacă doriți să evitați editarea directă a fișierelor temei. Scriptul va fi inclus automat pe fiecare pagină a site-ului dvs. e107.

Metoda alternativă 2: Utilizarea pluginului e107

Pentru o abordare mai modulară, puteți crea un plugin simplu sau puteți utiliza sistemul de hook-uri ale pluginurilor pentru a injecta scriptul chatbot-ului:

Creați un plugin simplu sau utilizați pluginul "Custom Pages"
Adăugați scriptul prin sistemul de hook-uri ale pluginurilor e107, creând un fișier e_footer.php în directorul pluginului
În interiorul e_footer.php, afișați codul de integrare:

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

Sfat: Abordarea cu hook-ul pluginului menține integrarea chatbot-ului separată de temă, astfel încât va persista chiar dacă schimbați tema.

Metoda alternativă 3: Utilizarea sistemului de meniuri e107

Puteți utiliza sistemul de meniuri integrat e107 pentru a adăuga scriptul chatbot-ului în zona de subsol:

Conectați-vă la panoul de administrare e107
Mergeți la Admin > Menus
Creați un meniu HTML personalizat
Lipiți codul de integrare Asyntai în conținutul meniului
Atribuiți meniul zonei de subsol a șablonului dvs.
Salvați configurația meniului

Important: Când utilizați sistemul de meniuri, asigurați-vă că zona de meniu atribuită suportă ieșire HTML/script brut. Unele zone de meniu pot elimina etichetele script din motive de securitate. Dacă scriptul este eliminat, utilizați una dintre celelalte metode.

Pasul 3: Verificați instalarea

După ce ați salvat modificările, vizitați site-ul e107 într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Încercați să goliți cache-ul e107 din panoul de administrare la Admin > Cache. De asemenea, încercați să goliți cache-ul browserului sau să vizualizați într-o fereastră incognito. Asigurați-vă că codul de integrare este plasat corect și conține ID-ul unic al widget-ului din Tabloul de bord.