Geschreven door

Sjoerd Kuipers

Een invulbaar formulier op je WordPress-website zetten klinkt misschien technisch, maar het is in de praktijk goed te doen zonder dat je één regel code hoeft te schrijven. Of je nu een eenvoudig contactformulier wilt, een aanmeldformulier voor een evenement, of zelfs een donatieformulier voor je WordPress-website: de stappen zijn vrijwel identiek.

In dit stappenplan doorloop je het hele proces: van het kiezen van de juiste plugin tot het live zetten van een getest, spamvrij formulier. Na het lezen weet je precies wat je moet doen en waar je op moet letten.

Kies de juiste formulierplugin voor jouw website

WordPress heeft zelf geen ingebouwde formulierfunctie. Je hebt daarvoor een plugin nodig. De keuze voor de juiste plugin hangt af van wat je wilt bereiken: een simpel contactformulier vraagt om een andere oplossing dan een formulier met betalingsintegratie of conditionele logica.

De populairste opties op een rij:

WPForms is de meest gebruikersvriendelijke keuze voor beginners en gevorderde gebruikers. De drag-and-drop builder werkt intuïtief, er zijn honderden sjablonen beschikbaar en de gratis versie volstaat voor een eenvoudig contactformulier. Wil je inzendingen opslaan in je dashboard of geavanceerde integraties gebruiken, dan heb je de betaalde versie nodig.
Contact Form 7 is de gratis klassieker met miljoenen installaties. Betrouwbaar en lichtgewicht, maar werkt met code-syntax in plaats van een visuele builder. Minder geschikt als je liever niet met tekstvelden en shortcodes werkt.
Gravity Forms is de krachtigste optie voor complexe formulieren. Denk aan meer dan 30 veldtypes, berekeningen, conditionele logica en integraties met betaaldiensten zoals Stripe, Mollie en PayPal. Dit is een premium plugin die je apart aanschaft.
Ninja Forms combineert een drag-and-drop interface met uitgebreide uitbreidingsmogelijkheden voor e-mailmarketing en betalingen.
Formidable Forms is de beste keuze als je geavanceerde berekeningen, enquêtes of quizzen nodig hebt.

Voor de meeste websites is WPForms Lite een prima startpunt. Wil je een donatieformulier op je WordPress-website maken met iDEAL-integratie, dan kijk je beter naar Gravity Forms of de betaalde versie van WPForms. Houd bij je keuze ook rekening met AVG-compliance: de plugin moet veilig omgaan met persoonsgegevens.

Installeer en activeer de formulierplugin

Plugins installeren in WordPress duurt letterlijk een paar minuten. Navigeer in je WordPress-dashboard naar het juiste menu en volg de onderstaande stappen.

Ga in je dashboard naar Plugins → Nieuwe plugin toevoegen.
Typ de naam van de gewenste plugin in de zoekbalk, bijvoorbeeld “WPForms”.
Klik op Nu installeren naast de plugin die je wilt gebruiken.
Klik na de installatie op Activeren.

Na activering verschijnt er een nieuw menu-item in je dashboard, gekoppeld aan de plugin. Bij WPForms zie je direct een welkomscherm van waaruit je meteen aan de slag kunt. Let bij het kiezen van een plugin altijd op het aantal actieve installaties, de gemiddelde beoordeling en de vermelde “Getest tot”-versie: zo weet je zeker dat de plugin compatibel is met jouw versie van WordPress.

Gebruik je Gravity Forms? Dan werkt de installatie iets anders, omdat het een premium plugin is. Je koopt de plugin via de officiële website, downloadt het .zip-bestand en uploadt dit via Plugins → Plugin uploaden in je dashboard. Daarna activeer je de plugin op de gebruikelijke manier. Na activering verschijnt “Forms” als nieuw menu-item in je zijbalk.

Maak een nieuw formulier aan met de form builder

Met de plugin geactiveerd, ga je nu het formulier zelf bouwen. De meeste moderne plugins werken met een visuele drag-and-drop builder: je sleept velden naar het formulier zonder code te schrijven. Hieronder beschrijven we de aanpak voor WPForms, maar de logica is vergelijkbaar voor andere plugins.

Klik in het WPForms-menu op Nieuw toevoegen.
Kies een sjabloon of start met een leeg formulier. Voor een contactformulier is het standaardsjabloon een goede basis.
Sleep de gewenste velden vanuit het linkerpaneel naar het formulier: minimaal een naamveld, een e-mailveld en een berichtveld.
Klik op een veld om het te bewerken: pas het label aan, maak het verplicht of voeg een beschrijving toe.
Pas de volgorde van velden aan door ze te slepen.
Sla het formulier op via de knop rechtsboven.

Gebruik de juiste veldtypes voor de informatie die je verzamelt. Een vervolgkeuzemenu werkt beter dan een vrij tekstveld als je bezoekers uit een vaste lijst wilt laten kiezen. Een datumkiezer voorkomt typefouten bij datuminvoer. Houd het formulier zo kort mogelijk: elk extra veld vergroot de kans dat iemand afhaakt. Wil je toch veel informatie verzamelen, overweeg dan een multi-step formulier waarbij je de vragen verdeelt over meerdere overzichtelijke stappen.

Geavanceerde plugins zoals Gravity Forms en Formidable Forms bieden daarnaast conditionele logica: velden verschijnen of verdwijnen op basis van wat een bezoeker eerder invulde. Dat is handig voor donatieformulieren op je WordPress-website waarbij je afhankelijk van het gekozen bedrag andere betaalopties wilt tonen.

Stel meldingen en bevestigingen in

Een formulier dat je inzendingen stil laat verdwijnen, is nutteloos. Je hebt twee dingen nodig: een melding (de e-mail die jij ontvangt als beheerder) en een bevestiging (wat de invuller te zien krijgt na het verzenden). Beide stel je in via de instellingen van het formulier.

Meldingen instellen

Ga in WPForms naar Instellingen → Meldingen. Standaard worden notificaties verzonden naar het e-mailadres waarmee je WordPress hebt geïnstalleerd. Wil je meldingen naar meerdere adressen sturen, voeg ze dan toe, gescheiden door een komma. Maak ook een aparte melding aan voor de invuller zelf: gebruik daarvoor het e-mailveld uit het formulier als ontvanger, zodat de bezoeker automatisch een bevestigingsmail krijgt.

Bevestigingen instellen

Ga naar Instellingen → Bevestigingen. Je hebt drie opties: een tekst tonen op de pagina, doorverwijzen naar een specifieke pagina, of doorverwijzen naar een externe URL. Een aparte bedankpagina heeft als voordeel dat je de conversie eenvoudig kunt meten in Google Analytics, wat handig is als je wilt bijhouden hoeveel donaties of aanmeldingen je formulier oplevert.

Let op een veelgemaakte fout: WordPress verstuurt e-mails standaard via de PHP mail()-functie, en veel mailservers vertrouwen deze methode niet. Het gevolg is dat meldingen in de spamfolder belanden of helemaal niet aankomen. Installeer een SMTP-plugin zoals WP Mail SMTP Deze link opent in een nieuw tabblad om e-mails via een betrouwbare mailserver te versturen. Dit lost verreweg de meeste e-mailproblemen op.

Plaats het formulier op een pagina of bericht

Het formulier is aangemaakt en de instellingen zijn geconfigureerd. Nu voeg je het toe aan de juiste pagina op je website. Dat kan op twee manieren: via een Gutenberg-blok of via een shortcode.

Via de Gutenberg-editor (aanbevolen)

Open de pagina of het bericht waaraan je het formulier wilt toevoegen.
Klik op het plusteken (+) om een nieuw blok toe te voegen.
Zoek op de naam van je plugin, bijvoorbeeld “WPForms”.
Selecteer het formulierblok en kies vervolgens het formulier dat je zojuist hebt aangemaakt.
Sla de pagina op en publiceer.

Via een shortcode

Gebruik je Contact Form 7 of werk je met een oudere editor, dan kopieer je de shortcode van het formulier (te vinden in het formulierenoverzicht) en plak je die op de gewenste plek in je pagina. Elk formulier heeft een eigen shortcode, zodat je op verschillende pagina’s verschillende formulieren kunt tonen. Bij Gravity Forms ziet de shortcode er als volgt uit: gravityform id=”ID” title=”false” description=”false”.

Gebruik je Elementor als paginabouwer, dan is er een aparte widget beschikbaar voor WPForms. Je hoeft in dat geval geen shortcode te gebruiken: sleep de widget naar de gewenste plek en selecteer het formulier uit de dropdown.

Test het formulier grondig voor publicatie

Voordat je het formulier live zet, test je het van begin tot eind. Dit klinkt voor de hand liggend, maar wordt in de praktijk regelmatig overgeslagen. Een formulier dat niet werkt op het moment dat een bezoeker het invult, kost je direct leads of donaties.

Doorloop bij het testen de volgende punten:

Verzend een testinzending via de voorkant van je website, niet vanuit het dashboard. Gebruik bij voorkeur een privé-e-mailadres zodat je zowel de beheerdersmelding als de bevestigingsmail voor de invuller ontvangt.
Controleer de notificatiemail: komt deze aan in je inbox en niet in de spamfolder?
Controleer de bevestiging: ziet de invuller de juiste tekst of wordt hij doorgestuurd naar de juiste pagina?
Test de verplichte velden: probeer het formulier te verzenden zonder een verplicht veld in te vullen. Geeft het formulier de juiste foutmelding?
Test toetsenbordnavigatie: kun je alle velden bereiken en het formulier verzenden zonder muis? Dit is een basisvereiste voor digitale toegankelijkheid.

Heb je een formulier dat direct gekoppeld is aan inkomsten, zoals een donatieformulier op je WordPress-website? Test het dan ook na elke grote update van WordPress of de plugin. Problemen bij dit soort formulieren betekenen direct gemiste inkomsten.

Verbeter je formulier met spam-beveiliging en extra opties

Een werkend formulier is een goed begin, maar zonder spam-beveiliging ontvang je al snel berichten van bots in plaats van echte bezoekers. Bovendien zijn er vanuit de AVG verplichtingen waar je rekening mee moet houden zodra je persoonsgegevens verzamelt.

Spam tegengaan

De drie meest gebruikte methoden om spam te blokkeren zijn:

reCAPTCHA: het bekende systeem van Google dat onderscheid maakt tussen mensen en bots. Effectief, maar houd er rekening mee dat Google via reCAPTCHA gebruikersdata verzamelt. Vanuit AVG-perspectief is dit een aandachtspunt, geen absoluut verbod. Privacyvriendelijkere alternatieven zijn hCaptcha of Cloudflare Turnstile Deze link opent in een nieuw tabblad.
Honeypot: een onzichtbaar tekstveld dat alleen bots invullen. Vult een bot het veld in, dan wordt de inzending automatisch geblokkeerd. Gravity Forms heeft deze functie ingebouwd; voor Contact Form 7 heb je een aparte plugin nodig.
Timestamp: het formulier registreert hoe snel het werd ingevuld. Gaat het te snel, dan is het waarschijnlijk een bot.

AVG-verplichtingen

Zodra je via een formulier persoonsgegevens verzamelt, zoals een naam of e-mailadres, ben je verplicht bezoekers hierover te informeren. Voeg bij elk formulier een link toe naar je privacyverklaring en vraag waar nodig actief om toestemming. De Autoriteit Persoonsgegevens kan bij overtredingen aanzienlijke boetes opleggen. Lees meer over de AVG-verplichtingen voor websites Deze link opent in een nieuw tabblad om zeker te weten dat je formulieren compliant zijn.

Extra functionaliteit

Wil je meer uit je formulier halen, dan zijn er volop uitbreidingsmogelijkheden:

Conditionele logica: toon of verberg velden op basis van eerdere antwoorden.
Multi-step formulieren: verdeel lange formulieren in overzichtelijke stappen met een voortgangsindicator.
E-mailmarketingintegratie: koppel inzendingen direct aan Mailchimp, ActiveCampaign of Mailerlite.
Betalingsintegratie: accepteer donaties of betalingen via iDEAL (Mollie), Stripe of PayPal, rechtstreeks vanuit het formulier.

Met deze stappen heb je alles in handen om een professioneel, veilig en goed werkend formulier te bouwen in WordPress. Kom je er toch niet helemaal uit, of wil je een formulier dat naadloos aansluit op je bestaande systemen? Het development team van Stuurlui Deze link opent in een nieuw tabblad denkt graag met je mee. Neem contact op en we kijken samen naar de beste aanpak voor jouw website.

Hoe maak ik een invulbaar formulier in WordPress?