1. Iframe-embed
Plak een snippet HTML op je site. De volledige GHL-kalender rendert binnen jouw pagina, zelfde look-and-feel.
<iframe src="https://api.leadconnectorhq.com/widget/booking/{kalender-id}" style="width:100%;border:none;min-height:800px;"></iframe>
Voordeel: simpel, snel. Nadeel: trage initial-load, geen styling-aanpassing buiten GHL.
2. Widget (script)
JS-script dat een button rendert. Klikt op “Plan afspraak” → kalender opent in modal-overlay zonder pagina-redirect.
<script src="https://api.leadconnectorhq.com/widget/booking-widget.js" data-calendar-id="..." data-button-text="Plan afspraak"></script>
Voordeel: kleiner footprint, conversie-vriendelijker. Nadeel: requires JS-enabled browser.
3. Directe URL
Deel de kalender-URL via link, e-mail of social. Klant landt op een GHL-pagina. Geen embedding, maar het simpelste — handig voor outbound mails of LinkedIn-DMs.
Aanbevolen per platform
- WordPress: iframe-embed in een Custom HTML-blok
- Wix/Squarespace: iframe-embed via Embed-element
- GHL-funnel: native Appointment-element (sneller, zelfde tool)
- Outbound: directe URL in LinkedIn-DM of e-mail-signature
Tracking
Voor GA4-tracking van kalender-boekingen: gebruik directe URL of widget — iframes geven beperkte event-tracking. Form-submissions in iframe vereisen postMessage-listener (geavanceerd).
