Guida
Personalizzazione del widget
Adatta il widget di chat al tuo brand. Personalizza colori, logo, messaggi e comportamento dalla dashboard, senza modificare il codice.
Come personalizzare
- 01
Apri Canali
Fai clic su "Canali" nella barra laterale. Per modificare le impostazioni dei canali devi essere proprietario o amministratore.
- 02
Seleziona il canale del tuo sito web
Fai clic sul canale del tuo sito web, poi apri la scheda "Chat dal vivo". Lì trovi tutte le opzioni di personalizzazione del widget.
- 03
Aggiorna le impostazioni
Modifica le impostazioni di brand, messaggi o comportamento, controlla il riquadro Anteprima, poi seleziona Salva modifiche.
- 04
Le modifiche si applicano subito
Il widget recupera la sua configurazione a ogni caricamento di pagina, quindi le modifiche saranno visibili la prossima volta che un visitatore carica il tuo sito web.
Brand
Impostazioni visive che controllano l'aspetto del widget sul tuo sito. Il pulsante di avvio può usare uno di due stili:
- Logo
- Icona
| Impostazione | Descrizione | Predefinito |
|---|---|---|
| Stile del pulsante di avvio | Scegli Logo per usare un'immagine personalizzata, oppure Icona per selezionare una delle icone integrate di Sonny per il pulsante di avvio. | Icona |
| Logo del widget | Visibile quando lo Stile del pulsante di avvio è Logo. Carica un'immagine JPEG, PNG, GIF o WebP di meno di 2 MB e di almeno 64x64 px. | Nessun logo personalizzato |
| Scegli icona | Visibile quando lo Stile del pulsante di avvio è Icona. Seleziona l'icona integrata da usare per il pulsante di avvio. | Fumetto della chat |
| Colore dell'icona | Imposta il colore dell'icona selezionata per il pulsante di avvio con il selettore di colore o con un valore esadecimale a 6 cifre. | #ffffff |
| Colore del brand | Applicato al pulsante di avvio, all'intestazione della chat, al pulsante di invio e ai fumetti dei messaggi in uscita. | #2563eb |
| Posizione del widget | Scegli se il widget compare nell'angolo In basso a destra o In basso a sinistra della pagina. | In basso a destra |
Messaggi
Personalizza i testi che i visitatori vedono quando interagiscono con il widget.
- Messaggio di benvenuto
- Il testo mostrato in cima alla finestra della chat quando un visitatore apre il widget. Usalo per dare il tono alla conversazione.
- Predefinito: "Ciao! Come possiamo aiutarti?" · Max 500 caratteri
- Messaggio quando online
- Il testo di stato mostrato nell'intestazione della chat quando almeno un agente è online. Compare accanto a un pallino verde.
- Predefinito: "Di solito rispondiamo in pochi minuti" · Max 500 caratteri
- Messaggio quando offline
- Il testo di stato mostrato nell'intestazione della chat quando nessun agente è online. Compare accanto a un pallino grigio.
- Predefinito: "Non ci siamo: lascia un messaggio e ti risponderemo" · Max 500 caratteri
Comportamento
Impostazioni che controllano come si comporta il widget per i visitatori.
- Richiesta dell'email
- Decidi quando chiedere ai visitatori nome ed email. Scegli "Prima del primo messaggio" per richiedere subito i dati di contatto, oppure "Dopo il primo messaggio" (predefinito) per far iniziare subito la chat e raccogliere i dati dopo.
- Questionario pre-chat
- Chiedi ai visitatori i loro dati prima dell'inizio della chat. Attivalo, poi usa Campi obbligatori per scegliere Nome, Email o entrambi. Deve restare selezionato almeno un campo.
- Orari di apertura
- Imposta gli orari di apertura per ogni giorno della settimana. Il widget risulta online solo quando un agente è disponibile in quegli orari: al di fuori, i visitatori vedono il tuo messaggio offline e, se lo usi, può intervenire il risponditore automatico AI.
- Dove compare il widget
- Mostra il widget solo su pagine scelte, nascondilo su altre, oppure mostralo solo quando si verificano certe condizioni, come un gruppo di visitatori, un parametro URL, un intervallo di date o il tempo sulla pagina. Configura le regole di visualizzazione.
- Domini di sviluppo consentiti
- Per impostazione predefinita il widget si carica solo sul tuo dominio di produzione registrato. Aggiungi altri domini (come
localhost:3000ostaging.example.com) per provare il widget durante lo sviluppo.localhostè sempre consentito automaticamente. - Nascondi “Powered by Sonny”
- Rimuovi il marchio Sonny dal widget. È incluso con qualsiasi piano AI o con lo sblocco BYOK.
- Mostra le spunte di consegna ai visitatori
- Mostra una spunta sotto il messaggio di un visitatore dopo che Sonny lo ha ricevuto. La spunta non significa che un agente abbia letto il messaggio.
Dati obbligatori e verifica
I dati pre-chat e la verifica dei visitatori risolvono problemi diversi. Rendere obbligatoria l'Email significa che ogni nuova conversazione deve avere un'identità email. Un'identità firmata valida la soddisfa; quando l'identificazione tramite email dal browser è consentita, la soddisfa anche l'email inserita dal visitatore. Un nome salvato o un questionario completato non sono un'identità email, quindi Sonny la richiede di nuovo invece di aprire una conversazione non identificata.
Con la verifica disattivata o facoltativa, un'email inserita dal visitatore crea un contatto non verificato e non sblocca la cronologia su più dispositivi. Con Richiedi una prova per l'identificazione, l'email inserita nel browser non è accettata come identità, quindi serve un JWT firmato quando Email è un campo pre-chat obbligatorio.
Installa e gestisci il widget
Usa Snippet di installazione per copiare il codice per il tuo sito web. Il riquadro Anteprima in tempo reale mostra come appariranno le impostazioni visive salvate. Se il canale non ti serve più, seleziona Scollega sito web e conferma l'azione.
Guida alla configurazione del widgetGuide correlate
- Configurazione del widget
Installa il widget di live chat di Sonny sul tuo sito web con un solo tag script.
- Identificazione dei visitatori
Identifica gli utenti che hanno effettuato l'accesso e invia attributi personalizzati dal tuo sito web.
- Canali
Crea e gestisci i punti in cui i clienti ti contattano via live chat ed email.
- Visitatori in tempo reale
Guarda chi sta navigando sui tuoi siti web in questo momento e avvia una conversazione al momento giusto.