Een live chat maken
Laatst bijgewerkt: 6 juni 2025
Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:
|
Maak een chatflow met live chat om bezoekers rechtstreeks in contact te brengen met leden van je team. De live chat verschijnt als een widget op je website pagina's waar bezoekers op kunnen klikken om een real-time gesprek te starten met iemand van je team.
Je kunt een live chat maken die een bezoeker op je prijzenpagina verbindt met een lid van je verkoopteam, of een andere live chat die een bezoeker op je kennisbankartikelen verbindt met een lid van je supportteam.
Meer informatie over het maken van een klantagent of regelgebaseerde chatbot.
Let op: alleen gebruikers met Chatflows-rechten kunnen chatflows maken en bewerken.
Je kunt ook een live chat maken voor je Facebook Messenger account. Leer hoe je een chatflow voor Facebook Messenger kunt maken.
Je chatwidget instellen
Als dit de eerste keer is dat je een live chatflow maakt, wordt je gevraagd om je chatwidget in te stellen. Pas de beschikbaarheid van je team, het gedrag van de chatflow en het uiterlijk aan. Als je je chatwidget al hebt ingesteld, leer dan hoe je een chatflow kunt maken.
Als je de live chat toevoegt aan een website die niet wordt gehost op HubSpot, moet je bovendien de trackingcode toevoegen aan je externe pagina's voordat je een live chat maakt. De live chat verschijnt niet als de trackingcode niet is geïnstalleerd.
- Ga in je HubSpot-account naar Service > Chatflows.
- Klik rechtsboven op Chatflow maken.
- Selecteer website.
- Als dit de eerste keer is dat je een chatflow maakt, moet je je chatwidget instellen. Klik in het dialoogvenster op Chat instellen.
- Kies een accentkleur op het tabblad Weergave.
- Klik op Volgende.
- Pas op het tabblad Chatflow de chatnaam en het chatgedrag aan:
- Klik op het vervolgkeuzemenu Chatkop en selecteer de naam en avatar die op de chatwidget moeten verschijnen.
- Voer in het tekstvak een welkomstbericht in.
- Klik op het vervolgkeuzemenu Inkomende tickets toewijzen aan en selecteer aan welke gebruikers en teams de tickets moeten worden toegewezen.
- Klik op Volgende.
- Stel op het tabblad Beschikbaarheid in wanneer je team beschikbaar moet zijn om te chatten en laat bezoekers weten wanneer ze een antwoord kunnen verwachten. Selecteer een beschikbaarheidsoptie:
- Gebaseerd op beschikbaarheid van gebruikers: bezoekers kunnen chatten met je team als ten minste één teamlid dat is toegewezen in je toewijzingsregels beschikbaar is.
- Gebaseerd op chat-werktijden: stel consistente dagen en tijden in waarop je team beschikbaar moet zijn om te chatten. Als je een bot maakt, lees dan hoe je de beschikbaarheidsvoorkeuren van de bot aanpast op basis van je inbox-instellingen.Gebruik de vervolgkeuzemenu's om de beschikbaarheid van je team in te stellen. Klik op + Uren toevoegen om extra dag- en tijdbereiken toe te voegen.
- Chat is 24/7 beschikbaar: schakel dit selectievakje in als je team altijd beschikbaar is om te chatten.
- Stel het beschikbaarheidsgedrag van je chatflow in en laat bezoekers weten wanneer ze een antwoord kunnen verwachten. Selecteer een optie:
- Om de chat weer te geven wanneer je team beschikbaar is, klik je op het tabblad Beschikbaar. Klik op het vervolgkeuzemenu Toon typische antwoordtijd om bezoekers te laten weten wanneer ze een antwoord kunnen verwachten.
- Om de chat weer te geven als je team tijdens kantooruren afwezig is, klik je op het tabblad Weg. Klik op het vervolgkeuzemenu Een afwezigheidsbericht weergeven en selecteer een widgetgedrag.
- Om de chat weer te geven als je team niet beschikbaar is, klik je op het vervolgkeuzemenu van het tabblad Offline gedrag instellen en kies je ervoor om de terugkomsttijd weer te geven, een afwezigheidsbericht weer te geven of de chat launcher te verbergen als een bezoeker buiten kantooruren naar je site komt.
- Om de ervaring van de bezoeker in te stellen wanneer je team op maximale capaciteit zit( alleenService Hub Enterprise ), klik je op het vervolgkeuzemenu Als alle teamleden op maximale capaciteit zitten en kies je of je een wachtbericht wilt weergeven, de chat launcher wilt verbergen of niets wilt doen. Meer informatie over het configureren van chatcapaciteitslimieten voor gebruikers.
- Klik op Volgende.
- Bekijk een voorbeeld van hoe je chatwidget eruit zal zien op verschillende apparaten met de apparaattypeknoppen boven het voorbeeld.
- Klik op Publiceren, of als je de chatwidget op een externe website gebruikt, moet je de HubSpot-trackingcode aan je websitepagina's toevoegen.
Een chatflow maken
- Ga in je HubSpot-account naar Service > Chatflows.
- Klik rechtsboven op Chatflow maken.
- Selecteer Website.
- Op de pagina Werkruimte:
- Klik op het vervolgkeuzemenu om een inbox of helpdesk te selecteren. U kunt alleen inboxen selecteren met een gekoppeld kanaal. Meer informatie over het koppelen van kanalen aan de inbox.
- Als u de taal van uw chatflow wilt wijzigen van Engels, klikt u op het vervolgkeuzemenu Selecteer een taal en selecteert u een andere taal.
- Klik op Volgende.
- Selecteer Live agent op de chatflow-pagina.
- Klik op Aanmaken.
Bouw
Zodra je je chatflow hebt gemaakt, word je doorgestuurd naar het tabblad Bouwen van de live chat setup. Pas het gedrag van de chatwidget aan en maak een welkomstbericht om je bezoekers te begroeten.
als je een chatwidget wilt opnemen in je app met één pagina of je live chat wilt aanpassen met behulp van een API, lees dan meer over het gebruik van de HubSpot conversaties API in de HubSpot documentatie voor ontwikkelaars.
Opmerking: als je een chatwidget op je app met één pagina wilt insluiten of je live chat wilt aanpassen met behulp van een API, lees dan meer over het gebruik van de HubSpot conversaties API in de HubSpot documentatie voor ontwikkelaars.
- Om het bericht aan te passen dat verschijnt wanneer een bezoeker voor het eerst een chat start, klikt u op Welkomstbericht om de sectie uit te vouwen en vervolgens tekst in te voeren in het tekstvak Welkomstbericht schrijven. Meer informatie over het wijzigen van de taal van het welkomstbericht.
- Om de zoekbalk van de kennisbank toe te voegen aan uw live chat, klikt u op Zoeken in kennisbank om de sectie uit te vouwen en schakelt u vervolgens de schakelaar Zoeken in kennisbank in. Meer informatie over bladeren en zoeken in de kennisbank in live chat.
- Om inkomende gesprekken naar specifieke teamleden te routeren, klikt u op Automatisch gesprekken toewijzen om de sectie uit te vouwen en klikt u vervolgens op om de schakelaar Automatisch gesprekken toewijzen in te schakelen. Gebruik de vervolgkeuzemenu's om te selecteren aan welke gebruikers of teams de gesprekken moeten worden toegewezen. Meer informatie over het instellen van routingregels in je conversatie-inbox of helpdesk.
Let op: alleen gebruikers met toegewezen Sales Hub of Service Hub betaalde seats kunnen worden opgenomen in je routeringsregels.
- Om aan te geven wanneer bezoekers om hun e-mailadres moet worden gevraagd, klik je op E-mail vastleggen om de sectie uit te breiden. Klik op het vervolgkeuzemenu Bezoekers om hun e-mailadres vragen en selecteer een optie. Voer vervolgens het bericht in dat moet worden weergegeven wanneer een bezoeker om zijn e-mailadres wordt gevraagd.
- Om verder te gaan, klik je onderaan op Opslaan en vervolgens op het tabblad Doel .
Doel
Op het tabblad Doel kun je bepalen waar de live chat-widget op je websitepagina's wordt weergegeven. U kunt de live chat widget weergeven wanneer een bezoeker op een specifieke pagina URL is, of op basis van bekende informatie over uw bezoekers. Je kunt de targetingopties ook combineren om een op maat gemaakte, persoonlijke ervaring te creëren voor bezoekers van je site. Lees meer over de verschillende targetingopties en targetingregels die u kunt gebruiken voor uw chatflows.
- Om de live chat widget te tonen wanneer een bezoeker op een specifieke website URL is, in de Website URL sectie:
- Klik op het eerste dropdown menu en selecteer Website URL.
- Klik op het tweede dropdown menu en selecteer een targeting regel.
- Voer uw regelcriteria in het tekstveld in.
- Om de live chat widget te tonen wanneer een bezoeker op een website pagina is waarvan de URL specifieke query parameters bevat:
- Klik op het eerste vervolgkeuzemenu en selecteer Queryparameter.
- Voer in het eerste tekstveld de naam van de queryparameter in.
- Voer in het tweede tekstveld de waarde van de queryparameter in.
- Om nog een regel toe te voegen, klik op Regel toevoegen.
- Om de live chat widget uit te sluiten van bepaalde pagina's (bijvoorbeeld een pagina met privacybeleid), klik je op Uitsluitingsregel toevoegen.
U kunt uw live chat ook richten op specifieke contactpersonen op basis van bekende informatie over hen. Om criteria in te stellen op basis van bezoekersinformatie, gaat u naar Bezoekersinformatie en gedrag :
- Klik op het eerste dropdownmenu en selecteer een filter. Je kunt filters gebruiken die specifiek gericht zijn op bekende contactpersonen of onbekende bezoekers.
- Klik op het tweede vervolgkeuzemenu en selecteer jecriteria.
- Klik op Regel toevoegen om nog een regel toe te voegen.
- Om het pop-upformulier uit te sluiten op bepaalde pagina's (bijvoorbeeld een pagina met privacybeleid), klik je op Uitsluitingsregel toevoegen.
- Om nog een filtergroep met aanvullende targetingregels te maken, klik je op Filtergroep toevoegen.
- Klik onderaan op Opslaan en vervolgens op het tabblad Weergave om verder te gaan.
Weergave
Pas op het tabblad Weergave de weergave-instellingen van de live chat aan, waaronder de kop van de chat, het gedrag van de chatwidget en de triggers van de chatwidget. Als u de accentkleur van de live chat en de plaatsing op de pagina wilt bewerken, leest u hoe u het uiterlijk van de chatwidget verder kunt aanpassen in de instellingen van uw Postvak IN.
- Klik om de sectie Kies chatavatar uit te vouwen, klik dan op het vervolgkeuzemenu Chatkop en selecteer de naam en avatar die op de chatwidget moeten verschijnen.
- Aangepaste branding: geef een algemene teamnaam en afbeelding weer.
- Klik op het plus-pictogram add om een afbeelding of GIF te uploaden en voer de naam in die moet worden weergegeven.
- Om de aangepaste merknaam toe te passen in het hele chatgesprek in plaats van de naam en avatar van de gebruiker, schakel je het selectievakje Aangepaste merknaam gebruiken in het hele gesprek als alias voor agenten in. De aangepaste merknaam verschijnt ook in het chattranscript.
- Aangepaste branding: geef een algemene teamnaam en afbeelding weer.
Let op: als je het selectievakje Use custom branding through the conversation as an alias for agents inschakelt, worden vergaderingslinks die via de tool Vergaderingen aan de chatwidget zijn toegevoegd, verwijderd.
-
- Specifieke gebruikers en teams: selecteer de selectievakjes naast de namen die je wilt weergeven. Als je meer dan drie gebruikers selecteert, worden de drie gebruikers willekeurig weergegeven. Leer hoe je chatflow-taal je weergavenaam beïnvloedt.
- Eigenaar contactpersoon: klik op het vervolgkeuzemenu Als er geen eigenaar van een contactpersoon is, wijs deze dan toe aan en selecteer een terugvaloptie voor alle nieuwe of niet-toegewezen bezoekers die een chat starten.

- Bepaal in de sectie Chatweergavegedrag het gedrag van de widget op desktop- of mobiele schermen.
Let op: als een bezoeker ervoor kiest om een chatflow te minimaliseren, respecteert HubSpot dat bezoekersgedrag op alle pagina's en chatflows totdat de hs-messages-hide-welcome-message cookie na 24 uur verloopt. Dit kan conflicteren met je instellingen voor chatweergavegedrag, waardoor je chatflows mogelijk niet openen zoals verwacht.
-
- Selecteer op het tabblad Bureaublad het gewenste weergavegedrag:
- Pop open het welkomstbericht als prompt: toon een voorbeeld van het welkomstbericht boven de chatwidget.
- Selecteer op het tabblad Bureaublad het gewenste weergavegedrag:
-
-
- Toon alleen de chat launcher: toon alleen de chat launcher zodat bezoekers moeten klikken om het chatvenster te openen.
- Toon het welkomstbericht en open de chat wanneer aan een trigger is voldaan: toon een voorbeeld van het welkomstbericht en open de chatwidget wanneer aan een trigger is voldaan of wanneer de bezoeker op de widget klikt, afhankelijk van wat het eerst gebeurt.
-
-
- Op basis van welk weergavegedrag is geselecteerd, kun je ook bepalen wanneer de chatwidget op de pagina wordt geladen. Schakel het selectievakje naast de trigger voor chatweergave in. De geselecteerde trigger is van toepassing op desktop, tablet en mobiel.
-
-
- Intentie bij afsluiten: activeer de live chat-widget wanneer de muis van een bezoeker naar de bovenkant van het browservenster beweegt.
- Tijd op pagina in seconden: activeer de live chat-widget wanneer een bepaalde hoeveelheid tijd (in seconden) is verstreken terwijl de bezoeker op de pagina is.
-
Let op: voor een snellere paginalading raadt HubSpot een vertraging van 5 seconden of meer aan. Meer informatie over de laadtijd van je site.
-
-
- Percentage van de pagina gescrold: activeer de live chat-widget als de bezoeker naar een bepaald punt op de pagina heeft gescrold.
-
-
- Selecteer op het tabblad Mobiel het gewenste weergavegedrag:
- Pop open het welkomstbericht als prompt: toon een voorbeeld van het welkomstbericht boven de chatwidget.
- Toon alleen de chat launcher: toon alleen de chat launcher zodat bezoekers moeten klikken om het chatvenster te openen.
- Selecteer op het tabblad Mobiel het gewenste weergavegedrag:
Let op: om de chatflow uit te schakelen op mobiele apparaten, kun je een uitsluitingsregel toevoegen in je targeting-instellingen om de chatflow te verbergen wanneer iemand je pagina bekijkt op een mobiel apparaat.
- Klik onderaan op Opslaan en vervolgens op het tabblad Opties om verder te gaan.
Opties
Pas op het tabblad Opties de taalinstellingen van uw live chat aan. Als u de privacy-instellingen voor gegevens hebt ingeschakeld in uw account, kunt u uw live chat ook zo aanpassen dat er een stap wordt opgenomen om uw websitebezoekers om toestemming te vragen om te communiceren.
- Klik op het vervolgkeuzemenu Selecteer eentaal en selecteer een taalvoorkeur voor je contextuele widgetgegevens en klik vervolgens op Opslaan.
- Om de cookietekst voor de live chat-widget in te schakelen, klikt u op om de optie Toestemming voor het verzamelen van chatcookies in te schakelen. Je kunt de tekst voor toestemming voor cookies die in de banner wordt weergegeven niet aanpassen.
- Als je de tekst voor toestemming voor cookies inschakelt, kun je vervolgens selecteren wanneer de toestemmingsbanner moet verschijnen.
- Om de toestemmingsbanner weer te geven voordat een bezoeker een chat start, selecteert u het keuzerondje Toon toestemmingsbanner voordat bezoeker een chat start .
- Om de banner weer te geven wanneer de bezoeker de pagina begint te verlaten, selecteert u het keuzerondje Toon toestemmingsbanner aan bezoeker bij intentie afsluiten.
Let op: de privacy-instellingen voor toestemming voor het verzamelen van cookies worden niet weergegeven binnen de chatwidget aan bezoekers die zijn geïdentificeerd via de Visitor Identification API. Dit komt omdat HubSpot de messagesUtk-cookie niet laat vallen. De analytics cookie banner wordt niet beïnvloed. Lees meer over de Visitor Identification API in de HubSpot documentatie voor ontwikkelaars.
- Om de toestemming van bezoekers voor het verwerken van hun gegevens vast te leggen, klikt u op om de schakelaar Toestemming voor gegevensverwerking aan te zetten.
- Klik op het dropdownmenu Toestemming en selecteer een van de volgende opties:
- Vereist uitdrukkelijke toestemming: bezoekers moeten op Ik ga akkoord klikken voordat ze een bericht kunnen verzenden.
- Legitiem belang: de toestemming van bezoekers is impliciet wanneer ze met je gaan chatten. De tekst Toestemming om gegevens te verwerken wordt nog steeds weergegeven, maar ze hoeven niet op Akkoord te klikken om de chat te starten.
- In het tekstveld Toestemming verwerken wordt de standaardtekst van HubSpot weergegeven. Je kunt de tekst bewerken om uit te leggen waarom je de persoonlijke gegevens van de bezoeker moet opslaan en verwerken. Als je de toestemmingstekst aanpast, maar daarna wilt terugkeren naar de standaardtekst, klik dan op Terugzetten naar standaardtekst geleverd door HubSpot.
- Klik op het dropdownmenu Toestemming en selecteer een van de volgende opties:
- Om een bezoeker voor een abonnementstype te laten kiezen wanneer ze met je gaan chatten, klik je op om de schakelaar Toestemming om te communiceren aan te zetten.
- Klik op het vervolgkeuzemenu Abonnementstype en selecteer het abonnementstype waarvoor je je bezoekers wilt inschrijven.
- Gebruik het tekstveld Checkbox-label om klanten te informeren voor welk type communicatie ze toestemming geven.
Let op: hoewel deze functies beschikbaar zijn in HubSpot, is je juridische team de beste bron om je advies te geven over naleving van de regels in jouw specifieke situatie.
- Als je toegang hebt tot marketingcontacten in je account en je wilt dat contacten die vanuit deze chatflow zijn gemaakt, worden ingesteld als marketingcontacten, klik dan om de schakelaar Marketingcontacten aan te zetten.
- Je kunt een klanttevredenheidsonderzoek versturen vanuit de chatwidget. Als een chatgesprek eindigt, verschijnt de enquête in de chatwidget. Als er reacties op de enquête worden verzameld, verschijnen deze op de pagina met enquêtedetails en in de thread in de inbox van de conversatie of in de helpdesk.
- Klik in het gedeelte Feedback verzamelen van chatbezoekers op het vervolgkeuzemenu Bestaande enquête koppelen en selecteer een enquête.
Let op: je kunt alleen een bestaande enquête koppelen die Chat heeft geselecteerd als de leveringsmethode.
-
- Als u een nieuwe enquête wilt maken om verbinding te maken met de bot, klikt u op Nieuwe enquête maken en selecteert u Chat als leveringsmethode.
- Klik op Opslaan.
Live chat bekijken en toevoegen aan je websitepagina's
Als u klaar bent met het instellen van uw live chat, klikt u rechtsboven op Voorbeeld om te bekijken hoe uw live chat op uw website zal verschijnen. Klik om de schakelaar aan te zetten om het aan uw websitepagina's toe te voegen. Als u klaar bent om te gaan chatten met uw websitebezoekers, leer dan hoe u kunt reageren op inkomende berichten in uw conversatie-inbox of helpdesk.
Je chatflow bewerken
- Ga in je HubSpot-account naar Service > Chatflows.
- Maak een nieuwe chatflow of ga met de muis over een bestaande chatflow en klik op Bewerken.
- Navigeer tussen de tabbladen Bouwen, Doel, Weergave en Opties om je chatflow te bewerken.
- Als je klaar bent, klik je linksonder op Opslaan.