Zo maak je formulieren zonder technische kennis, èn 7 tips voor betere conversie

Online formulieren lijken misschien saai, maar met de komst van nieuwe tools (zie hieronder) worden ze steeds interactiever en makkelijker om in te vullen. Formulieren vormen de hoeksteen van jouw website. Het is de manier om in contact te komen met jouw bezoekers, bestellingen en inschrijvingen te ontvangen, leads te verzamelen en meer.

In dit artikel leggen we in het kort uit hoe je zélf een formulier kan ontwikkelen en hoe het veel makkelijker werkt met formulier generator tools en geven we tips voor betere conversie.

Optie 1: Formulier zelf ontwikkelen met code

Een formulier kun je helemaal zelf coderen. Dat geeft je alle vrijheid over opmaak en logica, maar vergt wel wat werk. In HTML zet je de velden neer met een form-tag, labels en input-elementen. Met het action-attribuut geef je aan waar de data naartoe gaat en met method="post" of method="get" hoe de gegevens verstuurd worden​.

Een simpel voorbeeld van een formulier dat een naam en e-mail verzamelt en naar een PHP-bestand verstuurt, ziet er zo uit:

<form action="verwerk_formulier.php" method="post">
<label for="naam">Naam:</label>
<input type="text" id="naam" name="naam" required>
<label for="email">E-mail:</label>
<input type="email" id="email" name="email" required>
<input type="submit" value="Verstuur">
</form>

De browser stuurt na het klikken op Verstuur de ingevulde velden via POST naar het bestand verwerk_formulier.php op de server die het daarna verwerkt.

Optie 2: Digitale formulieren maken met form builder tools

Wordt je al duizelig als je bovenstaande code ziet? Dan is een tool die het hele technische (en juridische) aspect voor je uit handen neemt iets voor jou.

Dit zijn tools zoals Smilejet. Dat werkt zo: je kiest een template, zoals een inschrijfformulier of bestelformulier template, past de vragen aan naar wens en plaatst het op elke website of deelt het op social meda en e-mail.

Het werkt op elke website en bevat alles wat je nodig hebt zoals personalisatie, vraaglogica, e-mailnotificaties, export naar Excel en 2500+ andere apps, inzending als PDF bijlage en zo veel meer.

Direct aan de slag

Minder vragen stellen verhoogt conversie

Een onderzoek van Baymard Institute leert dat de gemiddelde check-out op een webshop maar liefst 11,8 velden bevat​. Veel van die velden zijn overbodig, en gebruikers haken sneller af bij lange en complex ogende formulieren. Elk extra invoerveld zorgt namelijk voor frictie. Goede online formulieren leggen een directe lijn met de bezoeker. Ze hebben direct invloed of iemand klant wordt of niet.

Denk er dus goed over na: heb je echt elk stukje informatie nodig bij eerste contact?

Tips voor betere formulieren

Een goed formulier begint bij heldere vragen en slim ontwerp. Hieronder heb ik een aantal best practices opgesomd, onderbouwd door onderzoek en eigen ervaring:

Houd vragen kort en relevant.
Vraag alleen wat je écht nodig hebt. Onderzoek laat zien dat elke extra vraag conversies vermindert​. Stel jezelf bij elke vraag de vraag: Helpt dit veld de bezoeker of klant? Is een antwoord optioneel, laat het dan weg of maak het niet verplicht.

Gebruik korte, duidelijke labels.
Formuliervragen moeten begrijpelijk zijn. Gebruik één onderwerp per vraag. Lange, complexe vragen of vakjargon veroorzaken verwarring. Zelfs toevoegingen zoals “gevraagd” of “verplicht” kun je beter weglaten in de tekst – geef in plaats daarvan bij verplichte velden een sterretje en een korte uitleg erboven.

Minimaal aantal verplichte velden.
Zoals hierboven genoemd, zorgt elk verplicht veld voor een extra drempel. Vraag alleen verplichte informatie (bijv. e-mail voor contact) en benoem expliciet welke velden verplicht zijn. Een goed formulier toont duidelijk bij welk veld (bijvoorbeeld door een sterretje) invullen verplicht is​.

Logische volgorde: makkelijk eerst.
Zet de eenvoudigste vragen eerst. Volgens Cialdini’s “commitment”-principe voltooit een gebruiker sneller het hele formulier als hij met makkelijke vragen begint​. Vraag dus eerst algemene dingen als naam en e-mail. Lastige of persoonlijke vragen kun je beter pas later stellen​ omdat mensen dan al het gevoel hebben dat ze er moeite voor hebben gedaan en het formulier daardoor af willen ronden.

Zo laat je gebruikers niet meteen afhaken.
Lineaire structuur (één kolom). Leg je formulier in één kolom aan en vermijd zij aan zij velden. Onderzoek wijst uit dat gebruikers een single-column formulier sneller invullen dan een meerkolomsopstelling​. Houd de flow rechtlijnig zodat bezoekers niet heen en weer hoeven te springen.

Inline validatie en duidelijke foutmeldingen.
Controleer invoer zodra gebruikers net klaar zijn met typen (bijvoorbeeld of een e-mailadres geldig is) en geef direct feedback. Als iets niet klopt, geef dan een duidelijke foutmelding vlak bij het betreffende veld. Zo hoeft een gebruiker na het indienen niet te zoeken welke vraag mis ging.

Maak gebruik van slimme technieken.
Denk na over vraaglogica: toon vervolgvragen alleen als dat nodig is. Als iemand bijvoorbeeld bij een webshop het onderwerp “Klacht” kiest, kun je vragen naar het ordernummer, en die vraag weglaten bij andere opties. Op deze manier houdt je het formulier kort en relevant.

Casus: inschrijfformulier voor een nieuwsbrief

Een voorbeeld: een formulier om bezoekers te laten aanmelden voor je nieuwsbrief. Dit formulier is meestal eenvoudig: naam en e-mailadres, en eventueel een opt-in voor algemene voorwaarden. Houd het kort en krachtig. Vraag alleen naar de informatie die echt nodig is om nieuwsbrieven te kunnen versturen (naam is vaak al optioneel).

Stel je verkoopt verschillende producten: vraag dan meteen in welk product iemand geïnteresseerd is, zodat je de juiste content kunt sturen. Dit is ook een vorm van vraaglogica: extra vragen alleen tonen als ze zinvol zijn. Voor een nieuwsbriefformulier is het meestal eenrichtingsverkeer, maar je zou in Smilejet ook AI-ondersteuning kunnen gebruiken: stel dat je niet zeker weet welke vervolgvraag je moet stellen, dan kan AI suggesties geven voor aanvullende vragen op basis van de context of gegeven antwoord.

Tot slot

Je kunt zelf een formulier maken, maar met tools zoals Smilejet wordt het een stuk eenvoudiger – en maak je uiteindelijk beter converterende formulieren door de ervaring die dagelijks wordt opgedaan en automatisch toegepast wordt.
Meer informatie (extern)