Het formulier insluiten via JavaScript

Doelgroep: hoofdkantoor

De JavaScript embed-methode is een alternatief voor het iframe. Het formulier past zich automatisch aan de hoogte van de inhoud aan — je hoeft geen vaste hoogte in te stellen. Dit maakt het geschikt voor pagina's met wisselende formulierinhoud.

Hoe het werkt

Je plaatst twee stukken code op je webpagina:

Een <div>-element op de plek waar het formulier moet verschijnen.
Een <script>-tag die het formulier laadt. Deze tag hoeft maar één keer per pagina aanwezig te zijn, ook als je meerdere formulieren op dezelfde pagina plaatst.

Embed-code ophalen

Ga naar Instellingen → Formulier.
Klik bovenaan op het tabblad JS Embed.
Kopieer de Algemeen formulier-code via de knop Kopiëren.
Plak de code op je webpagina.

Voor een locatie-specifiek formulier: scroll naar Per-locatie koppelingen en kopieer de locatie-specifieke JS Embed-code.

Voordelen ten opzichte van iframe

Past automatisch van hoogte aan — geen scrollbalk in het formulier.
Ziet er meer geïntegreerd uit op je pagina.
Geen vaste hoogte nodig in je website-editor.

Veelgestelde vragen

Kan ik zowel een algemeen als een locatie-specifiek formulier op dezelfde pagina plaatsen? Ja. Voeg voor elk formulier een aparte <div> toe. De <script>-tag hoeft maar één keer aanwezig te zijn.

Werkt de JS embed op alle browsers? Ja, op alle moderne browsers. Op oudere browsers zonder JavaScript-ondersteuning wordt het formulier niet getoond.

Wanneer kies ik voor JS embed en wanneer voor iframe? Beide methoden werken. Kies JS embed als je automatische hoogteaanpassing wilt. Kies iframe als je websiteplatform geen JavaScript-embeds ondersteunt.