Overzicht

De Website Chat-widget laat je een live chat-knop toevoegen aan je website zodat bezoekers direct gesprekken kunnen starten met je team — of met je AI-chatbot. Beschikbaar op Starter-, Pro- en Enterprise-plannen.

Naar de Widget-instellingen

Navigeer naar Channels in de zijbalk en klik op "Manage" (of "Connect") op de Website Chat-kaart. Dit opent de configuratiepagina met zes tabbladen: Installation, Pre-chat Form, Appearance, Autoresponder, FAQ en Behavior.

De Widget Activeren

Op het tabblad Installation vind je de kaart Widget Status met een schakelaar. Zet deze aan om de widget te activeren. De statusindicator verandert in een groen "Active"-badge.

De Code Insluiten

Onder de statustoggle vind je de kaart Installation Code. Deze bevat een JavaScript-snippet zoals:

<script src="https://jouwdomein.nl/widget/loader.js"
  data-widget-key="jouw-unieke-sleutel"></script>

Klik op "Copy" om het snippet naar je klembord te kopiëren. Plak het vlak voor de afsluitende </body>-tag op elke pagina waar je de chat-widget wilt tonen.

Je Installatie Testen

Gebruik de kaart Test Installation om te verifiëren dat de widget werkt:

1. Voer je website-domein in (bijv. voorbeeld.nl) in het tekstveld
2. Klik op "Test Installation"
3. Een succes- of foutmelding verschijnt die aangeeft of de widget is gedetecteerd

Toegestane Domeinen

In de kaart Allowed Domains kun je beperken welke domeinen de widget mogen laden:

• Voer een domein in (bijv. *.voorbeeld.nl voor alle subdomeinen) en klik op de +-knop
• Elk domein verschijnt in een lijst met een verwijder-knop
• Als er geen domeinen zijn opgegeven, werkt de widget op elk domein

Klik op "Save Changes" om je instellingen op te slaan.

Werkt de widget wel, maar mist live-updates?

Als de chat zelf werkt, maar berichten traag binnenkomen of statussen zoals "online"/"aan het typen" niet verschijnen, dan blokkeert de Content Security Policy (CSP) van je website mogelijk onze real-time verbinding (Pusher). Dit komt vooral voor bij custom-gebouwde webshops (bijv. Shopify Hydrogen) of sites met een cookie-consent/beveiligingsapp die de CSP beheert.

Check dit door de browser-console (F12) te openen — als je een foutmelding ziet die verwijst naar js.pusher.com die geblokkeerd wordt door je CSP, voeg dan het volgende toe aan de CSP-instellingen van je website:

• script-src: https://js.pusher.com
• connect-src: https://*.pusher.com en wss://*.pusher.com

Neem hiervoor contact op met wie de techniek van je website beheert (developer, bureau, of support van je CSP-beheertool).

Tip

Als je een CMS zoals WordPress gebruikt, kun je de widgetcode toevoegen via een plugin als "Insert Headers and Footers" of in het footer-template van je thema plakken.