Come aggiungere il chatbot IA Asyntai a Duda
Guida passo passo per i siti web Duda
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 alle impostazioni del sito (consigliato)
Il modo più semplice per aggiungere il chatbot a tutte le pagine del tuo sito Duda è tramite le impostazioni del sito:
- Accedi al tuo account Duda e apri l'editor del sito web
- Nella barra laterale sinistra, clicca su \"Altro\" (icona con tre puntini)
- Clicca su "Settings"
- Scorri verso il basso e clicca su "Head HTML"
- Nel campo "Body End HTML", incolla il codice di incorporamento Asyntai
- Clicca su "Save"
- Clicca su "Publish" in alto a destra per rendere le modifiche effettive
Suggerimento: Aggiungere il codice nella sezione Body End HTML garantisce che il chatbot venga caricato dopo il contenuto della pagina, senza influire sulla velocità di caricamento del sito. Questo metodo aggiunge automaticamente il chatbot a ogni pagina del tuo sito.
Metodo alternativo 1: Widget HTML (pagine specifiche)
Se vuoi aggiungere il chatbot solo a pagine specifiche, usa il widget HTML:
- Apri la pagina che vuoi modificare nell'editor Duda
- Nella barra laterale sinistra, cerca "HTML" nel pannello dei widget
- Trascina e rilascia il widget HTML in una colonna o riga della tua pagina
- Clicca sul widget per modificarlo
- Incolla il codice di incorporamento Asyntai nel campo del codice
- Clicca su "Update"
- Clicca su "Publish" per rendere le modifiche attive
Nota: Il widget HTML ti permette di incorporare codice personalizzato ovunque nella tua pagina. La posizione visiva del widget non influisce su dove appare il chatbot: verrà comunque mostrato nell'angolo in basso a destra come configurato.
Metodo alternativo 2: Modalità sviluppatore (avanzato)
Per gli utenti avanzati, puoi usare la modalità sviluppatore per aggiungere codice direttamente all'HTML:
- Nell'editor Duda, clicca sull'icona Developer Mode nella barra superiore
- Clicca su "Site HTML/CSS" per espandere la selezione
- Clicca su "body-end.html" dall'elenco dei file
- Scorri fino all'ultima riga del file
- Incolla il codice di incorporamento Asyntai su una nuova riga
- Clicca su "Save"
- Clicca su "Done" per uscire dalla Modalità sviluppatore
- Clicca su "Publish" per pubblicare le modifiche
Importante: La modalità sviluppatore ti offre accesso diretto all'HTML e al CSS del tuo sito. Assicurati di aggiungere il codice solo alla fine del file body-end.html per evitare di compromettere le funzionalità del sito. Testa sempre le modifiche prima di pubblicare.
Passaggio 3: verifica l'installazione
Dopo aver pubblicato le modifiche, apri il tuo sito web 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? Assicurati di aver pubblicato il sito (non solo salvato). Svuota la cache del browser o visualizza in modalità incognito. Verifica che il codice utilizzi HTTPS (cosa che avviene per impostazione predefinita). Apri la console del browser (F12) per verificare eventuali errori JavaScript.
Weebly