Widget op je site

Twee manieren om te delen

• Directe link. Elk afspraaktype heeft een eigen URL: jouwbedrijf.bijplanner.nl/afspraaktype. Deel deze in je e-mailhandtekening, op social media, of via een knop op je site. De link opent een volledige boekingspagina met jouw huisstijl.
• Widget op je eigen site. Onder Afspraaktypes → jouw type → Embed vind je een stukje code. Plak dat op je site (of geef het aan je websitebouwer) en het boekingsformulier verschijnt direct op de pagina.

Zo werkt de widget op je site

• Past zich aan. De widget wordt automatisch even breed als de kolom waarin hij staat.
• Geen eigen achtergrond. Hij pakt de achtergrond van je pagina over, zodat hij naadloos aansluit bij je huisstijl.
• Groeit mee. Als de klant naar de volgende stap gaat, past de hoogte zich automatisch aan — geen scrollbalk binnen een scrollbalk.
• Werkt op mobiel. Zonder extra instellingen.

Waar haalt de widget zijn stijl vandaan?

Kleuren, logo en tekst komen uit Instellingen. Als je daar wat verandert, zie je het meteen in de widget — je hoeft de code op je site niet opnieuw te plakken.

<iframe
  src="https://jouwbedrijf.bijplanner.nl/kennismaking?embed=1"
  style="width:100%;border:0;background:transparent"
  loading="lazy"
></iframe>
<script>
  window.addEventListener("message", (e) => {
    if (e.data?.type === "bijplanner:height") {
      const iframe = document.querySelector('iframe[src*="bijplanner.nl"]');
      if (iframe) iframe.style.height = e.data.height + "px";
    }
  });
</script>