Come aggiungere il chatbot IA Asyntai a Bludit

Guida passo passo per Bludit 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 il codice utilizzando il plugin HTML Code (consigliato)

Il modo più semplice per aggiungere il chatbot al tuo sito Bludit è utilizzare il plugin HTML Code integrato:

Accedi al tuo Pannello di amministrazione Bludit
Vai su Plugins nella barra laterale sinistra
Trova il plugin "HTML Code" (di solito è preinstallato)
Se non è attivo, clicca su \"Activate\" per abilitarlo
Clicca su "Configure" sul plugin HTML Code
Nella configurazione, vedrai i campi per il codice Header e Footer
Incolla il tuo codice di incorporamento Asyntai nel campo \"Footer\"
Clicca su "Save"

Suggerimento: Aggiungere il codice nel Footer assicura che venga caricato alla fine delle pagine, senza rallentare il caricamento iniziale del sito. Questo metodo aggiunge automaticamente il chatbot a tutte le pagine del sito.

Metodo alternativo 1: Integrazione tramite file del tema

Puoi aggiungere il codice direttamente nel file template del tuo tema:

Connettiti alla tua installazione Bludit tramite FTP o File Manager
Vai su /bl-themes/your-theme-name/
Apri il file index.php per la modifica
Trova il tag di chiusura </body>
Incolla il codice di incorporamento Asyntai appena prima del tag </body>
Salva il file
Svuota la cache del sito se applicabile

Nota: Quando modifichi direttamente i file del tema, assicurati di effettuare prima un backup del file originale. Gli aggiornamenti del tema potrebbero sovrascrivere le modifiche, quindi documenta le tue modifiche.

Metodo alternativo 2: Contenuto personalizzato nelle pagine

Puoi anche aggiungere il codice del chatbot direttamente a pagine specifiche utilizzando l'editor di contenuti di Bludit:

Accedi al tuo Pannello di amministrazione Bludit
Vai su Content e seleziona la pagina che desideri modificare
Passa alla modalità HTML nell'editor (se utilizzi un editor visivo)
Aggiungi il tuo codice di incorporamento Asyntai in qualsiasi punto del contenuto della pagina
Clicca su "Save"
Ripeti per le altre pagine in cui desideri il chatbot

Importante: Quando aggiungi il codice direttamente al contenuto della pagina, dovrai aggiungerlo a ogni pagina singolarmente. Per un'installazione su tutto il sito, utilizza invece il plugin HTML Code o il metodo tramite file del tema.

Utilizzo degli hook dei plugin (avanzato)

Per gli sviluppatori che creano plugin personalizzati, Bludit fornisce hook per plugin:

siteBodyBegin - Si esegue all'inizio del tag <body>
siteBodyEnd - Si esegue alla fine, ideale per codice JavaScript come il widget Asyntai

Puoi creare un plugin personalizzato che utilizza l'hook siteBodyEnd per iniettare il codice del chatbot su tutte le pagine.

Passaggio 3: verifica l'installazione

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

Non vedi il widget? Assicurati di aver salvato la configurazione del plugin o le modifiche ai file del tema. Svuota la cache del browser e la cache di Bludit (se abilitata). Controlla la console del browser (F12) per eventuali errori JavaScript.