De slechtst presterende verzendknop in de meeste onderzoeken is steeds dezelfde. Hij heeft geen eigen kleur. Hij valt weg in de pagina. Het label is één woord. En hij werkt betrouwbaar op elke website die minder conversies wil.
Die knop zegt “Verzenden”.
Niet elke bezoeker die je knop bereikt, is klaar om te klikken. Sommigen twijfelen nog. Sommigen zijn nerveus. Sommigen zoeken geruststelling dat dit formulier hun tijd waard is. De knop is vaak de laatste indruk die beslist of ze doorzetten. Een algemeen label van één woord laat ze die geruststelling zelf invullen. Een doordacht ontworpen knop met specifieke tekst haalt de twijfel weg.
Dit hoofdstuk behandelt wat knoptekst, kleur en plaatsing echt veranderen aan het aantal verzonden formulieren, hoe de context van je formulier bepaalt welke knoptekst werkt en hoe je ontwerp- en tekstpatronen vermijdt die ongemerkt conversies kosten.
Welke knoptekst echt invloed heeft op conversie
Onderzoek naar call-to-action-knoppen laat steeds dezelfde patronen zien. Algemene knoppen als “Verzenden” en “Versturen” presteren 30 tot 40 procent slechter dan tekst die bij de actie past. Een knop met “Vraag mijn gratis voorstel aan” converteert hoger dan een knop met “Verzenden”. Een knop met “Bevestig mijn inschrijving” werkt beter dan “Verzenden”. Maar het gaat er niet om slim te zijn met je tekst. Het gaat erom duidelijk te zijn over het resultaat.
Beweegt een bezoeker over een knop met het label “Verzenden”, dan beantwoordt hij een onuitgesproken vraag. Wat verzend ik? Waar gaat het heen? Wat gebeurt er daarna? Hij heeft het antwoord niet. Hij maakt een aanname. Algemene knoptekst geeft frictie, omdat de bezoeker zelf moet afleiden wat er komt.
Specifieke, actiegerichte knoptekst beantwoordt die vraag direct. “Vraag mijn gratis voorstel aan” vertelt de bezoeker precies wat er gebeurt als hij klikt. “Bevestig mijn inschrijving” legt de volgende stap uit. “Vraag een demo aan” maakt duidelijk dat hij een gesprek begint en zich niet aan iets onbekends verbindt.
Het patroon geldt voor alle soorten formulieren en branches. In een onderzoek van het Baymard Institute naar afrekenformulieren presteerde “Bestelling afronden” 25 procent beter dan “Verzenden” in conversiepercentage. In een test met contactformulieren versloeg “Verstuur mijn vraag” “Verzenden” met 18 procent. In een analyse van conversietests op 50 webwinkels presteerden knoppen met een voordeel of volgende stap gemiddeld 23 procent beter dan acties van één woord.
De verbetering is niet klein. Dit is geen optimalisatie van 2 procent. Dit is je verzendpercentage verhogen van 15 naar 19 procent. Of van 300 verzendingen per maand naar 370. Knoptekst hoort bij de wijzigingen met de grootste hefboom die je aan een formulier kunt doen.
Knoptekst per type formulier
Dezelfde call-to-action-tekst werkt niet bij elk formulier. De context waarom iemand een formulier invult, bepaalt op welke knoptekst hij reageert.
Aanmeld- en registratieformulieren
Wie een account maakt, verbindt zich aan iets. Het besluit is meestal al genomen. Hij vraagt niet meer “moet ik dit doen?” Hij vraagt “gaat dit werken?” en “is het veilig?” Knoptekst voor registratie moet de actie bevestigen en geruststellen.
Effectieve patronen: “Maak mijn account aan”, “Laten we beginnen”, “Bevestig mijn registratie”. Vermijd het algemene “Verzenden”. Vermijd labels die definitief of zwaar voelen, zoals “Verplicht je tot het aanmaken van een account”. Houd de toon licht en vooruitgaand.
Bij registraties met een wachtwoord kan de knoptekst de frictie erkennen: “Maak wachtwoord aan en ga verder”. Dat vertelt de bezoeker dat hij niet zomaar een wachtwoord maakt. Het is een stap naar iets. De actie is duidelijk.
Contact- en aanvraagformulieren
Contactformulieren profiteren van gesproken, menselijke knoptekst. De bezoeker neemt contact op. Hij vraagt om iets. De knop moet klinken alsof je dat verzoek erkent.
Effectieve patronen: “Verstuur mijn vraag”, “Neem contact op”, “Verstuur mijn bericht”, “Vraag meer informatie aan”. Daardoor voelt het formulier als een gesprek, niet als een gegevensdump.
Vermijd klinische of formele taal. Zeg niet “Aanvraag indienen”. Zeg wel “Verstuur mijn vraag”. Het verschil is subtiel. Het ene voelt als een transactie. Het andere voelt als praten met een mens.
Boekings- en afspraakformulieren
Als iemand een boekingsformulier invult, staat zijn intentie vast. Hij wil de afspraak. De knoptekst moet direct zijn en twijfel over wat er daarna komt wegnemen.
Effectieve patronen: “Bevestig mijn afspraak”, “Boek mijn sessie”, “Plan mijn gesprek in”, “Reserveer mijn plek”. Daarmee erken je dat de persoon al heeft besloten. De knop is de laatste bevestigingsstap.
Vermijd alles wat onduidelijkheid geeft. “Reserveer” werkt. “Meld je aan” geeft minder duidelijkheid over wat er wordt gereserveerd. Duidelijkheid in dit stadium verhoogt het aantal voltooide formulieren.
Afreken- en betaalformulieren
Afrekenen in een webwinkel heeft het meest te verliezen bij vage knoptekst. Elk woord hier raakt direct de omzet. De bezoeker is klaar om te kopen. Roep geen twijfel op.
Effectieve patronen: “Rond mijn aankoop af”, “Nu betalen”, “Bestelling afronden”, “Nu kopen”. Sommige winkels testen tekst met het voordeel voorop, zoals “Ontvang mijn [productnaam]”, om te benadrukken wat ze krijgen en niet wat ze betalen.
Gebruik nooit het algemene “Verzenden”. Test of “Rond mijn aankoop af” of “Nu kopen” beter werkt voor je doelgroep. Sommige branches en prijsniveaus reageren op andere taal. Maar beide verslaan algemene labels.
Feedback- en enquêteformulieren
Knoppen bij enquêtes moeten snel en makkelijk voelen. De bezoeker doet jou een gunst. De knoptekst moet dat erkennen en het zonder frictie laten voelen.
Effectieve patronen: “Verstuur mijn feedback”, “Verstuur mijn antwoord”, “Deel mijn gedachten”. Die voelen snel. Vermijd taal waardoor feedback als een formele indiening voelt. “Verstuur mijn feedback” voelt lichter dan “Enquête indienen”.
Leadkwalificatie- en B2B-formulieren
B2B-formulieren vragen vaak meer informatie, omdat ze leads filteren. De knoptekst kan erkennen wat er daarna komt zonder af te schrikken.
Effectieve patronen: “Vraag een voorstel aan”, “Plan een adviesgesprek in”, “Start mijn gratis proefperiode”, “Vraag een offerte op maat aan”. Die maken duidelijk wat de volgende stap is. De bezoeker maakt zich geen zorgen dat hij zich aan iets vaags verbindt.
Knopontwerp beïnvloedt klikpercentages meer dan de meeste mensen denken
Knoptekst is maar een deel van het verhaal. Hoe de knop eruitziet en waar hij op de pagina staat, bepaalt of iemand hem überhaupt als klikbaar ziet.
Kleurcontrast en zichtbaarheid
Een knop die in de achtergrond van de pagina opgaat, krijgt minder klikken dan een knop met hoog contrast. Het gaat niet om opvallend ontwerp. Het gaat om vindbaarheid. Valt een knop visueel niet op in het formulier, dan mist de bezoeker hem misschien helemaal.
Effectieve knoppen hebben een kleurcontrast van minstens 4,5 op 1 met de achtergrond. In de praktijk betekent dit dat de knopkleur duidelijk anders moet zijn dan de achtergrond van de pagina en anders dan andere formulierelementen.
Test wat bij jouw merk werkt. Sommige merken gebruiken een merkkleur die vanzelf opvalt. Anderen gebruiken warme kleuren als oranje of rood op koele achtergronden als grijs of wit. De precieze kleur doet minder ertoe dan het contrast. Zorg dat de knop te vinden is.
Grootte en witruimte
Knoppen die te klein zijn, voelen niet klikbaar. Knoppen die te groot zijn, voelen opdringerig. De juiste grootte hangt af van het formulier en de pagina. Een knop die de helft van de formulierbreedte beslaat, voelt agressief. Een knop van 150 pixels breed in een contactformulier over de volle breedte voelt passend.
Witruimte rond de knop verhoogt het klikpercentage. Een knop omringd door andere formulierelementen valt weg. Een knop met duidelijke ruimte eromheen valt op en voelt klikbaar. Voeg marge boven en onder de knop toe. Laat hem ademen.
Vorm en stijl van de knop
Afgeronde hoeken voelen moderner en vriendelijker. Scherpe hoeken voelen zakelijker of technischer. Geen van beide is altijd beter. Test welke stijl bij je merk en doelgroep past.
Effen knoppen met een duidelijke achtergrond presteren in de meeste formuliercontexten beter dan knoppen met alleen een rand of doorzichtige knoppen. Een knop met alleen een rand die bij de stijl van het formulier past, valt weg. Een effen knop met contrast valt op.
Schaduwen en hover-effecten versterken het gevoel dat iets klikbaar is. Een knop die van kleur verandert of een zichtbare hover-status heeft, laat de bezoeker zien dat hij op interactie reageert.
Knopgrootte op mobiel
Mobiele gebruikers tikken met hun duim. Een knop die te klein is, wordt gemist. De richtlijnen van Apple raden een minimaal tikgebied aan van 44 bij 44 pixels. De richtlijnen van Android raden 48 bij 48 pixels aan. Formulieren op mobiel moeten knoppen zo groot maken dat een duim ze betrouwbaar raakt.
Op mobiel staan knoppen vaak onder elkaar. Een knop over de volle breedte voelt klikbaarder dan een knop die maar deels zichtbaar is. Een vaste knop die zichtbaar blijft tijdens het scrollen door het formulier verhoogt het aantal voltooide formulieren op mobiel.
Plaatsing bepaalt wie de knop ziet
De beste knoptekst en het beste ontwerp helpen niet als mensen er voorbij scrollen zonder het te merken. Waar de knop op de pagina staat, bepaalt de zichtbaarheid.
Knoppen boven de vouw
Idealiter is de primaire knop op desktop zichtbaar zonder te scrollen. Neemt je formulier het grootste deel van het scherm in, dan moet je misschien scrollen om de knop te bereiken. Dat is onvermijdelijk. Maar is er ruimte boven de vouw, zet de knop daar dan neer, zodat de bezoeker er niet naar hoeft te zoeken.
Vaste knoppen op mobiel
Mobiele formulieren vragen vaak om scrollen. Een vaste knop die onderaan het scherm zichtbaar blijft, verhoogt het aantal voltooide formulieren. De bezoeker verliest de knop niet uit het oog terwijl hij velden invult. Hij kan op elk moment afronden zonder naar beneden te scrollen.
Primaire en secundaire knoppen
Sommige formulieren hebben meerdere knoppen. “Verzenden”, “Opslaan als concept”, “Volgende stap”. Heb je meerdere knoppen, maak de primaire actie dan visueel dominant. Een sterke primaire knop moet duidelijk klikbaarder zijn dan de secundaire opties. Gebruik kleur, grootte of positie om de rangorde te tonen.
Een veelgemaakte fout is primaire en secundaire knoppen identiek maken. Zijn “Annuleren” en “Verzenden” even groot en van dezelfde kleur, dan klikken sommige bezoekers op de verkeerde. Ontwerpers testen dit en zien dat een primaire knop die 30 tot 40 procent groter is dan secundaire knoppen onbedoeld annuleren vermindert.
Tekst onder de knop verhoogt het aantal voltooide formulieren
De knop zelf is alleen de laatste interactie. Tekst onder of naast de knop geeft last-minute geruststelling die aarzelende bezoekers over de streep trekt.
Geruststellende tekst pakt het laatste bezwaar aan. Vraagt je formulier om een e-mailadres, dan haalt een regel onder de knop als “We delen je gegevens nooit” de laatste reden weg om niet te verzenden. Vraagt je formulier om een telefoonnummer, dan bouwt “Geen spamtelefoontjes, we nemen binnen één werkdag contact op” vertrouwen.
Deze geruststellende tekst moet klein en ondergeschikt zijn. Je verkoopt niet meer. Je beantwoordt de laatste twijfel. Voorbeelden: “We reageren binnen 24 uur”, “Je gegevens zijn altijd beschermd”, “Geen creditcard nodig om je gratis proefperiode te starten”, “Jouw privacy staat voorop”.
Tests laten zien dat geruststellende tekst onder knoppen het aantal voltooide formulieren met 3 tot 5 procent verhoogt bij formulieren met veel frictie. Bij formulieren met weinig frictie, zoals nieuwsbrieven, is het effect kleiner. Bij B2B-formulieren die veel informatie vragen, kan geruststellende tekst het aantal voltooide formulieren met 10 procent of meer verhogen.
Foutmeldingen en laadfeedback
Wat er gebeurt nadat iemand op de knop klikt, bepaalt of hij vertrouwen heeft in zijn verzending.
Uitgeschakelde status tijdens het verzenden
Schakel de knop direct uit zodra iemand klikt. Een uitgeschakelde knop voorkomt dubbele verzendingen. Belangrijker nog: het laat de bezoeker zien dat zijn klik is geregistreerd. De knop moet een laadstatus tonen: “Bezig met verzenden...” of een spinner of geanimeerde tekst.
Zonder laadstatus weet de bezoeker niet of zijn klik werkte. Hij klikt misschien opnieuw. Hij sluit misschien de browser. Een vertraging van één seconde tussen klikken en enige feedback voelt voor een gebruiker lang. Laat direct zien dat er iets gebeurt.
Tekst bij herstel na een fout
Mislukt het verzenden van een formulier, dan moeten de knop en de tekst eromheen uitleggen wat er misging en wat te doen. Toon niet alleen een foutmelding bovenaan het formulier. Pas de knop zelf aan.
Een knop met “Probeer opnieuw” is nuttiger dan “Verzenden” als er een fout optreedt. Tekst naast de knop moet specifiek uitleggen wat mislukte: “Dit e-mailadres is al geregistreerd” of “Vul alle verplichte velden in”.
Maak herstel na een fout duidelijk. Sommige formulieren markeren het probleemveld. Sommige tonen foutmeldingen in het veld. Sommige doen beide. Hoe duidelijker de fout, hoe sneller de bezoeker het kan oplossen.
Formulieren in WEMASY en optimalisatie van de verzendknop
Met de formulierbouwer van WEMASY pas je knoptekst, ontwerp en plaatsing aan op je formulierstrategie. Je stelt verschillende knoptekst in voor verschillende soorten formulieren. Je voegt voorwaardelijke logica toe die het knoplabel verandert op basis van antwoorden in het formulier. Je past knopkleuren, grootte en stijl aan op je merk.
Formulieranalyse laat zien welke velden afhaken veroorzaken. Heeft je knop zelf een hoog afhaakpercentage, dan is dat een teken dat knoptekst of ontwerp getest moet worden. Komen bezoekers wel bij de knop maar klikken ze niet, test dan andere tekst en ontwerpen zonder het formulier opnieuw te bouwen.
Bekijk hoe de formulierbouwer van WEMASY knoppen aanpast en formulieranalyse regelt. Lees voor meer over formulierteksten die voor voltooide formulieren zorgen over formulierlabels en hulptekst schrijven die werken en over wat afhaken bij formulieren veroorzaakt en hoe je het voorkomt.