Configura il Widget
Aggiungi la chat AI al tuo sito web in pochi minuti
Il widget ti permette di aggiungere una chat AI direttamente sul tuo sito web.
Cos'è il Widget
Il widget è una bolla di chat che appare sul tuo sito web:
- I visitatori possono iniziare conversazioni
- L'agente risponde automaticamente
- Funziona su desktop e mobile
- Completamente personalizzabile dal dashboard
Installazione
Accedi alle impostazioni
Vai su Agenti > Seleziona agente > scheda Widget
Abilita il widget
Attiva l'interruttore Abilita Widget
Copia il codice
Clicca su Copia Codice per copiare lo snippet di installazione
Aggiungi al tuo sito
Incolla il codice prima della chiusura del tag body nel tuo sito
Codice di Installazione
Il codice da copiare è questo:
Personalizzazione
Tutte le opzioni di personalizzazione si configurano dal Dashboard:
- Vai su Widget > Seleziona il tuo widget
- Clicca su Impostazioni
- Configura colori, posizione, messaggi, avatar, ecc.
Configurazione centralizzata
Non serve modificare il codice embed per cambiare aspetto o comportamento. Tutto si gestisce dal dashboard e le modifiche si applicano automaticamente.
Installazione per Piattaforma
WordPress
- Vai su Aspetto > Editor del tema
- Apri
footer.php - Incolla il codice prima della chiusura del tag body
- Salva
Oppure usa un plugin come "Insert Headers and Footers".
Shopify
- Vai su Online Store > Themes
- Actions > Edit code
- Apri
theme.liquid - Incolla il codice prima della chiusura del tag body
Wix
- Vai su Settings > Custom Code
- Clicca + Add Code
- Incolla il codice
- Seleziona "Body - end"
Verifica Installazione
Dopo l'installazione:
- Ricarica il tuo sito
- Dovresti vedere l'icona del widget nell'angolo
- Clicca per aprire la chat
- Testa inviando un messaggio
Risoluzione Problemi
Problemi Comuni
Il widget non appare
- Verifica che il codice sia stato incollato correttamente
- Controlla la console del browser per errori JavaScript
- Assicurati che il widget sia attivo nel dashboard
Il widget non risponde
- Verifica che l'agente sia attivo
- Verifica che l'agentId nel codice sia corretto
- Controlla la connessione di rete
Prossimi Passi
- Personalizza l'aspetto dal dashboard
- Monitora le conversazioni
- Analizza le metriche