CTA betekenis: wat is het en hoe maak je hem onweerstaanbaar?
CTA staat voor call-to-action: het element dat bepaalt of een bezoeker actie onderneemt of wegklikt. Ontdek wat een sterke CTA is, waarom vage teksten leads kosten, en welke woorden écht werken.
“Een website zonder CTA is als een winkel waar niemand je helpt. Je kijkt rond, weet niet waar je heen moet, en loopt weer naar buiten.”
CTA staat voor call-to-action: letterlijk een oproep tot actie. Het is het element op je website dat bezoekers vertelt wat de volgende stap is.
Een CTA kan een knop zijn ("Boek een afspraak"), een tekstlink, een formulier of een headline. De vorm maakt niet uit. Wat telt is dat de bezoeker op het juiste moment de juiste richting gewezen wordt.
De wetenschap achter de klik
Een bezoeker klikt niet zomaar. Die beslissing, hoe klein ook, wordt bepaald door drie dingen tegelijk. Zijn alle drie aanwezig? Dan klikt iemand. Ontbreekt er één? Dan twijfelt iemand, en twijfel leidt bijna altijd tot niets doen.
De drie voorwaarden voor een klik
Duidelijkheid: de bezoeker weet exact wat er gaat gebeuren als hij klikt
Waarde: het resultaat is al zichtbaar vóór de klik plaatsvindt
Lage drempel: er is geen goede reden meer om het uit te stellen
Mensen handelen op basis van verwachte uitkomst. Hoe concreter en zekerder de uitkomst aanvoelt, hoe groter de kans op actie.
Het eerste-persoon effect: "mijn" werkt beter dan "jouw"
SiteTuners testte twee identieke pagina's. Het enige verschil: de knoptekst. De ene versie zei "Start your free 30-day trial", de andere "Start my free 30-day trial". De tweede versie haalde 90% meer clicks.
De verklaring zit in eigenaarschap: "mijn" koppelt de actie al aan de bezoeker vóór hij klikt. De actie voelt minder als iets wat je voor iemand anders doet, en meer als iets wat van jou is. Dat kleine verschil in beleving maakt een groot verschil in gedrag.
Tweede persoon
Bezoeker weet niet wat er gaat gebeuren
Eerste persoon
Bezoeker weet precies wat de volgende stap is
Keuze-paradox: meer opties, minder actie
Meer keuze leidt niet tot meer actie, maar tot verlamming. Dat is het idee achter de paradox of choice. Mensen weten niet wat te kiezen, stellen de beslissing uit, en doen uiteindelijk niets.
Op je website werkt dat precies zo. Twee gelijkwaardige knoppen op één pagina zijn niet twee kansen, het zijn twee concurrenten. De bezoeker moet eerst beslissen welke knop hij kiest, voor hij überhaupt kan beslissen of hij klikt. Die extra stap kost je conversies.
266%meer conversies1 CTA per pagina vs. meerdere knoppen (WordStream)
371%meer clicks1 CTA vs. 4+ links in e-mail (Campaign Monitor)
1 primaire CTA per pagina
Secundaire links mogen er zijn, maar als platte tekst zonder nadruk. De primaire CTA moet er als enige visueel uitspringen. Alles wat even prominent is, concurreert.
Knoptekst: beschrijf het resultaat, niet de handeling
"Verzenden" beschrijft wat de bezoeker doet. "Ontvang mijn gratis analyse" beschrijft wat de bezoeker krijgt. Unbounce documenteerde een stijging van 209% in conversies door alleen die twee woorden te wisselen.
Beschrijft de handeling
Bezoeker weet niet wat er gaat gebeuren
Beschrijft het resultaat
Bezoeker weet precies wat de volgende stap is
Kleur en contrast: het gaat niet om welke kleur, maar om verschil
De kleur van je knop maakt op zichzelf weinig uit. Wat telt is contrast: je CTA moet visueel losstaan van de rest van de pagina. Een knop in een kleur die nergens anders terugkomt valt op en wordt vaker aangeklikt dan een knop die wegvalt in je eigen huisstijl.
Een knop die opgaat in het paginaontwerp converteert slechter, ongeacht de kleur. De vuistregel: gebruik je actiekleur exclusief voor de primaire CTA. Niet in iconen, niet in borders, niet in achtergronden. Alleen de knop. Een onopvallende knop kost meer dan clicks: soms bezoekers haken af door een onduidelijke CTA en verhogen zo je bounce rate.
Plaatsing: boven de vouw is geen mythe
De vouw is het gedeelte van je pagina dat direct zichtbaar is wanneer een bezoeker landt, zonder te scrollen. Alles daarna zien bezoekers alleen als ze actief naar beneden scrollen.
Uit onderzoek van Nielsen Norman Group blijkt dat het grootste deel van de aandacht naar content boven de vouw gaat. Een CTA die al zichtbaar is vóór iemand scrolt, wordt daardoor duidelijk vaker aangeklikt dan dezelfde CTA die alleen onderaan de pagina staat. Vooral op je homepage telt dit: wil je je homepage CTA verbeteren, zet hem dan boven de vouw.
Herhaal de CTA op de juiste momenten
Boven de vouw: zichtbaar bij binnenkomst. Na het probleemblok: als de bezoeker zichzelf herkent. Na social proof: als het vertrouwen is opgebouwd. Drie keer dezelfde knop is geen herhaling, het is structuur.
Woorden die twijfel wegnemen
De klikdrempel is deels cognitief (wat kost mij dit?) en deels emotioneel (vertrouw ik dit?). Bepaalde woorden verlagen beide tegelijk, omdat ze concreet zijn en risico wegnemen.
Woorden die de klikdrempel verlagen
gratis: financiële drempel verdwijnt direct
vrijblijvend: geen commitment gevraagd
direct: geen wachttijd, resultaat nu
zonder betaalgegevens: veiligheidsgevoel, privacy gerespecteerd
binnen 1 minuut: tijdsinvestering is laag
vandaag: urgentie zonder opgedrongen druk
Testen: zo weet je welke CTA beter werkt
Kissmetrics documenteerde dat 1 woord wisselen in een CTA-tekst de conversie met 10 tot 30% kan veranderen.
A/B-testen voor CTA's : verander 1 element tegelijk, meet minimaal 2 weken, trek dan conclusies. Begin altijd met de tekst. Dat levert het snelst zichtbaar resultaat.
Volgorde van testen
1. CTA-tekst (10 tot 30% impact). 2. Plaatsing op de pagina (10 tot 15% impact). 3. Kleur en contrast (2 tot 21% impact). Test altijd maar 1 element per ronde.
“Button copy impacts conversion far more than button color. First-person framing outperforms second-person by 10 to 90%. Value-focused CTAs beat obligation-focused CTAs every time.”
Kissmetrics Research
Samenvatting: zo bouw je een CTA die werkt
CTA checklist
1 primaire CTA per pagina. Alles wat even prominent is, concurreert
Schrijf in de eerste persoon: "Stuur mij" in plaats van "Stuur jou"
Beschrijf het resultaat, niet de handeling: "Ontvang mijn analyse" boven "Verzenden"
Gebruik je actiekleur exclusief voor de CTA, nergens anders
Zorg dat de CTA zichtbaar is boven de vouw. Herhaal hem na het probleemblok en na social proof
Voeg een drempelverlagend woord toe als het klopt: gratis, vrijblijvend, direct