Widget di chat per il sito: come trasformare in conversazioni i visitatori che hanno una domanda
Un widget di chat trasforma i visitatori in conversazioni quando compare al momento giusto, dice in cosa può aiutare e risponde subito. In AdaptiveReply il widget usa lo stesso assistente IA e la stessa casella di posta degli altri tuoi canali, si installa con una riga di codice e si configura in tre schede: Design, Comportamento e Installa.
A cura del team AdaptiveReplyPubblicato il Aggiornato il 8 min di lettura
In sintesi
- Il tempismo e un benvenuto specifico decidono se il visitatore scrive. Un invito mostrato dopo un breve ritardo e fino a quattro risposte rapide funzionano meglio di una finestra che si apre sopra la pagina.
- Le chat del sito devono arrivare nella stessa casella di posta. In AdaptiveReply al widget risponde lo stesso assistente di Instagram, WhatsApp e Messenger, e le chat passate al team diventano casi come tutte le altre.
- L’installazione è un solo script. Incolla una riga di codice oppure usa l’estensione app di Shopify o il plugin WordPress; le modifiche successive nel pannello compaiono da sole sul sito.
Quando deve parlare per prima la chat?
La chat deve parlare dopo che il visitatore ha avuto un momento per guardare, e non deve coprire la pagina. Un visitatore con una domanda ha due possibilità: chiedere o andarsene. La maggior parte dei siti rende più facile andarsene, o perché l’unica via di contatto è un modulo lungo, o perché una finestra di chat salta fuori prima che la pagina sia stata letta e viene chiusa d’istinto.
In AdaptiveReply la versione gentile è il Fumetto di invito nella scheda Comportamento: una riga breve, fino a 140 caratteri, che compare accanto al pulsante della chat dopo un ritardo che scegli tra 0 e 120 secondi. Ogni visitatore lo vede una volta per visita. L’opzione Apertura automatica apre la chat una volta per visita sui computer; sui telefoni la chat occupa tutto lo schermo, quindi lì viene mostrato l’invito.
Scrivi l’invito come un’offerta legata alla pagina, non come un saluto. «Ciao!» non dà al visitatore nulla a cui rispondere.
Come dici ai visitatori in cosa può aiutare la chat?
Dillo con le prime due cose che vedono: il messaggio di benvenuto e le risposte rapide. Una casella di testo vuota chiede al visitatore di formulare una domanda. Un benvenuto breve e qualche domanda da toccare mostrano quale aiuto è disponibile e gli risparmiano quello sforzo.
- Messaggio di benvenuto. Il primo messaggio di ogni nuova chat. Di’ in una frase chi risponde e in cosa può aiutare.
- Risposte rapide. Fino a quattro domande da toccare, di massimo 40 caratteri ciascuna, mostrate sotto il messaggio di benvenuto finché il visitatore non scrive.
- Titolo dell’intestazione e immagine dell’assistente. Mostrano al visitatore con chi sta parlando.
Scegli risposte rapide a cui l’assistente sa rispondere bene: tempi di consegna, condizioni di reso, come prenotare. Una risposta rapida che finisce sempre con «un collega ti ricontatterà» insegna ai visitatori che la chat è un modulo di contatto più lento.
Chi risponde, e quanto velocemente?
L’assistente IA risponde subito, a qualsiasi ora, ed è lo stesso assistente che risponde sugli altri tuoi canali. Non c’è una configurazione separata per il sito: personalità, tono, fonti, catalogo e regole che hai impostato una volta valgono anche per il widget.
Le conversazioni del sito arrivano nella stessa casella di posta di AdaptiveReply di Instagram, Facebook Messenger, WhatsApp ed email. Quando l’assistente non sa rispondere, o il visitatore chiede una persona, la conversazione viene passata al tuo team come caso con un riepilogo, e un membro del team risponde dalla casella di posta mentre il visitatore resta nella stessa finestra di chat. Vedi la guida alla casella unificata e quando l’assistente passa la mano.
Un limite, detto con franchezza: il widget non ha un’impostazione per gli orari di apertura. L’assistente risponde ogni volta che un visitatore scrive. «Offline» nel widget significa che la connessione del visitatore è caduta.
Conviene chiedere nome ed email prima della chat?
Chiedi solo ciò che userai. Ogni campo obbligatorio prima del primo messaggio riduce il numero di persone che avviano una chat e aumenta il numero di quelle che potrai ricontattare dopo. Un negozio che risponde a domande rapide sui prodotti di solito non chiede nulla; uno studio che richiama i clienti ha bisogno di un numero di telefono.
In AdaptiveReply è l’impostazione Informazioni prima della chat nella scheda Comportamento. Spunta Nome, Cognome, Email o Telefono; i campi spuntati diventano obbligatori prima che la chat inizi. Senza nulla di spuntato, i visitatori iniziano a scrivere subito. Puoi anche richiedere una casella di consenso: il visitatore deve accettare il tuo testo prima di chattare, e la data e il testo del consenso vengono conservati.
Come fai sembrare la chat parte del tuo sito?
Abbina colore, tema e lingua, poi controlla su un telefono. Una chat che sembra un corpo estraneo viene letta come pubblicità. La scheda Design contiene le impostazioni e l’anteprima dal vivo mostra il risultato mentre scrivi; nulla arriva sul tuo sito finché non salvi.
- Colore. Un colore del brand per l’intestazione, il pulsante della chat e i messaggi del visitatore. Il colore del testo si regola da solo per restare leggibile.
- Tema. Chiaro, Scuro o Auto. Auto segue l’impostazione del dispositivo di ogni visitatore.
- Posizione. In basso a destra o in basso a sinistra, dove non copre i tuoi pulsanti.
- Lingua. L’interfaccia del widget è disponibile in 10 lingue e può seguire la lingua del browser del visitatore.
- Controllo da telefono. L’anteprima passa da desktop a telefono e tra gli stati chiuso, invito, modulo iniziale, chat e offline.
Come si installa il widget?
Sulla maggior parte dei siti, installare significa incollare una riga di codice una volta sola. La scheda Installa mostra il codice e i passaggi per la tua piattaforma; dopo, ogni modifica che salvi nel pannello compare sul sito senza toccare di nuovo il codice.
- Nel pannello apri Widget, crea un widget e configuralo nelle schede Design e Comportamento.
- Nella scheda Installa scegli su cosa gira il tuo sito: qualsiasi sito web, Shopify, WordPress, Ticimax o ikas.
- Su qualsiasi sito, incolla il codice subito prima del tag di chiusura body, nel modello condiviso da tutte le pagine. Su Shopify, attiva l’estensione app di AdaptiveReply nell’editor del tema. Su WordPress, carica e attiva il plugin.
- In Domini consentiti aggiungi il tuo dominio, così la chat non può essere copiata su un altro sito. Con l’elenco vuoto la chat funziona ovunque ci sia il tuo codice.
- Aggiorna il tuo sito e invia tu stesso un primo messaggio.
Una breve lista di controllo prima di andare online
- L’assistente è pubblicato e risponde alle tue dieci domande più frequenti nell’anteprima.
- L’invito nomina qualcosa di specifico e il ritardo lascia il tempo di leggere la pagina.
- Le risposte rapide sono domande vere dei clienti a cui l’assistente sa rispondere.
- I campi prima della chat si limitano a ciò che userai, e hai inviato un messaggio di prova da un telefono.
Se l’assistente non è ancora configurato, parti da configurare un assistente IA senza codice; la panoramica delle funzioni mostra cos’altro si collega alla stessa casella di posta. Puoi iniziare gratis e installare il widget il giorno stesso.
Domande frequenti
Come si installa il widget di chat di AdaptiveReply?
Incolla una riga di codice prima del tag di chiusura body del tuo sito, nel modello condiviso da tutte le pagine. Su Shopify attivi invece l’estensione app di AdaptiveReply nell’editor del tema, e su WordPress carichi un piccolo plugin. La scheda Installa contiene anche i passaggi per Ticimax e ikas. Le modifiche successive nel pannello compaiono sul sito senza modificare il codice.
La chat del sito usa un assistente diverso?
No. Al widget risponde lo stesso assistente IA che risponde ai tuoi messaggi su Instagram, Facebook Messenger e WhatsApp, con la stessa personalità, le stesse fonti, lo stesso catalogo e le stesse regole. Le conversazioni del sito arrivano nella stessa casella di posta e, quando l’assistente ne passa una al team, diventa un caso con un riepilogo e un responsabile.
Posso raccogliere nome ed email prima che la chat inizi?
Sì. In Informazioni prima della chat, nella scheda Comportamento, puoi richiedere Nome, Cognome, Email o Telefono prima che la chat inizi, e puoi richiedere una casella di consenso di cui vengono conservati data e testo. Entrambe le cose sono facoltative. Senza nulla di spuntato, i visitatori iniziano a scrivere subito e l’assistente può chiedere i dati più tardi.
Quali lingue supporta il widget?
L’interfaccia del widget, cioè pulsanti, etichette e messaggi standard, è disponibile in 10 lingue e può seguire la lingua del browser del visitatore. I testi che scrivi tu, come il messaggio di benvenuto e le risposte rapide, compaiono come li hai digitati. L’assistente risponde nella lingua del cliente o in un’unica lingua fissa, a seconda della tua impostazione.
Questa guida fa parte di una serie. Inizia dalla panoramica: Un’unica inbox per Instagram, WhatsApp, Facebook, email e chat web: perché i canali sparsi fanno perdere clienti