Een formulier wordt verstuurd en de pagina wordt leeg. Er gebeurt niets. De persoon vraagt zich af of het gelukt is. Heeft de server het ontvangen? Wordt het formulier nog verwerkt? Moet hij opnieuw versturen? Dat moment tussen klikken op verzenden en weten dat het gelukt is, is een moment vol spanning. De formulierervaring eindigt niet als iemand op verzenden klikt. Ze eindigt als hij weet dat het gelukt is. Wat er in die momenten gebeurt, bepaalt of hij je merk vertrouwt en of de gegevens die je verzamelde echt bruikbaar zijn.
Drie elementen bepalen dat laatste moment. Een laadstatus laat zien dat er iets gebeurt terwijl het formulier wordt verwerkt. Een succesmelding bevestigt dat het versturen gelukt is. Een bedankpagina bepaalt wat er daarna komt. Goed gedaan geven deze drie elementen iemand het vertrouwen dat hij het juiste deed. Slecht gedaan zorgen ze voor verwarring en wantrouwen. Dit artikel laat zien wat elk element doet, wanneer je ze gebruikt, wat je zegt en hoe je ze bouwt zonder de formulierervaring te verstoren.
Waarom laadstatussen ertoe doen voordat het formulier klaar is
Het versturen van een formulier gebeurt op de server. Klikt iemand op verzenden, dan reizen zijn gegevens naar een computer ergens, worden verwerkt en komt er een antwoord terug. Die hele reis duurt meestal een tot vijf seconden. Eén seconde voelt direct. Vijf seconden voelt eindeloos. In die tijd zit de persoon vast. Hij ziet het formulier en weet niet wat hij moet doen. Opnieuw versturen? Wachten? De pagina verversen?
Een laadstatus haalt die onzekerheid weg. Er verandert zichtbaar iets als iemand op verzenden klikt. De knop wordt uitgeschakeld en de tekst verandert. Er verschijnt een laadicoon. Een voortgangsbalk toont beweging. Iets zegt tegen de persoon: "je actie is geregistreerd en er gebeurt iets."
De belangrijkste regel voor laadstatussen is de regel van één seconde. Duurt het versturen van het formulier langer dan een seconde, toon dan een laadindicator. Duurt het korter dan een seconde, dan kun je de visuele laadstatus overslaan, omdat het zo snel gaat dat mensen het amper merken. Bij bijna alle formulieren in de praktijk die met een server verbinden, duurt het versturen langer dan een seconde. Toon de laadstatus.
Zonder laadstatus klikken mensen vaak meerdere keren op verzenden. Hun onrust laat hen aannemen dat de eerste klik niet werkte. Meerdere inzendingen geven dubbele gegevens, verspilde serverkracht en gefrustreerde gebruikers. Een laadindicator voorkomt dat door duidelijk te laten zien dat de actie bezig is.
Zo ontwerp je een laadstatus die vertrouwen geeft
De eenvoudigste laadstatus is de verzendknop uitschakelen en de tekst veranderen. De knop zegt normaal "Versturen". Na een klik wordt het "Bezig met versturen..." en wordt de knop grijs of vervaagd. De persoon ziet dat de knop niet meer klikbaar is. Hij weet dat er iets gebeurt. Dit werkt voor de meeste formulieren.
Een stap sterker is visuele beweging toevoegen. Een klein laadicoon verschijnt naast de knoptekst of in de knop. Het icoon draait continu. Dat geeft een gevoel van activiteit en voortgang. De draaisnelheid doet ertoe. Eén volledige rotatie per seconde voelt rustig. Sneller voelt gejaagd. Langzamer voelt bevroren. Houd het bij één rotatie per seconde.
Voor langere processen werkt een voortgangsbalk beter dan een laadicoon. Een horizontale balk bovenaan het formulier vult zich naarmate de verwerking klaar is. Weet het formulier hoeveel stappen het moet uitvoeren, dan kan het realistische voortgang tonen. Weet het de totale duur niet, gebruik dan een balk op basis van een percentage die tot 90% vult en bij succes afrondt. Zo ziet de persoon precies hoe ver het proces is.
De kleur van je laadindicator moet opvallen, maar niet botsen met je formulierontwerp. Gebruik je merkkleur of een neutraal blauw of grijs. Rood of oranje kan als een fout voelen terwijl het dat niet is. Groen kan mensen doen denken dat het formulier al gelukt is.
Houd laadstatussen minimaal. De knop verandert. Er verschijnt een laadicoon. Het formulier hoeft niet te vervagen, velden hoeven niet te worden uitgeschakeld en nieuwe tekst hoeft niet van opzij binnen te schuiven. Eenvoud wekt vertrouwen. Ingewikkeldheid wekt argwaan.
Het verschil tussen een succesmelding en een bedankpagina
Na een gelukte inzending heeft de gebruiker bevestiging nodig. Die bevestiging kan op twee manieren. Een succesmelding op de pagina verschijnt op dezelfde pagina als het formulier. Of het formulier verwijst door naar een nieuwe bedankpagina met een succesmelding. Beide werken. De keuze hangt af van je doel.
Een succesmelding op de pagina houdt de gebruiker op dezelfde pagina. Het formulier verdwijnt of verandert in "We hebben je inzending ontvangen." Een eenvoudige, duidelijke bevestiging. Dit werkt goed voor kleine formulieren of als je wilt dat de gebruiker op dezelfde pagina blijft om meer inhoud te bekijken. Contactformulieren gebruiken vaak meldingen op de pagina. Aanmeldingen voor nieuwsbrieven ook. Snel, eenvoudig, klaar.
Een bedankpagina is een aparte pagina waarop de gebruiker na het versturen landt. Die bestaat alleen nadat het formulier is verstuurd. Ze heeft een eigen URL. Dit is handig als je de conversie apart in je analyses wilt volgen, als je na het versturen extra inhoud wilt tonen of als je de gebruiker naar de volgende stap in een verkooptraject wilt leiden. Afrekenformulieren van webwinkels verwijzen door naar bedankpagina's. Formulieren voor leadgeneratie ook. De aparte pagina geeft je meer ruimte om mee te werken.
Het technische verschil doet ertoe voor tracking. Een melding op de pagina toont de conversie op dezelfde pagina als het formulier. Een bedankpagina toont een aparte paginaweergave en een aparte URL. Voor tracking is een bedankpagina schoner. Het is een aparte gebeurtenis die analysetools nauwkeurig kunnen meten.
Wat een succesmelding moet zeggen
Een succesmelding heeft één taak: de persoon vertellen dat het versturen gelukt is. Dat is alles. Voeg geen verkooptekst toe, pitch geen extra producten, maak het niet ingewikkelder.
Begin met een duidelijke bevestiging. "Bedankt. We hebben je inzending ontvangen." Niet "Je inzending is succesvol ontvangen door ons geautomatiseerde systeem." De eerste voelt menselijk. De tweede voelt robotachtig en zakelijk. Een bevestiging moet persoonlijk en direct voelen.
Voeg meteen de volgende stap toe. Was het formulier een contactverzoek, zeg dan wanneer de persoon iets hoort. "We reageren binnen twee werkuur." Niet "We komen snel bij je terug." Een specifieke termijn wekt vertrouwen. Snel is vaag. Twee uur is concreet.
Leidt de inzending tot een automatisch antwoord, vermeld dat dan. "Kijk in je e-mail voor een bevestigingslink." Of "Een link om je wachtwoord te herstellen is onderweg naar je inbox." Zo leg je uit wat er hierna gebeurt, zonder dat de persoon hoeft te raden of bang is iets te hebben gemist.
Optioneel maar krachtig: verwijs naar iets dat de persoon heeft ingestuurd. "We hebben je bericht over het optimaliseren van je website ontvangen. We kijken ernaar en nemen contact op." Zijn eigen woorden terugspelen geeft het gevoel gezien en begrepen te worden. Het bevestigt dat zijn gegevens echt zijn ontvangen en geregistreerd.
Houd de melding kort. Een of twee zinnen voor een melding op de pagina. Drie tot vijf zinnen voor een bericht op een bedankpagina. Lange succesmeldingen voelen als spam of een extra verkooppraatje.
Gebruik warme, losse taal. "Bedankt dat je contact opneemt." Niet "Hartelijk dank voor het voltooien van deze formulierinzending." Losse taal laat het moment menselijk voelen, niet geautomatiseerd.
Een bedankpagina ontwerpen die converteert, geen doodlopende weg
Een bedankpagina is een moment met hoge waarde. De persoon heeft zojuist geconverteerd. Hij is in een goede bui. Hij heeft actie ondernomen. Hij heeft gedaan wat je vroeg. Dit is het moment direct nadat hij ja zei. Het moment om hem verder te leiden, niet weg te sturen.
Herhaal bovenaan de bedankpagina de bevestiging. "Bedankt. We hebben je aanvraag ontvangen." Houd het kort. De persoon weet al dat het gelukt is. De bevestiging is er alleen om het officieel te maken.
Voeg onder de bevestiging inhoud toe die past bij wat hij zojuist deed. Heeft hij zich aangemeld voor een nieuwsbrief, laat dan zien wat hij gaat krijgen. Heeft hij een demo aangevraagd, laat dan de volgende stappen zien. Heeft hij iets gekocht, toon dan de bestelgegevens en de verzendtermijn. De inhoud moet voelen als de natuurlijke voortzetting van wat hij zojuist instuurde.
Voeg één optionele actie toe. Niet vijf. Niet drie. Eén. Wat moet hij hierna doen? Je website verkennen? Nuttige bronnen lezen? Je volgen op social media? Een gesprek inplannen? Kies er één en maak die het middelpunt van de pagina. Meerdere concurrerende oproepen tot actie verwarren mensen. Ze hebben net ja gezegd. Leid ze verder met één duidelijke volgende stap.
Wil je extra informatie verzamelen, dan is een bedankpagina een goede plek. Vraag er niet om in het formulier zelf. Vraag erom nadat ze zich al hebben gecommitteerd door een keer te versturen. Een tweede, lichter formulier op de bedankpagina converteert vaak beter dan alles in het eerste formulier proppen.
Voeg sociale bewijskracht toe als het relevant is. Een citaat van een tevreden klant. Een statistiek over mensen die dezelfde actie ondernamen. Iets dat bevestigt dat ze de juiste keuze maakten. Het gaat er niet om ze te overtuigen te converteren. Ze hebben al geconverteerd. Het gaat om hun vertrouwen te versterken in wat ze zojuist deden.
Zorg dat het ontwerp van de pagina bij je hele website past. Een bedankpagina die er anders uitziet, andere lettertypen gebruikt of een schrijnend kleurenschema heeft, geeft de gebruiker het gevoel dat hij de website van je merk heeft verlaten. Consistentie wekt vertrouwen. De bedankpagina moet voelen alsof ze bij je site hoort.
De timing van de overgang van formulier naar successtatus
Als iemand op verzenden klikt, hoe lang moet de laadstatus dan te zien zijn voordat de succesmelding of bedankpagina verschijnt? Het antwoord is: zolang het formulier echt wordt verwerkt.
Houd bij formulieren die heel snel worden verstuurd, onder een seconde, de laadstatus toch minstens een seconde zichtbaar. Duurt het versturen eigenlijk 300 milliseconden, maar verdwijnt je laadicoon na 400 milliseconden, dan denken mensen misschien dat er iets kapotging. De overgang moet doelbewust voelen, niet gehaast.
Toon bij formulieren die twee tot vijf seconden duren de laadstatus gedurende de hele tijd. Laat mensen de wachttijd zien. Verberg niet hoe lang het proces duurt. Transparantie geeft vertrouwen.
Toon nooit een laadstatus die verdwijnt en dan weer verschijnt. Dat zorgt voor verwarring. Toon hem één keer en houd hem zichtbaar tot het gelukt is. Moet je na een fout opnieuw proberen, haal de laadstatus dan helemaal weg en toon de foutmelding voordat je het nog eens probeert.
Overweeg bij heel lange processen, langer dan tien seconden, voortgangsberichten te tonen. Niet alleen een laadicoon. Een bericht dat verandert. "Je gegevens worden gecontroleerd." Dan "Je aanvraag wordt verwerkt." Dan "De inzending wordt afgerond." Drie of vier kleine berichten tijdens een lang proces houden mensen betrokken en laten weten dat er nog iets gebeurt.
Mobiel: laadstatussen en succesmeldingen
Op een telefoonscherm is ruimte beperkt. Een laadindicator die op desktop prima werkt, kan op mobiel te veel ruimte innemen. Een bedankpagina die op desktop lang is, wordt op mobiel heel lang.
Houd tekst bij laadstatussen op mobiel minimaal. "Bezig met versturen..." in plaats van "Even geduld, we verwerken je inzending." Een laadicoon neemt minder ruimte in dan een voortgangsbalk. Plaats de laadindicator in de verzendknop of direct erboven of eronder, niet zwevend midden op de pagina.
Houd succesmeldingen op mobiel kort. Eén zin is ideaal. Twee zinnen is acceptabel. Meer en de melding scrolt uit beeld.
Zet bij bedankpagina's op mobiel de kernbevestiging in de eerste twee alinea's. Laat mensen niet omlaag scrollen om te ontdekken of het formulier echt is verstuurd. Het bedankbericht moet direct zichtbaar zijn, zonder te scrollen.
Test je laadstatus en successtatussen op echte telefoons, niet alleen in een browseremulatie. De schermgrootte en weergave van een telefoon kunnen beïnvloeden hoe dingen eruitzien.
Analyses en tracking van de laatste momenten van je formulier
De succespagina of -melding is waar je meet of het formulier echt heeft geconverteerd. Analyseplatforms zoals Google Analytics, Meta Pixel en e-mailplatforms kunnen het succesmoment nauwkeurig volgen.
Gebruik je een succesmelding op dezelfde pagina als het formulier, stel dan een conversietrigger in op het verschijnen van die melding. Gebruik JavaScript om te volgen wanneer de melding verschijnt, niet alleen wanneer de pagina laadt. Zo weet je precies wie het formulier echt verstuurde, niet alleen wie de pagina bezocht.
Verwijs je door naar een bedankpagina, dan gaat de tracking automatisch. Elke weergave van die pagina is een conversie. Daarom gebruiken veel formulieren bedankpagina's. De URL is uniek. Analysetools begrijpen hem perfect. Eén paginaweergave staat gelijk aan één gelukte inzending.
Voeg de URL van de bedankpagina toe aan je conversiedoelen in je analyses. Maak in Google Analytics een doel dat afgaat als iemand landt op jouwdomein.com/thank-you. Zo wordt elke gelukte formulierinzending automatisch geteld.
Gebruik je meerdere formulieren op je website, maak dan voor elk een eigen bedankpagina of gebruik URL-parameters om ze te onderscheiden. contact-form.com/thank-you tegenover demo-form.com/thank-you. Of gebruik parameters zoals /thank-you?form=contact. Zo kun je volgen welke formulieren converteren.
Veelgemaakte fouten die het succesmoment verpesten
Een succesmelding die niet bevestigt dat de actie gelukt is, is geen succesmelding. Het is een doodlopende weg. "Bedankt." Alleen dat. Wat moet de persoon hierna doen? Waar is zijn bevestiging? Niet verduidelijken wekt wantrouwen.
Laadstatussen die te lang of te kort duren, voelen kapot. Een laadicoon dat 20 seconden draait, laat mensen denken dat er iets misging. Een laadicoon dat in 100 milliseconden verschijnt en verdwijnt, wordt misschien niet opgemerkt.
Bedankpagina's die proberen te verkopen in plaats van te erkennen. Direct nadat iemand heeft geconverteerd, is niet het moment om hem iets anders aan te smeren. Erken wat hij deed. Leid hem verder. Verkopen kan later.
Een succesmelding of bedankpagina die informatie herhaalt waar het formulier al om vroeg. De persoon heeft zijn naam en e-mailadres al gegeven. Laat hem ze niet terug lezen op de succespagina. Gebruik ze om het bericht te personaliseren, herhaal niet wat is verzameld.
Mobiele formulieren met laadstatussen die te groot zijn voor het scherm. Een laadicoon dat de helft van het telefoonscherm inneemt, is overweldigend. Houd visuele indicatoren in verhouding tot de schermgrootte.
Vergeten een duidelijke volgende stap toe te voegen. "Bedankt voor het versturen." En dan niets. Wat moet de persoon doen? Zonder richting vertrekt hij. Eén duidelijke volgende actie houdt hem betrokken.
Zo helpt WEMASY je laadstatussen en succeservaringen te ontwerpen
De formulierbouwer van WEMASY bevat ingebouwde laadstatussen die automatisch verschijnen als een formulier wordt verstuurd. Je past de stijl van de laadindicator aan op je merk. Kies tussen een tekstbericht, een laadicoon of een voortgangsbalk. Stel de kleur in op het thema van je merk. De laadstatus verschijnt terwijl de formuliergegevens worden verwerkt en verdwijnt als het versturen klaar is.
Succesmeldingen zijn volledig aan te passen in de formulierbouwer. Schrijf je eigen bericht. Kies of het op de pagina verschijnt of doorverwijst naar een bedankpagina. Kies je voor doorverwijzen, dan laat WEMASY je de URL van je bedankpagina opgeven. Het formulier verwijst na een gelukte inzending automatisch door.
Maak voor bedankpagina's een pagina in de websitebouwer van WEMASY, net als elke andere pagina. Ontwerp hem passend bij je merk. Voeg bevestigingstekst, vervolgstappen, sociale bewijskracht of secundaire oproepen tot actie toe. Als je het formulier hebt ingesteld, plak je de URL van de bedankpagina in de doorverwijsinstellingen van het formulier. WEMASY regelt de doorverwijzing automatisch.
Validatie in realtime voorkomt veel fouten bij het versturen voordat ze ontstaan. Komen formuliergegevens foutloos binnen, dan verloopt het versturen soepel. De laadstatus verschijnt kort en de successtatus volgt sneller. Minder fouten betekent snellere inzendingen en minder tijd met laadstatussen.
Koppeling met analyses is ingebouwd. WEMASY volgt formulierinzendingen en kan automatisch doelen in je analyses starten. Als een formulier succesvol is verstuurd, kun je gebeurtenissen instellen in Google Analytics of Meta Pixel. Zie welke formuliervelden de beste conversiepercentages hebben, welke formulieren het vaakst converteren en waar mensen afhaken.
Bekijk welke formulierfuncties in je WEMASY-abonnement zitten.