Wat er precies gebeurt als je een formulier insluit
Bij elke manier hieronder blijft je formulier draaien op Formuliermet.nl (of op je eigen subdomein), en wordt het getoond binnen jouw pagina. Dat klinkt als een omweg, maar het is precies wat je wilt: de betaling, de opslag van persoonsgegevens en de beveiliging blijven aan onze kant. Jouw website hoeft geen betalingen te verwerken, geen inzendingen op te slaan en geen AVG-verantwoordelijkheid te dragen voor een database die jij zelf moet onderhouden.
Het praktische gevolg: pas je het formulier later aan in de bouwer, dan staat die wijziging meteen live op je site. Je hoeft je website niet opnieuw te publiceren en niets opnieuw te plakken.
Manier 1 — De CMS-plug-in (de makkelijkste weg)
Gebruik je WordPress, Joomla of Drupal, dan is er een kant-en-klare plug-in. Je downloadt hem in je account bij het formulier zelf, en dan is hij al vooringevuld: je sleutel en het gekozen formulier zitten er in. Installeren, activeren, blok plaatsen — klaar. Geen HTML, geen kopieerwerk.
Wat de plug-in extra doet ten opzichte van een geplakt snippet: je kiest je formulier uit een zoekbare lijst van je eigen formulieren, je wisselt met een keuzemenu tussen inline, popup en slide-in, en er staat een directe link naar "Wijzig dit formulier" op Formuliermet.nl. De sleutel blijft op je eigen server staan — alle verzoeken lopen server-side, dus bezoekers krijgen hem nooit te zien.
Per CMS staat het volledige stappenplan in een eigen gids: WordPress, Joomla en Drupal.
Manier 2 — Insluiten met een script
Werkt in élke website waar je een stukje HTML kwijt kunt, ook als je geen van de drie CMS'en gebruikt. Je vindt de snippets in de app bij je formulier, onder de deelknop. Er zijn drie weergaven:
- Inline — het formulier staat gewoon in de pagina en groeit automatisch mee met de inhoud. Geen scrollbalk in een kadertje, ook niet bij een formulier met meerdere stappen.
- Popup — een knop rechtsonder op je pagina; wie erop klikt krijgt het formulier in een venster over de pagina heen.
- Slide-in — een tabje aan de zijkant dat het formulier vanaf rechts naar binnen schuift. Fijn voor "Stel een vraag" of "Maak een afspraak" zonder dat het je pagina-indeling verstoort.
Bij popup en slide-in kies je zelf het opschrift en de kleur van de knop, zodat hij bij je huisstijl past.
Manier 3 — Een kale iframe
Eén regel HTML, zonder JavaScript. Handig als je sitebouwer of CMS geen scripts toestaat — bijvoorbeeld in een code-blok van Wix, Squarespace of Shopify, of in een omgeving waar de beheerder scripts blokkeert. Het verschil met de inline-variant: de hoogte staat vast. Je stelt hem één keer in en bij een lang formulier krijg je een scrollbalk binnen het kader. Voor korte formulieren merkt niemand het verschil.
Manier 4 — Een knop of link naar je formulier
De eenvoudigste optie, en vaak onterecht over het hoofd gezien. Je zet een gewone knop of link op je website die naar je formulier wijst. Het formulier opent dan op zijn eigen pagina, in jouw kleuren en met jouw logo. Geen techniek, werkt overal, en op mobiel vaak zelfs prettiger dan een formulier in een kadertje.
Dezelfde link deel je natuurlijk ook in een mail, een appje of via een QR-code op een poster of factuur.
Manier 5 — Op je eigen (sub)domein
Wil je dat ook de adresbalk van je eigen merk is, dan laat je het formulier draaien op bijvoorbeeld formulier.jouwbedrijf.nl. Je zet daarvoor één CNAME-record klaar bij je domeinbeheerder; wij vragen automatisch een geldig SSL-certificaat aan. Dit kan vanaf het Medium-pakket. Je kunt dit prima combineren met de manieren hierboven — de plug-in en de snippets wijzen dan gewoon naar jouw domein.
En als je verder wilt: webhooks en API
Insluiten gaat over hoe het formulier eruitziet op je site. Wil je dat de gegevens ook automatisch ergens terechtkomen — je CRM, je ledenadministratie, een Zapier- of Make-scenario — dan gebruik je webhooks: bij elke inzending, betaling of goedkeuring krijgt jouw systeem binnen seconden een ondertekend bericht. Voor eigen software is er daarnaast een REST API.
Welke manier past bij jou?
| Manier | Techniek nodig | Hoogte past zich aan | Popup & slide-in | Formulier kiezen uit lijst |
|---|---|---|---|---|
| CMS-plug-in | Geen | Ja | Ja | Ja |
| Script-snippet | Plakken | Ja | Ja | Nee |
| Kale iframe | Plakken | Vast | Nee | Nee |
| Knop of link | Geen | N.v.t. | Nee | Nee |
Kort samengevat: gebruik je WordPress, Joomla of Drupal, neem dan de plug-in. Heb je een andere site en wil je het formulier middenin een pagina, neem het inline-script. Mag er geen JavaScript op je site, neem de iframe. En twijfel je: begin met een knop — dat werkt altijd en je kunt later alsnog insluiten.
Waar je op moet letten
Caching-plug-ins en snelheid
Insluiten werkt gewoon samen met caching. Wat je site uitlevert is statische HTML met een verwijzing naar het formulier; er wordt niets per bezoeker berekend. Het formulier zelf laadt bovendien lazy: pas als een bezoeker er in de buurt komt.
Content Security Policy
Heeft je site een strikte CSP, dan moet je het formulier toestemming geven om in een kader te laden. Eén regel volstaat: frame-src 'self' https://app.formuliermet.nl; — of jouw eigen formulierdomein, als je dat gebruikt. Gebruik je een CMS-plug-in, dan komt het JavaScript van je eigen domein, dus script-src 'self' is genoeg. In de app staat de bijbehorende CSP-regel per snippet klaar om te kopiëren.
Cookies en AVG
Het formulier plaatst geen tracking-cookies en meet je bezoekers niet. Je hoeft er dus geen toestemmingsbanner voor aan te zetten. Wel blijf jij verwerkingsverantwoordelijke voor wat je uitvraagt: zet een verwijzing naar je privacyverklaring in het formulier en stel een bewaartermijn in.
Meerdere formulieren op één pagina
Kan gewoon. Elk ingesloten formulier krijgt zijn eigen kader en regelt zijn eigen hoogte, dus je kunt bijvoorbeeld een aanmeldformulier bovenaan en een vragenformulier onderaan dezelfde pagina zetten.
Toegankelijkheid
Het formulier is bedienbaar met alleen een toetsenbord en werkt met een screenreader — ook ingesloten. Bij popup en slide-in sluit de Escape-toets het venster.
