Contactformulier conversie

Fix 1 — halveer je velden

Het overgrote merendeel van MKB-formulieren heeft 7-12 velden. Gemiddelde form-completion: 18%. Halveer naar 4 velden (naam, e-mail, telefoon, vraag), gemiddelde wordt 35-45%. Alle extra info kun je in de follow-up vragen — sterker nog, een eerste reactie van jou levert vaak meer info op dan een veld in een formulier.

Fix 2 — labels boven het veld

Placeholder-only labels (tekst dat in het veld verschijnt en verdwijnt bij typen) lijken schoon maar zijn slecht voor:

• Geheugen — mensen typen, zien dan niet meer welk veld het was
• Accessibility — screenreaders missen ze deels
• Mobile — kleine velden, label is weg zodra je begint

Plaats het label áltijd boven het veld. Vast staand, niet floating-animated.

Fix 3 — reCAPTCHA eruit

Google reCAPTCHA kost 10-30% form-completion (Baymard Institute-onderzoek, herhaaldelijk gevalideerd). Plus: AVG-issue omdat het data naar Google US stuurt. Voor MKB-volume = doodzonde.

Vervang met:

• Honeypot-veld: verborgen veld dat alleen bots invullen. Filter inkomende mails op dat veld → spam weggooien.
• Time-trap: meet hoe snel het formulier wordt ingediend. Onder 3 seconden = bot.
• Domain-check: filter inkomende e-mails op verdachte domeinen (bekende spam-domains).

Fix 4 — telefoon optioneel

"Telefoon verplicht" jaagt 15-25% van bezoekers weg. Vooral mensen die net oriënteren en geen belrondje willen. Maak het optioneel, voeg toe "(niet verplicht — handig voor snelle terugbel)".

Bij ons in De Ronde Venen werkt dat goed: lokaal koopt graag telefonisch, maar oriënterende mensen willen eerst mailen.

Fix 5 — concreet submit-button

"Verzenden" is dood. "Vraag mijn offerte aan", "Stuur mijn vraag", "Plan een terugbel" werkt 30-60% beter (testen we standaard bij elke rebuild). Zie ook de 11 CTA best practices.

Fix 6 — één veld per regel op mobiel

Twee velden naast elkaar (naam + e-mail) op een mobiel scherm = velden te klein om in te typen zonder vergroting. 80% van traffic is mobiel. Stack alles verticaal op kleine schermen. Liever scrollend formulier dan vingers tegen scherm wringend.

Fix 7 — inline validatie

Niet pas bij submit "veld 3 is ongeldig" tonen. Direct bij verlaten van het veld:

• E-mail zonder @: meteen melden
• Telefoon met letters: meteen melden
• Veld leeg en optioneel: stilletjes ok
• Veld leeg en verplicht: meld dat bij submit, niet eerder

Fix 8 — duidelijke bevestiging na submit

Mensen vragen zich na het indienen af: "kwam dat aan?". Toon binnen 1 seconde:

• Een groen vinkje of duidelijke "Gelukt"-tekst
• "Je hoort binnen X uur van ons" (concreet)
• Telefoonnummer voor als ze sneller willen
• Eventueel: doorverwijzen naar een bedank-pagina met meer info

Geen bedankpagina = mensen sturen het 2-3 keer in (denken dat het niet werkte) = jouw inbox vol duplicates en gebruikers gefrustreerd.

Fix 9 — autofocus op eerste veld + autofill

Eerste veld krijgt automatisch focus zodra de pagina laadt. Autofill (autocomplete-attribuut) staat aan voor naam, e-mail, telefoon. Vooral op mobiel: scheelt 10-20 seconden tikken per bezoeker.

Een loodgieter in Uithoorn ging van 12% naar 38% form-completion na alleen drie fixes: velden van 8 naar 4, reCAPTCHA eruit, submit-knop van "Verzenden" naar "Vraag terugbel aan". Geen rebuild, alleen formulier-fixes.

Bonus — wat NIET in een formulier hoort

• "Hoe heeft u over ons gehoord?" — vraag in follow-up, niet bij eerste contact
• Multi-step formulieren onder 4 velden — overkill
• Bedrijfsnaam verplicht voor B2C-leads
• "Akkoord met algemene voorwaarden" voor een contactformulier (alleen AVG-toestemming + verwerking is ok)
• Verplichte dropdown "Onderwerp" — meeste mensen weten niet welk hokje

De zelf-test

Vul je eigen contactformulier in op je telefoon. Time jezelf van klik-op-formulier tot ontvangen-bevestiging. Onder 30 seconden = goed. 60+ seconden = te zwaar, beginnen te halveren.

Waarom een formulier vaak het zwakste punt van een MKB-site is

Op een dienstverlenende MKB-site is het contactformulier de echte productiehal. Alles wat ervoor komt — homepage, prijzen, foto's, referenties — heeft als enige doel iemand naar dit moment te brengen. En precies daar zit voor zeven van de tien MKB-sites het grootste lek. We zien sites met sterke content, mooie hero-secties, een gezonde lokale ranking, en dan een formulier van veertien velden, een captcha en een knop met de tekst Verzenden. Daar lekt het.

De reden dat formulieren zo vaak slecht presteren is psychologisch. Een formulier vraagt iemand om iets weg te geven (gegevens, tijd, intentie) voordat er iets is teruggegeven (een afspraak, een offerte, een prijs). Die onbalans voelt elke bezoeker. Hoe groter de gevraagde investering, hoe groter de tegenwaarde moet zijn. Twee velden vragen kan met een vage belofte. Tien velden vragen vereist dat er een glasheldere, waardevolle reactie tegenover staat — anders sluit de bezoeker de tab.

Praktisch betekent dat: het aantal velden moet evenredig zijn aan wat de bezoeker terugkrijgt. Een snelle vraag stellen via een formulier mag drie velden hebben. Een aanvraag voor een offerte mag er vijf hebben. Een complete intake voor een grote opdracht mag er acht hebben — mits je vooraf duidelijk maakt waarom elk veld er staat.

Veld voor veld — wat hoort er wel en niet in

Bij een eerste-contact-formulier hoort altijd: naam, e-mailadres, en een vrij tekstveld voor de vraag. Daarmee kan een MKB-bedrijf reageren. Optioneel: telefoonnummer en bedrijfsnaam (B2B). Bedrijfsgegevens, KvK-nummers, BTW-nummers, voorkeuren, projectbudget, geboortedatum — niets daarvan hoort in een eerste contact. Vraag het in de follow-up, niet aan een vreemde die net heeft geklikt.

Een veel gemaakte fout: het verplichte telefoonnummer-veld. Mensen die liever per mail communiceren haken af. Maak het telefoonveld optioneel of laat het weg. Wie wil bellen, vermeldt zijn nummer vanzelf in het tekstveld. Wie liever per mail werkt, wordt niet gedwongen iets in te vullen dat hij niet wil delen.

Wat altijd helpt: een veld waar de bezoeker kan kiezen wat soort vraag het is (bijvoorbeeld via een select-veld met drie opties). Dat helpt je intern bij triage, en het geeft de bezoeker het gevoel dat zijn vraag op de juiste plek terechtkomt. Eén veld toevoegen dat waarde geeft is geen probleem, ook al verlies je een kleine fractie completion.

• Maximaal vier verplichte velden in het eerste-contact-formulier — alles daarboven kost completion-rate
• Telefoonnummer altijd optioneel maken, anders verlies je mensen die liever mailen
• Geen reCAPTCHA voor MKB-volume — honeypot-veld vangt 95% van bots zonder gebruikersfrictie
• Inline validatie tijdens typen, geen foutmeldingen pas na klikken op verzenden
• Foutmeldingen onder het veld in duidelijke taal, niet bovenaan in een algemene alert-box
• Submit-knop met actie-tekst (Stuur mijn vraag) in plaats van neutrale tekst (Verzenden)
• Bevestigingsbericht concreet — wanneer je iets terug hoort, op welk kanaal, door wie
• Geen redirect na verzending naar een lege "Bedankt"-pagina; gebruik die ruimte voor vervolg-info
• Mobiel keyboard per veld instellen via inputmode-attribuut (numeriek voor telefoon, email voor mail)
• Auto-fill van browser toestaan; geen JS-blokkades die opslag-functies breken
• AVG-toestemmingstekst kort en menselijk; geen juridisch jargon vlak boven de submit-knop
• Anti-spam via verborgen veld dat alleen bots invullen — onzichtbaar voor mensen
• Direct na verzenden een handmatige bevestigingsmail uit een echt mailadres (geen no-reply)
• Notificatie-mail aan jouw kant binnen seconden, met alle velden duidelijk gestructureerd
• Formulier-data tijdelijk opslaan voor het geval iemand per ongeluk de pagina ververst

Wat een bevestigingsmoment moet doen — drie dingen tegelijk

De pagina die iemand ziet na het verzenden van het formulier is de meest onderschatte plek van de hele site. Op dat moment heb je iemands volle aandacht. Hij of zij heeft net iets gedaan, weet niet zeker wat hierna komt en zoekt bevestiging. Wat we vaak zien: een witte pagina met "Bedankt voor je bericht" en niets erop. Verspilde aandacht.

Wat een goed bevestigingsmoment doet: eerst geruststellen (jouw vraag is binnen op tijdstip X), dan verwachting zetten (we reageren binnen Y uur, via Z), dan vooruitkijken (in de tussentijd kun je deze gerelateerde pagina bekijken, of dit voorbereiden voor onze afspraak). Drie korte alinea's, geen pop-up-effecten, geen confetti. Rustig, helder, behulpzaam.

Een onderschat detail: zet contactgegevens prominent op de bevestigingspagina. Bezoekers die net een formulier indienden, willen vaak in dezelfde minuut nog bellen om iets toe te lichten. Niet zelden krijg je dan een telefoontje binnen waardoor de lead direct converteert. Geen telefoonnummer in zicht? Die kans is weg.

Hoe AVG en form-conversie samen kunnen werken

De algemene verordening gegevensbescherming wordt vaak ingezet als excuus voor lange formulieren met juridische taal en agressieve cookie-banners. Dat is geen AVG-eis, dat is een interpretatie. De wet vraagt dat je transparant bent over wat je doet met gegevens, dat je niet meer verzamelt dan nodig (data-minimalisatie) en dat je een verwerkingsgrondslag hebt. Voor een eerste-contact-formulier is de grondslag bijna altijd uitvoering van precontractuele maatregelen, geen toestemming. Dat scheelt al een lange checkbox.

Wat een AVG-compliant formulier minimaal nodig heeft: een korte tekst onder of naast de submit-knop die uitlegt waarvoor de gegevens worden gebruikt en een link naar de privacyverklaring. Eén regel, geen kader, geen verplichte checkbox. Voor nieuwsbrief-aanmeldingen is wel toestemming nodig — die hoort dus niet in hetzelfde formulier als de offerteaanvraag. Twee verschillende doelen, twee verschillende formulieren.

Een veelvoorkomende valkuil: een vinkje met de tekst Ik ga akkoord met de algemene voorwaarden. Op een contactformulier is dat onnodig en het kost completion. Voorwaarden gelden pas bij een overeenkomst, niet bij een vraag. Verwijder die checkbox, scheelt direct 5 tot 10 procent voltooiingen.

Spam tegenhouden zonder gebruikers te raken

Het grootste argument voor reCAPTCHA is angst voor spam. Die angst is meestal overdreven. Een MKB-formulier met een goed honeypot-veld krijgt typisch een tot tien spam-mails per maand. Vervelend, maar verwaarloosbaar tegenover de tien tot dertig procent extra echte leads die je krijgt door reCAPTCHA niet te gebruiken.

De combinatie die wij standaard inbouwen: een onzichtbaar honeypot-veld dat alleen bots zien, een time-trap die formulieren onder drie seconden afwijst, en een serverside check op verdachte e-maildomeinen. Geen externe service, geen tracking, geen Google-laag. Resultaat: nagenoeg dezelfde spam-bescherming als reCAPTCHA, zonder de gebruikersfrictie en zonder AVG-discussie.

Voor formulieren met veel verkeer (boven duizend submissies per week) kan een serverside rate-limit helpen: maximaal vijf submissies per IP per minuut. Voorkomt geautomatiseerde bursts zonder echte bezoekers te raken.

Hoe wij een formulier ontwerpen voor MKB-sites

Bij elke site die wij bouwen, start het formulier-ontwerp met één vraag: wat is de minimale informatie waarmee jij iemand kunt helpen? Niet wat handig zou zijn, niet wat een CRM nodig heeft, niet wat in een ideale wereld erin zou staan. Het absolute minimum. Vaak komen we uit op drie velden: naam, mailadres, vraag. Soms vier, zelden meer.

Daarna ontwerpen we het visueel. Eén veld per regel, ruime tussenruimte, duidelijke labels boven het veld. Geen icoontjes in inputvelden (die irriteren), geen drijvende labels (die verwarren), geen progress-bars voor formulieren met minder dan acht stappen (overkill). Submit-knop in de primaire kleur van het merk, voldoende contrast, knop-tekst die de actie beschrijft.

Tot slot de technische laag: HTML5-validatie waar het kan, JavaScript-validatie waar HTML niet voldoet, server-side validatie als laatste vangnet. Inline foutmeldingen tijdens typen, niet pas na submit. Bevestigingspagina op een eigen URL zodat het meetbaar is in analytics. Een notificatie-mail die direct binnenkomt met alle velden duidelijk gestructureerd, zodat opvolgen niet meer dan een minuut werk kost.

Multi-step versus single-page — wanneer welk type beter werkt

Een terugkerende vraag bij MKB-formulieren: opdelen in stappen of alles op één pagina? Het juiste antwoord hangt af van twee variabelen: aantal velden en mate van betrokkenheid. Vier velden of minder: altijd één pagina. Verdelen in stappen voelt overdreven en kost momentum. Vijf tot acht velden: meestal nog steeds één pagina, mits visueel rustig opgebouwd. Negen of meer velden: stappen kunnen helpen, omdat de psychologische last per stap kleiner aanvoelt en mensen zich verder commiteren met elke voltooide stap.

Wat altijd werkt bij multi-step formulieren: toon de voortgang concreet. Niet alleen Stap 2 van 5, maar Wat zoek je, Wie ben je, Hoe bereiken we je. Mensen lezen die labels en weten precies wat eraan komt. Onverwachte stappen voelen als bedrog en veroorzaken afhakers.

Wat nooit werkt: verplichte velden verspreid over stappen waarbij de eerste stap optioneel lijkt maar de laatste alle informatie vraagt. Dat voelt als een bait-and-switch. Eerlijk over wat je vraagt, vanaf het eerste scherm, levert hogere voltooiingspercentages op dan trucs.

Wat een snelle reactie-tijd betekent voor je conversie

Een ondernemer die binnen vijf minuten reageert op een lead converteert die lead vier tot acht keer vaker dan een ondernemer die na 24 uur reageert. Dat is geen marketing-cijfer, dat is Harvard Business Review-onderzoek dat in meerdere markten is herhaald. Het effect is groot, voorspelbaar en universeel.

Voor een MKB-bedrijf met handmatige opvolging is sneller dan vijf minuten meestal niet haalbaar, en dat hoeft ook niet. Maar zorg dat binnenkomende leads direct zichtbaar zijn — push-notificaties naar telefoon, mail in een inbox die je elke vijftien minuten checkt, of automatische SMS bij urgentie. Reageer binnen het uur, idealiter binnen het halfuur, en je conversie van lead naar klant ligt structureel hoger dan de rest van je sector.

Wat doe je vandaag?

• Tel het aantal verplichte velden in je belangrijkste formulier — meer dan vier? Schrap onmiddellijk
• Vul je eigen formulier in op je telefoon en time jezelf — boven 45 seconden is te traag
• Controleer of je formulier autoaanvullen toestaat — open je site in een browser met opgeslagen profiel en test
• Vervang Verzenden door een knop-tekst die uitlegt wat er gebeurt na de klik
• Schrijf de tekst van je bevestigingspagina opnieuw met drie elementen: ontvangst, verwachting, vervolgstap

FAQ — contactformulier conversie

Door Isabella Vermeer — DesignCheck. Laatst bijgewerkt 16 mei 2026.