Chat Widget
Aggiungi un widget di chat dal vivo al tuo sito web e consenti ai visitatori di avviare una conversazione con il tuo team in un clic. Ogni chat arriva nella tua casella di posta Conversazioni come canale a sé, accanto a Email e WhatsApp, così i tuoi agenti lavorano da un unico posto.
Che cos'è il chat widget
Il chat widget è una piccola bolla di chat che si trova nell'angolo del tuo sito web. Quando un visitatore ci clicca, può inviare un messaggio e ottenere risposte dal tuo team in tempo reale.
Dietro le quinte, ogni chat del widget diventa una conversazione nella tua casella di posta. Rispondi, assegni, etichetti e risolvi le chat del widget esattamente come Email e WhatsApp — l'unica differenza è la provenienza del messaggio.
Configurare il widget
Crea e configura il widget da Impostazioni > Canali di conversazione.
- Apri Impostazioni > Canali di conversazione, clicca su Aggiungi canale e scegli Widget
- Assegna un nome al widget (ad esempio, "Chat del Sito Web") per riconoscerlo nella casella di posta
- Facoltativamente, scegli un Canale Email per Ticket — è l'account email usato per ricontattare i visitatori che se ne vanno prima della tua risposta
- Salva per creare il widget, poi apri le sue impostazioni per completare aspetto e comportamento
- Assegna agenti al widget in modo che le chat dal vivo possano essere gestite
Opzioni di configurazione
All'interno delle impostazioni del widget, le opzioni sono raggruppate in sezioni elencate a sinistra, ciascuna con un breve riepilogo di ciò che è impostato. Un'anteprima dal vivo a destra si aggiorna mentre modifichi, così vedi il risultato prima di salvare.
| Sezione | Impostazione | Cosa controlla |
|---|---|---|
| Aspetto | Colore Primario | Il colore d'accento della bolla di chat e dell'intestazione |
| Aspetto | Posizione | In basso a destra o in basso a sinistra della pagina |
| Aspetto | Lingua predefinita | La lingua mostrata ai visitatori la cui lingua non hai aggiunto |
| Aspetto | Marchio | Logo dell'intestazione, avatar, stile della bolla, font e gradiente |
| Messaggi | Messaggio di benvenuto | Il saluto che i visitatori vedono quando aprono il widget |
| Messaggi | Messaggi Proattivi | Avvisi pop-up attivati dal tempo sulla pagina, da un URL o dallo scorrimento |
| Messaggi | Risposte Rapide | Pulsanti iniziali con un tocco che inviano un messaggio pre-scritto |
| Messaggi | Personalizza Etichette | Riscrivi i pulsanti e i messaggi che i visitatori vedono |
| Comportamento | Canale Email per Ticket | Da dove partono i ticket dei visitatori e i follow-up fuori orario |
| Comportamento | Abilita il modulo di pre-chat | Chiedi i dati del visitatore prima dell'inizio della chat |
| Comportamento | Verifica dell'identità | Considera affidabili i clienti autenticati identificati dal tuo sito web |
| Privacy e sicurezza | Origini consentite | Quali domini possono caricare il widget |
| Privacy e sicurezza | Richiedi il consenso prima della chat | I visitatori accettano l'informativa sulla privacy prima di chattare |
| Installare | Codice di incorporamento | Il frammento da incollare nel tuo sito web |
Lingue del widget
Offri i contenuti del widget in più lingue. I visitatori vedono il widget nella lingua del browser se l'hai aggiunta, altrimenti nella Lingua predefinita.
- In Aspetto, imposta la Lingua predefinita
- Nella barra Lingua del contenuto, sopra le sezioni, clicca su Aggiungi lingua per ogni lingua che vuoi offrire
- Seleziona una lingua nella barra per scrivere il messaggio di benvenuto, l'etichetta di IA, i messaggi proattivi, le risposte rapide e le etichette in quella lingua
Tutte le altre impostazioni, come colori, posizione e attivazioni dei messaggi, sono condivise tra tutte le lingue. Qualsiasi testo lasciato vuoto in una lingua usa quello della lingua predefinita.
Se abilitato, clicca su Traduci con Henry per far tradurre a Henry i contenuti della lingua predefinita nelle lingue che scegli. I campi modificati a mano vengono mantenuti. I campi tradotti sono contrassegnati come Tradotto automaticamente o Modificato e, quando cambi il testo della lingua predefinita, le relative traduzioni diventano Non aggiornato — clicca su Ritraduci solo questi per aggiornare solo quelli.
Aggiungere il widget al tuo sito web
Per far apparire il widget, incolla un piccolo frammento nell'HTML del tuo sito web, appena prima del tag di chiusura </body>. Si carica senza rallentare la pagina.
<script>
(function (w, d) {
w.WisePartsWidget =
w.WisePartsWidget ||
function () {
(w.WisePartsWidget.q = w.WisePartsWidget.q || []).push(arguments);
};
var s = d.createElement("script");
s.async = 1;
s.src = "https://your-wiseparts-domain/widget/loader.js";
s.dataset.workspaceId = "YOUR_WORKSPACE_ID";
d.head.appendChild(s);
})(window, document);
</script>
Identificare i tuoi visitatori
Per impostazione predefinita, i visitatori sono anonimi — compaiono nella tua casella di posta con un identificatore breve e amichevole. Se sai già chi è il visitatore (ad esempio, un cliente che ha effettuato l'accesso al tuo sito web), puoi indicare al widget chi è, così il suo nome e la sua email compaiono nella conversazione.
Aggiungi una chiamata identify dopo il frammento, usando i dati di cui disponi:
<script>
WisePartsWidget("identify", {
external_id: "12345",
name: "Jane Smith",
email: "[email protected]",
});
</script>
Ora la conversazione nella tua casella di posta è etichettata con il nome del visitatore invece di un identificatore anonimo, dando contesto ai tuoi agenti prima che rispondano.
Identità verificata del visitatore
In un browser chiunque può affermare di essere qualcun altro, quindi per i clienti che hanno effettuato l'accesso puoi attivare l'identità verificata. Il server del tuo sito web produce un'identità firmata e a prova di manomissione per il visitatore, e WiseParts la verifica prima di fidarsi del nome e dell'email.
Controllare il widget
Puoi aprire, chiudere e reagire al widget dal tuo stesso sito con comandi semplici:
| Comando | Cosa fa |
|---|---|
WisePartsWidget('open') | Apre la finestra di chat |
WisePartsWidget('close') | Chiude la finestra di chat |
WisePartsWidget('toggle') | La apre o la chiude |
WisePartsWidget('show') | Mostra la bolla di chat |
WisePartsWidget('hide') | Nasconde la bolla di chat |
WisePartsWidget('on', ...) | Esegue il tuo codice quando si verificano eventi |
Ad esempio, puoi collegare il tuo pulsante "Chatta con noi" per richiamare WisePartsWidget('open').
L'esperienza del visitatore
Quando un visitatore apre il widget, vede il tuo messaggio di benvenuto e può iniziare a scrivere subito. Lo stato dal vivo del tuo team è mostrato in alto, così i visitatori sanno se aspettarsi una risposta immediata o un follow-up più tardi.
Consenso e modulo pre-chat
Puoi chiedere ai visitatori di accettare la tua informativa sulla privacy prima di chattare e raccogliere alcuni dati in anticipo:
- Barriera di consenso — i visitatori accettano la tua informativa sulla privacy (con un collegamento a essa) prima di iniziare
- Modulo pre-chat — chiedi nome, email, telefono o azienda e contrassegna uno qualsiasi di essi come obbligatorio
Raccogliere un'email in anticipo significa che puoi sempre fare un follow-up, anche se il visitatore se ne va a metà conversazione.
Messaggi proattivi e risposte rapide
Dai ai visitatori una spinta o un vantaggio iniziale:
- I messaggi proattivi appaiono come un piccolo pop-up dopo un certo tempo su una pagina, sulle pagine che corrispondono a un URL o quando un visitatore scorre abbastanza
- Le risposte rapide sono pulsanti con un tocco che inviano un messaggio pre-scritto, così le domande comuni iniziano con un solo clic
Quando il tuo team è offline
Il widget sa quando il tuo team è disponibile. Quando sono tutti offline, si adatta in modo che nessun messaggio vada perso:
- Chiede prima l'email al visitatore, così hai un modo per contattarlo
- Può inviare una risposta automatica "siamo assenti" che definisce le aspettative
- Se il visitatore se ne va prima della tua risposta, la tua risposta gli viene inviata via email e la conversazione prosegue semplicemente via email
Gestire le conversazioni del widget
Le chat del widget si comportano come qualsiasi altra conversazione nella tua casella di posta. Puoi assegnarle, etichettarle, rimandarle, aggiungere note private e risolverle — e le regole di assegnazione automatica si applicano proprio come per Email e WhatsApp.
I visitatori possono anche inviare un ticket tramite il widget quando il tuo team è assente. I ticket arrivano nella casella di posta e ricevono risposta via email.
Prima che il ticket venga creato, il visitatore conferma il proprio indirizzo email: dopo aver compilato il modulo e cliccato su Continua, riceve via email un codice a 6 cifre e lo inserisce per inviare la richiesta. Il codice scade dopo pochi minuti e il visitatore può richiederne uno nuovo con Invia di nuovo il codice. In questo modo indirizzi falsi o digitati male non arrivano nella tua casella di posta e ogni ticket può ricevere risposta.
Privacy e sicurezza
Il widget è progettato per proteggere te e i tuoi visitatori:
- Consenso — richiedi che i visitatori accettino la tua informativa sulla privacy prima di chattare e rispetta il segnale "Do Not Track" del loro browser
- Identità verificata — fidati dei clienti autenticati senza rischio di impersonificazione
- Protezione dagli abusi — gli invii di ticket hanno un limite di frequenza con un messaggio cortese "riprova tra poco", e può comparire una rapida verifica "sei umano" se l'attività sembra sospetta