Per canale

Chatbot sul sito web per l'assistenza clienti: widget, passaggio all'operatore e accessibilità

Di Roman Zakharenko · Fatti verificati il

Un chatbot sul sito web per l'assistenza clienti è un widget di chat sul tuo sito o nel tuo help center in cui un bot risponde alle domande comuni, raccoglie i dati e passa la conversazione a un operatore dal vivo quando non può aiutare. La maggior parte degli helpdesk fornisce un proprio widget, quindi il vero lavoro consiste nel configurare i flussi del bot, il passaggio all'operatore, il comportamento fuori orario e l'accessibilità.

In breve

  • Il Web Widget di messaggistica di Zendesk si installa aggiungendo uno snippet di codice a ogni pagina in cui deve comparire.
  • La messaggistica di Zendesk può mostrare risposte diverse durante e fuori dall'orario di lavoro.
  • Gli AI agent di Freshdesk possono essere configurati per raccogliere i dati del cliente prima del trasferimento a una persona.
  • Le WCAG 2.2 richiedono che tutte le funzionalità siano utilizzabili da tastiera (2.1.1, livello A).
  • La tecnica W3C basata su role="log" permette agli screen reader di annunciare i nuovi messaggi di chat man mano che arrivano.

Widget nativo dell'helpdesk o widget personalizzato?

Se usi già un helpdesk, parti dal suo widget. Le chat finiscono nella stessa coda di email e messaggi social, gli operatori rispondono da un unico spazio di lavoro e il fornitore si occupa della manutenzione del codice del widget.

  • Web Widget di Zendesk (messaggistica): in Admin Center, vai su Channels > Messaging and social > Messaging, apri il widget e copia il codice dalla sezione Installation. Aggiungilo al codice sorgente di ogni pagina in cui deve comparire il widget, e assicurati che il tuo firewall consenta il widget.
  • Web widget di Freshchat (Freshdesk): copia il codice di incorporamento dalle impostazioni del canale web chat e aggiungilo a ogni pagina in cui deve comparire il widget. Freshworks documenta anche l'installazione su WordPress, Shopify, Squarespace e nelle app iOS e Android.
Scegliere un widget
OpzioneAdatta quandoAttenzione a
Widget nativo dell'helpdeskVuoi chat, ticket e report in un unico postoStile e logica del bot sono limitati a ciò che il fornitore supporta
Widget nativo con un bot personalizzatoTi servono logiche o integrazioni che il bot integrato non haIl passaggio all'operatore e la trasmissione del contesto vanno collegati e testati
Widget completamente personalizzatoLa chat fa parte dell'interfaccia del tuo prodottoAccessibilità, disponibilità del servizio e integrazione lato operatore sono a tuo carico

Progettare il passaggio dal bot all'operatore

Il passaggio all'operatore è il punto in cui fallisce la maggior parte dei bot sui siti web. Un buon passaggio porta il cliente a una persona senza costringerlo a ripetersi. Entrambi i principali helpdesk supportano questo schema:

  • Zendesk: aggiungere un AI agent a un canale di messaggistica sostituisce la risposta di messaggistica predefinita con le risposte dell'AI agent. La workflow recipe di Zendesk prevede che l'AI agent saluti il cliente, mostri un modulo per raccogliere ciò che serve agli operatori, comunichi al cliente che la richiesta sta passando al team e poi inoltri la conversazione a un operatore, che riceve una notifica e vede i dettagli quando la accetta. La recipe usa un modulo più breve per i clienti che hanno effettuato l'accesso, senza nome ed email.
  • Freshchat e Freshdesk: i flussi dei bot passano la conversazione con azioni come Assign to group o Make available for assignment, e le impostazioni di handover degli AI agent di Freshdesk includono un'opzione per raccogliere i dati del cliente prima del trasferimento.

Decidi cosa raccogliere in base a ciò che i tuoi operatori chiedono per primo. I campi tipici sono nome ed email per i visitatori che non hanno effettuato l'accesso, un numero d'ordine o di account, il tipo di problema scelto tramite pulsanti, una breve descrizione con le parole del cliente e la pagina in cui si trovava.

Copertura fuori orario

Un widget che alle 2 di notte promette “un operatore sarà subito da te” fa più danni che nessuna chat. Pianifica cosa succede quando non c'è nessuno online:

  • Imposta l'orario di lavoro: i canali di messaggistica di Zendesk possono usare una pianificazione degli orari di lavoro e mostrare risposte diverse durante e fuori da quegli orari.
  • Trasforma le chat in ticket: nella recipe di Zendesk, durante l'orario di lavoro l'AI agent passa la conversazione a un operatore dal vivo, mentre fuori orario raccoglie i dati del cliente e inoltra la richiesta come ticket email da seguire in seguito.
  • Lascia che il bot risponda a ciò che può: risposte alle FAQ, verifica dello stato degli ordini e link all'help center funzionano a qualsiasi ora.
  • Di' quando risponderai: comunica al cliente i tuoi orari e dove arriverà la risposta, per esempio via email.

Nozioni di base di accessibilità per i widget di chat

Un widget di chat è un contenuto interattivo sovrapposto al tuo sito, quindi deve rispettare lo stesso livello di accessibilità del resto della pagina. Le WCAG 2.2 sono la versione attuale del W3C, e questi criteri di successo sono particolarmente rilevanti per la chat:

Criteri WCAG 2.2 da verificare in un widget di chat
CriterioLivelloCosa significa per un widget di chat
2.1.1 KeyboardAAprire il widget, scrivere, scegliere i pulsanti e chiuderlo funzionano tutti senza mouse
2.4.7 Focus VisibleAAGli utenti vedono quale pulsante o campo ha il focus della tastiera
2.4.11 Focus Not Obscured (Minimum)AAIl pulsante di avvio o il pannello della chat aperto non nascondono completamente l'elemento della pagina che ha il focus
4.1.2 Name, Role, ValueAPulsanti personalizzati, menu e pulsante di avvio espongono nomi e stati alle tecnologie assistive
4.1.3 Status MessagesAAAggiornamenti come “Messaggio inviato” vengono annunciati senza spostare il focus

Per la conversazione vera e propria, la tecnica W3C ARIA23 contrassegna la cronologia della chat con role="log": i nuovi messaggi vengono aggiunti in fondo alla regione e gli screen reader li annunciano man mano che compaiono. Con il widget di un fornitore, testa la tua configurazione con una tastiera e uno screen reader, perché colori personalizzati e contenuti del bot possono comunque introdurre problemi.

Come può aiutarti TascaLab

TascaLab configura chatbot per siti web sopra l'helpdesk che usi già, come Zendesk o Freshdesk, oppure collega un bot personalizzato a Jira, Slack o strumenti interni tramite API, webhook e Make o n8n. Uno Starter Chat Bot (360 €) copre uno o due canali con FAQ e raccolta di informazioni di base; uno Standard Chat Bot (510 €) copre da tre a cinque canali con conversazioni più complesse e passaggi all'operatore più fluidi. Ogni progetto include 30 giorni di supporto dopo il lancio e una documentazione di base, senza costi nascosti, e la maggior parte delle configurazioni richiede 1–3 settimane. Parti da una call di Health Check gratuita di 30 minuti.

Domande frequenti

Mi serve uno strumento di chatbot separato se il mio helpdesk ha un widget?

Non necessariamente. Zendesk e Freshdesk permettono entrambi di associare un bot o un AI agent al loro web widget. Uno strumento separato ha senso quando ti servono logiche o integrazioni che il bot integrato non offre.

Cosa deve raccogliere il bot prima di passare la conversazione a un operatore?

Ciò che i tuoi operatori chiedono per primo: di solito i dati di contatto per i visitatori anonimi, un numero d'ordine o di account, il tipo di problema e una breve descrizione. Zendesk e Freshdesk supportano entrambi la raccolta dei dati prima del trasferimento.

Cosa deve fare un chatbot sul sito web fuori dall'orario di lavoro?

Rispondere a ciò che può, spiegare i tuoi orari e trasformare il resto in un ticket. La recipe documentata da Zendesk raccoglie i dati del cliente fuori orario e inoltra la richiesta come ticket email.

Quale standard di accessibilità si applica a un widget di chat?

Le WCAG 2.2 sono la versione attuale del W3C. L'uso da tastiera (2.1.1), il focus visibile (2.4.7), nomi e ruoli dei controlli (4.1.2) e i messaggi di stato (4.1.3) sono particolarmente rilevanti per la chat.

Vuoi questa configurazione per il tuo team?

Prenota un Health Check gratuito: una call di 30 minuti e un report scritto con 2–3 consigli concreti, un prezzo fisso e i costi di esercizio stimati. Nessuna proposta commerciale.

Recensioni su Upwork

Fonti

  1. Zendesk Help Center — Installing the Web Widget for messaging
  2. Zendesk Help Center — Configuring messaging responses and business hours
  3. Zendesk Help Center — Workflow recipe: Using an AI agent to collect customer info and immediately escalate to a human agent
  4. Freshworks Support — Install Freshchat on your web/apps
  5. Freshworks Support — Gracefully handover conversations from bots to your Freshchat agents
  6. Freshdesk Support — Configure handover settings for AI Agents
  7. W3C — Web Content Accessibility Guidelines (WCAG) 2.2
  8. W3C — ARIA23: Using role=log to identify sequential information updates