Creare una chat in tempo reale
Ultimo aggiornamento: 6 giugno 2025
Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:
|
Create un chatflow con chat in tempo reale per entrare in contatto direttamente con i membri del vostro team. La chat in tempo reale apparirà come widget sulle pagine del sito web, su cui i visitatori potranno fare clic per avviare una conversazione in tempo reale con qualcuno del vostro team.
È possibile creare una chat in tempo reale per mettere in contatto un visitatore della pagina dei prezzi con un membro del team di vendita, oppure un'altra chat in tempo reale per mettere in contatto un visitatore degli articoli della Knowledge Base con un membro del team di assistenza.
Per saperne di più sulla creazione di un agente per i clienti o di un chatbot basato su regole.
Nota bene: solo gli utenti con i permessiChatflow possono creare e modificare i chatflow.
Potete anche creare una chat in tempo reale per il vostro account di Facebook Messenger. Scoprite come creare un chatflow per Facebook Messenger.
Impostare il widget della chat
Se è la prima volta che create un chatflow in tempo reale, vi verrà richiesto di impostare il widget della chat. Personalizzate la disponibilità del vostro team, il comportamento del chatflow e l'aspetto. Se avete già impostato il widget della chat, imparate a creare un chatflow.
Inoltre, se si aggiunge la live chat a un sito web che non è ospitato su HubSpot, è necessario aggiungere il codice di tracciamento alle pagine esterne prima di creare una live chat. La chat in tempo reale non apparirà se il codice di tracciamento non è rata.
- Nel tuo account HubSpot, passa a Servizio clienti > Chatflow.
- In alto a destra, fare clic su Crea chatflow.
- Selezionare il Sito web.
- Se è la prima volta che si crea un chatflow, è necessario impostare il widget della chat. Nella finestra di dialogo, fare clic su Imposta chat.
- Nella scheda Display, scegliere un colore d'accento.
- Fare clic su Avanti.
- Nella scheda Chatflow, personalizzare il nome e il comportamento della chat:
- Fare clic sul menu a discesa Intestazione della chat e selezionare il nome e l'avatar da visualizzare sul widget della chat.
- Nella casella di testo, inserite un messaggio di benvenuto.
- Fare clic sul menu a discesa Assegnazione dei ticket in arrivo e selezionare gli utenti e i team a cui assegnare i ticket.
- Fare clic su Avanti.
- Nella scheda Disponibilità, impostare quando il team deve essere disponibile a chattare e far sapere ai visitatori quando possono aspettarsi una risposta. Selezionare un'opzione di disponibilità:
- In base alla disponibilità dell'utente: i visitatori possono chattare con il team se almeno un membro del team assegnato nelle regole di assegnazione è disponibile.
- In base agli orari di funzionamento della chat: impostare giorni e orari coerenti in cui il team deve essere disponibile a chattare. Se state creando un bot, scoprite come personalizzare le preferenze di disponibilità del bot in base alle impostazioni della posta in arrivo.Fate clic su + Aggiungi ore per aggiungere altri giorni e orari.
- La chat è disponibile 24 ore su 24, 7 giorni su 7: selezionate questa casella di controllo se il vostro team è sempre disponibile a chattare.
- Impostate il comportamento di disponibilità del vostro chatflow e fate sapere ai visitatori quando possono aspettarsi una risposta. Selezionate un'opzione:
- Per visualizzare la chat quando il vostro team è disponibile, fate clic sulla scheda Disponibile. Fate clic sul menu a discesa Mostra l'orario tipico di risposta per comunicare ai visitatori quando possono aspettarsi una risposta.
- Per visualizzare la chat quando il team è assente durante l'orario di lavoro, fare clic sulla scheda Fuori sede. Fare clic sul menu a discesa Mostra un messaggio di assenza e selezionare un comportamento del widget.
- Per visualizzare la chat quando il vostro team non è disponibile, fate clic sul menu a discesa Imposta comportamento offline e scegliete se mostrare l'orario di rientro, mostrare un messaggio di assenza o nascondere l'avvio della chat quando un visitatore arriva sul vostro sito al di fuori dell'orario di lavoro.
- Per impostare l'esperienza del visitatore quando il team è al massimo della capacità( soloService Hub Enterprise ), fare clic sul menu a discesa Se tutti i membri del team sono al massimo della capacità e scegliere se mostrare un messaggio di attesa, nascondere l'avvio della chat o non fare nulla. Per saperne di più sulla configurazione dei limiti di capacità della chat per gli utenti.
- Fare clic su Avanti.
- Per vedere in anteprima come apparirà il vostro widget di chat su diversi dispositivi, utilizzate i pulsanti del tipo di dispositivo che si trovano sopra l'anteprima.
- Fare clic su Pubblica o, se si utilizza il widget della chat su un sito web esterno, è necessario aggiungere il codice di tracciamento HubSpot alle pagine del sito web.
Creare un chatflow
- Nel tuo account HubSpot, passa a Servizio clienti > Chatflow.
- In alto a destra, fare clic su Crea chatflow.
- Selezionare Sito web.
- Nella pagina Aree di lavoro:
- Fare clic sul menu a discesa per selezionare una posta in arrivo o un Help desk. Sarà possibile selezionare solo le caselle di posta in arrivo con un canale entrato in contatto. Per saperne di più sul collegamento dei canali alla posta in arrivo.
- Per cambiare la lingua del chatflow dall'inglese, fare clic sul menu a discesa Seleziona una lingua e selezionare un'altra lingua.
- Fare clic su Avanti.
- Nella pagina Chatflow, selezionare Agente in carne e ossa.
- Fare clic su Crea.
Costruire
Una volta creato il chatflow, verrete reindirizzati alla scheda Costruisci della configurazione della chat in tempo reale. Personalizzate il comportamento del widget della chat e create un messaggio di benvenuto per i vostri visitatori.
se volete incorporare un widget di chat nella vostra app a pagina singola o personalizzare la vostra chat in tempo reale usando un'API, scoprite di più sull'uso dell'API Conversazioni di Widget nella documentazione per sviluppatori di HubSpot.
Nota bene: se volete incorporare un widget di chat nella vostra app a pagina singola o personalizzare la vostra chat in tempo reale usando un'API, scoprite di più sull'uso dell'API Conversazioni di Widget nella documentazione per sviluppatori di HubSpot.
- Per personalizzare il messaggio che appare quando un visitatore inizia una chat, fare clic su Messaggio di benvenuto per espandere la sezione e inserire il testo nella casella Scrivi un messaggio di benvenuto. Per saperne di più sulla modifica della lingua del messaggio di benvenuto.
- Per aggiungere la barra di ricerca della Knowledge Base alla chat in tempo reale, fare clic su Ricerca Knowledge Base per espandere la sezione, quindi attivare l'interruttore Abilita ricerca Knowledge Base. Per saperne di più sulla ricerca della Knowledge Base nella chat in tempo reale.
- Per indirizzare le conversazioni in arrivo a membri specifici del team, fate clic su Assegna automaticamente conversazioni per espandere la sezione, quindi fate clic per attivare l'interruttore Assegna automaticamente conversazioni . Utilizzate i menu a discesa per selezionare gli utenti o i team a cui assegnare le conversazioni. Per saperne di più sull'impostazione delle regole di instradamento nella Posta in arrivo delle conversazioni o nell'Help desk.
Nota bene: solo gli utenti con postazioni a pagamento assegnate a Sales Hub o Service Hub possono essere inclusi nelle regole di instradamento.
- Per specificare quando ai visitatori deve essere chiesto di fornire il proprio indirizzo e-mail, fare clic su Acquisizione e-mail per espandere la sezione. Fare clic sul menu a discesa Chiedi ai visitatori il loro indirizzo e-mail e selezionare un'opzione, quindi inserire il messaggio da visualizzare quando viene richiesto l'indirizzo e-mail a un visitatore.
- Per continuare, fare clic su Salva in basso, quindi fare clic sulla scheda Destinazione .
Obiettivo
Nella scheda Destinazione , è possibile decidere dove il widget della chat in tempo reale apparirà sulle pagine del sito web. È possibile visualizzare il widget della chat in tempo reale quando un visitatore si trova su un URL specifico della pagina o in base a informazioni note sui visitatori. Potete anche combinare le opzioni di targeting per creare un'esperienza personalizzata per i visitatori del vostro sito. Per saperne di più sulle diverse opzioni di targeting e sulle regole di targeting che potete utilizzare con i vostri chatflow.
- Per mostrare il widget della chat in tempo reale quando un visitatore si trova su un URL specifico del sito web, nella sezione URL del sito web :
- Fare clic sul primo menu a discesa e selezionare Sito web.
- Fare clic sul secondo menu a discesa e selezionare una regola di targeting.
- Inserire i criteri della regola nel campo di testo.
- Per mostrare il widget della chat in tempo reale quando un visitatore si trova su una pagina del sito web il cui URL include parametri di query specifici:
- Fare clic sul primo menu a discesa e selezionare Parametro di query.
- Nel primo campo di testo, inserire il nome del parametro di query.
- Nel secondo campo di testo, inserire il valore del parametro di query.
- Per aggiungere un'altra regola, fare clic su Aggiungi regola.
- Per escludere il widget della chat in tempo reale da determinate pagine (ad esempio, una pagina di politica sulla privacy), fare clic su Aggiungi regola di esclusione.
È anche possibile indirizzare la chat in tempo reale a contatti specifici in base alle informazioni conosciute su di loro. Per impostare i criteri basati sulle informazioni del visitatore, nella sezioneInformazioni e comportamento del visitatore :
- Fare clic sul primo menu a discesa e selezionare un filtro. È possibile utilizzare filtri che si rivolgono specificamente a contatti noti o a visitatori sconosciuti.
- Fare clic sul secondo menu a discesa e selezionare icriteri.
- Per aggiungere un'altra regola, fare clic su Aggiungi regola.
- Per escludere il pop-up form in determinate pagine (ad esempio, una pagina di politica sulla privacy), fare clic su Aggiungi regola di esclusione.
- Per creare un altro gruppo di filtri con regole di targeting aggiuntive, fare clic su Aggiungi gruppo di filtri.
- Per continuare, fare clic su Salva in fondo, quindi fare clic sulla scheda Visualizza .
Display
Nella scheda Display , personalizzare le impostazioni di visualizzazione della chat in tempo reale, tra cui l'intestazione della chat, il comportamento del widget della chat e le attivazioni del widget della chat. Per modificare il colore dell'accento della chat in tempo reale e il suo posizionamento nella pagina, imparare a personalizzare ulteriormente l 'aspetto del widget della chat nelle impostazioni della posta in arrivo.
- Fare clic per espandere la sezione Scegliere l'avatar della chat, quindi fare clic sul menu a discesa Intestazione della chat e selezionare il nome e l'avatar da visualizzare sul widget della chat.
- Branding personalizzato: visualizza il nome e l'immagine di una squadra generica.
- Fare clic sull'icona più add per caricare un'immagine o una GIF e inserire il nome da visualizzare.
- Per applicare il branding personalizzato all'intera conversazione invece del nome e dell'avatar dell'utente, selezionare la casella di controllo Usa branding personalizzato in tutta la conversazione come alias per gli agenti . Il branding personalizzato apparirà anche nella trascrizione della chat.
- Branding personalizzato: visualizza il nome e l'immagine di una squadra generica.
Nota bene: se si seleziona la casella di controllo Usa branding personalizzato attraverso la conversione come alias per gli agenti , i link per riunioni aggiunti al widget della chat tramite lo strumento riunioni verranno rimossi.
-
- Utenti e team specifici: selezionare le caselle di controllo accanto ai nomi da visualizzare. Se si selezionano più di tre utenti, questi verranno visualizzati in modo casuale. Scoprite come la lingua del chatflow influisce sul nome visualizzato.
- Proprietario del contatto: fare clic sul menu a discesa Se non c'è un proprietario del contatto, assegnare a e selezionare un'opzione di ripiego per i visitatori nuovi o non assegnati che iniziano una chat.

- Nella sezione Comportamento di visualizzazione della chat , controllare il comportamento del widget su schermi desktop o mobili.
Attenzione: se un visitatore sceglie di ridurre al minimo un chatflow, HubSpot rispetterà il comportamento del visitatore in tutte le pagine e in tutti i chatflow finché il cookie hs-messages-hide-welcome-message non scadrà dopo 24 ore. Questo potrebbe entrare in conflitto con le impostazioni di visualizzazione della chat, per cui i chatflow potrebbero non aprirsi come previsto.
-
- Nella scheda Desktop , selezionare il comportamento di visualizzazione preferito:
- Aprire il messaggio di benvenuto come istruzione: visualizzare un'anteprima del messaggio di benvenuto sopra il widget della chat.
- Nella scheda Desktop , selezionare il comportamento di visualizzazione preferito:
-
-
- Mostra solo il launcher della chat: mostra solo il launcher della chat, in modo che i visitatori debbano fare clic per aprire la finestra della chat.
- Mostra il messaggio di benvenuto e poi apri la chat quando si verifica un'attivazione: mostra un'anteprima del messaggio di benvenuto e apre il widget della chat quando si verifica un'attivazione o quando il visitatore fa clic sul widget, a seconda di quale sia la prima.
-
-
- In base al comportamento di visualizzazione selezionato, si può anche decidere quando caricare il widget della chat sulla pagina. Selezionare la casella di controllo accanto all'attivazione della visualizzazione della chat. L'attivazione selezionata sarà applicata su desktop, tablet e mobile.
-
-
- Intenzione di uscita: attiva la chat in tempo reale quando il mouse del visitatore si sposta verso la parte superiore della finestra del browser.
- Tempo sulla pagina in secondi: attiva il widget della chat reale quando passa un determinato importo di tempo (in secondi) mentre il visitatore si trova sulla pagina.
-
Nota: per un caricamento più rapido della pagina, HubSpot consiglia un ritardo di 5 secondi o più. Per saperne di più sul tempo di caricamento della pagina del vostro sito.
-
-
- Percentuale della pagina scrollata: attiva la chat in tempo reale quando il visitatore ha scrollato fino a un certo punto della pagina.
-
-
- Nella scheda Mobile , selezionare il comportamento di visualizzazione preferito:
- Domanda di apertura del messaggio di benvenuto come istruzione: visualizza un'anteprima del messaggio di benvenuto sopra il widget della chat.
- Mostra solo il launcher della chat: mostra solo il launcher della chat, in modo che i visitatori debbano fare clic per aprire la finestra della chat.
- Nella scheda Mobile , selezionare il comportamento di visualizzazione preferito:
Nota bene: per disabilitare il chatflow sui dispositivi mobili, è possibile aggiungere una regola di esclusione nelle impostazioni di targeting per nascondere il chatflow quando qualcuno visualizza la pagina su un dispositivo mobile.
- Per continuare, fare clic su Salva in basso, quindi fare clic sulla scheda Opzioni .
Opzioni
Nella scheda Opzioni , personalizzare le impostazioni della lingua della chat in tempo reale. Se nel vostro account avete attivato le impostazioni per la privacy dei dati, potete anche personalizzare la chat in tempo reale in modo da includere un passaggio per chiedere ai visitatori del vostro sito web il consenso a comunicare.
- Fare clic sul menu a discesa Seleziona unalingua e selezionare una lingua preferita per i dati del widget contestuale, quindi fare clic su Salva.
- Per abilitare il testo di consenso ai cookie per il widget della chat in tempo reale, fare clic per attivare l'interruttore Consenso alla raccolta dei cookie della chat . Non è possibile personalizzare il testo di consenso ai cookie che appare nel banner.
- Una volta abilitato il testo di consenso ai cookie, è possibile selezionare quando deve apparire il banner di consenso.
- Per visualizzare il banner di consenso prima che un visitatore inizi una chat, selezionare il pulsante di selezione Mostra banner di consenso prima che il visitatore inizi una chat .
- Per visualizzare il banner quando il visitatore inizia a lasciare la pagina, selezionare il pulsante di selezione Mostra il banner di consenso al visitatore al momento dell'uscita.
Nota bene: le impostazioni della privacy per il consenso alla raccolta di dati sui cookie non verranno visualizzate all'interno del widget della chat per i visitatori che sono stati identificati tramite l'API di identificazione dei visitatori. Questo perché HubSpot non rilascia il cookie messagesUtk. Il banner dei cookie di analisi non subirà alcun impatto. Per saperne di più sull'API di identificazione dei visitatori, consultare la documentazione per sviluppatori di HubSpot.
- Per acquisire il consenso dei visitatori all'elaborazione dei dati, fare clic per attivare l'interruttore Consenso all'elaborazione dei dati .
- Fare clic sul menu a discesa Tipo di consenso e selezionare una delle seguenti opzioni:
- Richiedi consenso esplicito: i visitatori devono fare clic su Accetto prima di poter inviare un messaggio.
- Interesse legittimo: il consenso dei visitatori è implicito quando iniziano a chattare con voi. Il testo del consenso all'elaborazione dei dati verrà comunque visualizzato, ma i visitatori non dovranno fare clic su Accetto per iniziare la chat.
- Nel campo Testo del consenso al trattamento dei dati viene visualizzato il testo predefinito di HubSpot. È possibile modificare il testo per spiegare perché è necessario memorizzare ed elaborare i dati personali del visitatore. Se si personalizza il testo del consenso ma poi si vuole tornare al testo predefinito, fare clic su Ripristina il testo predefinito fornito da HubSpot.
- Fare clic sul menu a discesa Tipo di consenso e selezionare una delle seguenti opzioni:
- Per iscrivere un visitatore a un tipo di abbonamento quando inizia a chattare con voi, fate clic per attivare l'interruttore Consenso alla comunicazione .
- Fare clic sul menu a discesa Tipo di abbonamento e selezionare il tipo di abbonamento in cui si desidera far iscrivere i visitatori.
- Utilizzate il campo di testo Casella di controllo dell'etichetta per informare i clienti sul tipo di comunicazione a cui stanno acconsentendo.
Nota bene: anche se queste risorse sono presenti in HubSpot, il vostro team legale è la risorsa migliore per darvi consigli sulla conformità alla vostra situazione specifica.
- Se avete accesso ai contatti di marketing nel vostro account e volete che i contatti creati da questo chatflow siano impostati come contatti di marketing, fate clic per attivare l'interruttore Contatti di marketing.
- È possibile inviare un sondaggio sulla soddisfazione dei clienti dal widget della chat. Al termine di una conversazione, il sondaggio apparirà nel widget della chat. Man mano che vengono raccolte le risposte al sondaggio, queste appaiono nella pagina dei dettagli del sondaggio e nella discussione nella Posta in arrivo delle conversazioni o nell'Help desk.
- Nella sezione Raccogli i sondaggi dei visitatori della chat, fate clic sul menu a discesa Entrare in contatto con un sondaggio esistente e selezionate un sondaggio.
Nota bene: è possibile entrare in contatto solo con un sondaggio esistente che è stato selezionato da Chat come metodo di consegna.
-
- Per creare un nuovo sondaggio da far entrare in contatto con il bot, cliccare su Crea nuovo sondaggio e assicurarsi di selezionare Chat come metodo di consegna.
- Fare clic su Salva.
Recensione e aggiunta di chat in tempo reale alle pagine del sito web
Una volta terminata l'impostazione della chat in tempo reale, in alto a destra, fare clic su Anteprima per recensire come apparirà la chat in tempo reale sul sito web. Fate clic per attivare l'interruttore e aggiungerla alle pagine del sito web. Se siete pronti a iniziare a chattare con i visitatori del vostro sito web, imparate come rispondere ai messaggi in arrivo nella Posta in arrivo delle conversazioni o nell'Help desk.
Modificare il Chatflow
- Nel tuo account HubSpot, passa a Servizio clienti > Chatflow.
- Creare un nuovo chatflow o passare il mouse su un chatflow esistente e fare clic su Modifica.
- Navigare tra le schede Build, Target, Display e Options per modificare il chatflow.
- Al termine, fare clic su Salva in basso a sinistra.