Documentazione / Guide
Mettere l'agente sul suo sito web
Integrare una bolla voce + chat in qualsiasi sito con un solo snippet.
Ultimo aggiornamento:
Il widget web mette il suo agente sul suo sito web sotto forma di bolla fluttuante. I visitatori la premono e parlano con l'agente oppure chattano con lui, direttamente dalla pagina, senza bisogno di alcun numero di telefono.
1. Attivarlo#
Apra l'agente e vada su Web → Web widget. Faccia clic su Enable widget. Vengono precompilati valori predefiniti sensati. Scelga i canali (voce, chat o entrambi) e, quando sono attivi entrambi, quale scheda vedono per prima i visitatori.
2. Personalizzarlo#
- Appearance: posizione nella pagina, il colore del suo brand, dimensione e stile del pulsante, disposizione del pannello e se si apre automaticamente.
- Texts: l'intestazione, le etichette del pulsante e delle schede, i placeholder. Tutto ciò che lascia vuoto usa un valore predefinito integrato e curato.
- Pre-conversation form (facoltativo): chieda ai visitatori nome, e-mail o telefono prima che la conversazione inizi. Ogni campo ha una chiave, un'etichetta, un tipo e un indicatore di obbligatorietà. Ciò che compilano viene allegato alla conversazione.
- Automation webhook (facoltativo, per sviluppatori): un URL https che riceve una notifica (con i dati del modulo) nel momento in cui una conversazione inizia, così i suoi sistemi lo sanno subito.
3. Copiare lo snippet#
In fondo alla stessa pagina trova un codice di incorporamento di una sola riga. Lo copi e lo incolli nell'HTML del suo sito web, subito prima del tag di chiusura </body>. Tutto qui: la bolla compare su ogni pagina che contiene lo snippet.
4. Vederlo in anteprima dal vivo#
Web → Preview mostra il widget reale su una pagina di esempio: una vera sessione dal vivo, con voce e chat entrambe funzionanti, in larghezza desktop o mobile. Le modifiche salvate vi compaiono entro circa 30 secondi.
5. Seguire le conversazioni#
Ogni sessione del widget finisce in Calls come qualsiasi chiamata telefonica (trascrizione, riepilogo, notifiche), contrassegnata con origine Web anziché Phone.
Faccia Save, poi Deploy: come ogni altra modifica dell'agente, il widget serve la configurazione distribuita.
6. Condividere un link di prova#
Non serve un sito per far provare l'agent a qualcuno. Nel pannello di anteprima dell'agent clicchi Share e poi Create link: ospitiamo noi una pagina con il widget e lei invia l'URL a un collega, un cliente o un revisore. Imposti la durata del link (da 24 ore a 30 giorni, o senza scadenza) e quante sessioni può avviare (da 10 a 1000); lo revochi in qualsiasi momento dallo stesso dialogo. Ogni sessione da un link consuma i minuti di questo progetto esattamente come una sessione dal suo sito, e il widget deve essere già attivo.