De widget op je eigen site · Schedulinq Docs

Je boekingspagina staat altijd op schedulinq.com/jouw-bedrijf, en je kunt daar gewoon naartoe linken. Wil je dat bezoekers je eigen site niet verlaten, dan kun je dezelfde boekingspagina in een pagina van je website zetten.

Twee manieren

	Scriptmethode	iframe
Hoogte	Groeit mee met de inhoud	Je kiest zelf een vaste hoogte
Huisstijl	Alleen het boekingsformulier	Inclusief onze zijbalk met je logo en naam
Tracking-parameters	Van de pagina zelf	Moet je op het iframe-adres zetten
Nodig	Een `<script>`-regel mag op je pagina	Werkt altijd

Kies de scriptmethode als het kan. De iframe is de uitwijkmogelijkheid voor websites waar je geen scripts mag plaatsen.

De scriptmethode

Twee regels, op de plek waar de boekingspagina moet komen:

<script src="https://schedulinq.com/booking-widget.js" defer></script>
<schedulinq-booking slug="jouw-bedrijf" embed></schedulinq-booking>

Vervang jouw-bedrijf door het laatste stuk van je eigen boekingslink — staat op Bedrijf → Gegevens.

Wat je hiermee krijgt:

De widget vult de breedte van het blok waarin je hem zet (tot zijn eigen maximum) en groeit mee in hoogte, stap voor stap. Er is geen hoogte om in te stellen.
De CSS van je thema kan niets breken en de widget kan jouw pagina niet omgooien: hij rendert in een eigen shadow root.
De taal volgt de browser van de bezoeker, en de talenkiezer zit erin.

slug

Verplicht

Het laatste stuk van je boekingslink: staat er schedulinq.com/luchtmeesters, dan is de slug luchtmeesters.

embed

Aanbevolen op je eigen site

Laat onze zijbalk met logo, naam en contactgegevens weg — die staan op je eigen site al. Het formulier gebruikt dan de vrijgekomen breedte, en de stappenbalk en talenkiezer verhuizen naar een balkje erboven.

Waarom

Zonder dit attribuut krijg je dezelfde weergave als op schedulinq.com, inclusief je logo en naam — midden op een pagina die die twee dingen al toont.

locale

Optioneel

Dwingt één taal af, bijvoorbeeld locale="nl". Laat je hem weg, dan kiest de widget de taal van de bezoeker en kan die zelf wisselen — meestal wat je wilt.

worker-slug

Optioneel

Een persoonlijke boekingslink, zodat de bezoeker meteen bij één medewerker boekt.

De iframe-methode

<iframe
  src="https://schedulinq.com/jouw-bedrijf"
  width="100%"
  height="1000"
  style="border:none; max-width:100%">
</iframe>

In een iframe krijg je altijd de volledige weergave van schedulinq.com, inclusief de zijbalk met je logo en naam. Wil je dat niet, dan is de scriptmethode de enige manier.

Conversies meten

Wil je een boeking meten in Google Ads, Analytics of Tag Manager, stel dan een bedankpagina in — zie Conversies meten na een boeking. Eén verschil tussen de twee methodes is daar belangrijk:

Scriptmethode: de widget leest de parameters (gclid, utm_*) van de pagina waarop hij staat. Zorgen dat ze daar staan is genoeg.
iframe: de widget ziet alleen het adres van het iframe zelf. Zet je tracking-parameters dus achter de src: src="https://schedulinq.com/jouw-bedrijf?gclid=…&utm_source=…".