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 panoul de control Asyntai și derulați în jos până la secțiunea "Cod de integrare". Copiați codul dvs. unic de integrare, care va arăta astfel:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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.