WiseParts
Comunicazione

Chat Widget

Aggiungi un widget di chat dal vivo al tuo sito web per far parlare i visitatori con il tuo team.

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.

Panoramica Rapida: Incolla un piccolo frammento di codice nel tuo sito web per aggiungere una bolla di chat. I visitatori chattano in tempo reale, i clienti identificati vengono riconosciuti automaticamente e qualsiasi messaggio che arriva fuori orario viene registrato e seguito via email.

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.

Il widget è pensato per i visitatori del tuo sito web, non per il tuo team interno. È un canale rivolto al cliente, quindi trattalo come gli altri tuoi canali in entrata.

Configurare il widget

Crea e configura il widget dalle Impostazioni Conversazioni, nell'elenco dei canali.

  1. Apri le Impostazioni Conversazioni e scegli Aggiungi Widget di Chat
  2. Assegna un nome al widget (ad esempio, "Chat del Sito Web") per riconoscerlo nella casella di posta
  3. Facoltativamente, scegli un Canale Email per Ticket — è l'account email usato per ricontattare i visitatori che se ne vanno prima della tua risposta
  4. Salva per creare il widget, poi apri le sue impostazioni per completare aspetto e comportamento
  5. Assegna agenti al widget in modo che le chat dal vivo possano essere gestite
Se nessun agente è assegnato a un widget, i visitatori vedono sempre il tuo team come offline e le risposte dal vivo non possono essere consegnate in tempo reale. Assegna almeno un agente al widget affinché la chat dal vivo funzioni.

Opzioni di configurazione

All'interno delle impostazioni del widget puoi adattarne aspetto e comportamento:

ImpostazioneCosa controlla
Messaggio di benvenutoIl saluto che i visitatori vedono quando aprono il widget
Colore PrimarioIl colore d'accento della bolla di chat e dell'intestazione
PosizioneIn basso a destra o in basso a sinistra della pagina
LinguaFissa una lingua o lascia che rilevi automaticamente quella del visitatore
MarchioLogo dell'intestazione, avatar, stile della bolla, font e gradiente
Canale Email per TicketDa dove partono i ticket dei visitatori e i follow-up fuori orario
Personalizza EtichetteRiscrivi i pulsanti e i messaggi che i visitatori vedono
Messaggi ProattiviAvvisi pop-up attivati dal tempo sulla pagina, da un URL o dallo scorrimento
Risposte RapidePulsanti iniziali con un tocco che inviano un messaggio pre-scritto

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>
Copia il frammento esatto dalle impostazioni del tuo widget — il tuo identificatore di workspace è già compilato sotto Codice di incorporamento. Per maggiore sicurezza, puoi limitare quali domini possono caricare il widget nelle impostazioni Privacy e sicurezza.

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.

L'identità verificata è firmata sul server: la chiave di firma risiede solo sul tuo server e mai nel codice del tuo sito web. Questo rende un cliente autenticato affidabile e impossibile da impersonare. La chiave si gestisce nelle impostazioni di identità del widget.

Controllare il widget

Puoi aprire, chiudere e reagire al widget dal tuo stesso sito con comandi semplici:

ComandoCosa 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
Suggerimento: Usa un messaggio proattivo su pagine ad alta intenzione (come prezzi o pagamento) per offrire aiuto proprio quando i visitatori hanno più probabilità di avere una domanda.

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
Le risposte fuori orario possono essere inviate via email solo quando il widget ha un Canale Email per Ticket impostato e il visitatore ha lasciato un indirizzo email. Rendi l'email obbligatoria nel modulo pre-chat così da poter contattare ogni visitatore.

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.

Scopri come rispondere, assegnare, etichettare e risolvere le conversazioni dalla tua casella di posta.

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
Nota: Un visitatore può richiedere una copia dei propri dati, e tutti i ticket che ha inviato sono inclusi in quell'esportazione — aiutandoti a rispondere alle richieste di accesso ai dati del GDPR.

Funzionalità correlate

Conversazioni

Gestisci le chat del widget nella tua casella di posta unificata.

Call Center

Gestisci le chiamate in entrata accanto alle tue chat.

Dashboard

Monitora le conversazioni del widget, i tempi di risposta e i visitatori.

Automazioni

Attiva azioni quando una chat del widget viene etichettata.