Come aggiungere il chatbot IA Asyntai a e107

Guida passo passo per i siti web e107 CMS

Piattaforma:

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri fino alla sezione "Codice di incorporamento". Copia il tuo codice di incorporamento univoco che apparirà così:

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

Nota: Il codice sopra è solo un esempio. Devi copiare il tuo codice di incorporamento univoco dalla tua Dashboard poiché contiene il tuo ID widget personale.

Passaggio 2: aggiungi al template del tema (consigliato)

Il modo consigliato per aggiungere il chatbot è modificare direttamente il file template del tema e107:

Naviga nella cartella del tuo tema e107: e107_themes/yourtheme/
Apri il file template principale del tema (solitamente theme.php o theme.html)
Trova il tag di chiusura </body>
Incolla il codice di incorporamento Asyntai appena prima del tag </body>:

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

Suggerimento: Se il tuo tema utilizza theme.php, cerca la sezione in cui viene renderizzato l'HTML del footer. Il codice di incorporamento deve essere posizionato dopo tutto il resto del contenuto ma prima del tag body di chiusura.

Metodo alternativo 1: Utilizzo di Header/Footer personalizzati di e107

Puoi aggiungere lo script del chatbot tramite il pannello di amministrazione e107 senza modificare i file del tema:

Accedi al tuo pannello di amministrazione e107
Vai su Admin > Preferences > Site Preferences
Cerca la sezione "Custom Footer" o "Footer Scripts"
Incolla il codice di incorporamento Asyntai nel campo Footer Scripts
Clicca su "Save" per applicare le modifiche

Nota: Questo metodo è il più semplice se vuoi evitare di modificare direttamente i file del tema. Lo script verrà incluso automaticamente in ogni pagina del tuo sito e107.

Metodo alternativo 2: Utilizzo del plugin e107

Per un approccio più modulare, puoi creare un semplice plugin o usare il sistema di hook dei plugin per iniettare lo script del chatbot:

Crea un semplice plugin o usa il plugin "Custom Pages"
Aggiungi lo script tramite il sistema di hook dei plugin di e107 creando un file e_footer.php nella directory del tuo plugin
All'interno di e_footer.php, inserisci il tuo codice di incorporamento:

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

Suggerimento: L'approccio tramite hook del plugin mantiene l'integrazione del chatbot separata dal tema, così rimarrà attiva anche se cambi tema.

Metodo alternativo 3: Utilizzo del sistema Menu di e107

Puoi usare il sistema Menu integrato di e107 per aggiungere lo script del chatbot nell'area del footer:

Accedi al tuo pannello di amministrazione e107
Vai su Admin > Menus
Crea un menu HTML personalizzato
Incolla il codice di incorporamento Asyntai nel contenuto del menu
Assegna il menu all'area footer del tuo template
Salva la configurazione del menu

Importante: Quando usi il sistema Menu, assicurati che l'area del menu a cui assegni supporti l'output di HTML/script raw. Alcune aree del menu potrebbero rimuovere i tag script per sicurezza. Se lo script viene rimosso, usa uno degli altri metodi.

Passaggio 3: verifica l'installazione

Dopo aver salvato le modifiche, visita il tuo sito e107 in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.

Non vedi il widget? Prova a svuotare la cache di e107 dal pannello di amministrazione sotto Admin > Cache. Prova anche a svuotare la cache del browser o a visualizzare in una finestra di navigazione in incognito. Assicurati che il codice di incorporamento sia posizionato correttamente e contenga il tuo ID widget univoco dalla Dashboard.