Widget
Widget configuratie
De widget wordt geconfigureerd via je agent-instellingen in het dashboard. De meeste opties zoals kleur, welkomstbericht, positie en thema worden server-side beheerd.
Embed code
De enige vereiste configuratie in de embed code is je agent ID:
<script
src="https://denkchat.nl/widget.js"
data-agent-id="JOUW_AGENT_ID"
></script>| Attribuut | Beschrijving | Verplicht |
|---|---|---|
data-agent-id | Je agent ID | Ja |
Configuratie via dashboard
Alle visuele en functionele instellingen worden beheerd in Dashboard > Agent > Instellingen:
- Primaire kleur — De accentkleur van de widget
- Welkomstbericht — Het eerste bericht dat bezoekers zien
- Positie — Links of rechts onderin de pagina
- Thema — Light of dark mode
- Suggested messages — Voorgestelde vragen die bezoekers kunnen aanklikken
- Lead capture — Verzamel contactgegevens voor of tijdens het gesprek
- Feedback — Laat bezoekers het gesprek beoordelen
- Branding — Toon of verberg "Powered by Denkchat"
Alternatieve integratie
Als je de widget vanuit JavaScript wilt laden (bijv. in een SPA), kun je de globale variabelen gebruiken:
// Stel agent ID in voordat het script laadt
window.__DENKCHAT_AGENT_ID = 'JOUW_AGENT_ID';
// Optioneel: overschrijf de base URL (standaard afgeleid van script src)
window.__DENKCHAT_BASE_URL = 'https://denkchat.nl';
// Laad het script
const script = document.createElement('script');
script.src = 'https://denkchat.nl/widget.js';
document.head.appendChild(script);Privacy
De widget toont een privacy-melding bij het eerste bezoek. Deze wordt onthouden per browser via localStorage. Bezoekers moeten akkoord gaan voordat ze kunnen chatten.
Visitor metadata
De widget verzamelt automatisch de volgende metadata per sessie:
- E-mailadres — Als lead capture is ingeschakeld
- IP-adres — Voor locatiebepaling
- User agent — Browser/device informatie
- Land en stad — Via GeoIP lookup (automatisch op basis van IP)
Deze gegevens zijn zichtbaar in het gesprekkendetail in je dashboard.