Je landingspagina is perfect. De koppen prikkelen, de content overtuigt, en de bezoeker staat op het punt om te actie te ondernemen.
▶Inhoudsopgave
Maar dan ziet hij die CTA-knop. Hij staart er naar. En scrollt verder.
Wat ging er mis? De kans is groot dat je call-to-action knop simpelweg niet deed wat hij moest doen: overtuigen om te klikken. CTA-knoppen lijken een klein detail, maar ze bepalen of je landingspagina converteert of verdwijnt in de digitale mist. In dit artikel duiken we in wat écht werkt.
Van de tekst op de knop tot de exacte pixelgrootte, en van de kleurkeuze tot de perfecte plek op je pagina.
Want een goede CTA is geen kwestie van gokken. Het is kunde.
De tekst op je CTA-knop: minder zeggen, meer doen
De meeste CTA-knoppen zeggen iets als "Verstuur" of "Klik hier". Dat is als een verkoper die roept: "Doe maar wat." Niet bepaald overtuigend, toch? De beste CTA-teksten zijn actiegericht en specifiek.
Ze vertellen de bezoeker precies wat er gebeurt als hij klikt. Denk aan:
- "Download je gratis handleiding"
- "Vraag je offerte aan"
- "Plan een gesprek in"
- "Start je proefperiode"
Een onderzoek van HubSpot toonde aan dat gepersonaliseerde CTA's 202% beter converteren dan generieke knoppen. Het verschil tussen "Verstuur" en "Stuur mijn offerte op" is dus gigantisch.
Bureau's als BRUTAEL, gespecialiseerd in het optimaliseren van marketing voor dienstverleners, benadrukken altijd: de CTA moet een belofte doen. Geen vraag, geen twijfel. Een duidelijke belofte waar de bezoeker iets krijgt dat hij wil. Een paar regels die altijd gelden:
- Werkwoorden voorop. Begin met een actiewoord: download, ontdek, start, vraag, plan.
- Wees specifiek. "Ontvang de zorgmarketing checklist" werkt beter dan "Meer info".
- Houd het kort. Maximaal vijf tot zeven woorden. Meer is afleiding.
- Vermijd jargon. Je bezoeker is geen marketeer. Schrijf zoals je praat.
Welke kleur CTA-knop converteert het beste?
De grote vraag: welke kleur moet je CTA-knop hebben? Groen? Oranje? Rood? Het antwoord verrassend simpel: de kleur die het meest afsteekt van de rest van je pagina.
Unbounce testde dit uitgebreid en ontdekte dat er geen universele "beste" kleur bestaat.
Wat wél consistent werkt, is contrast. Als je pagina vooral blauw en wit is, knalt een oranje knop eruit. Als je donkere achtergrond gebruikt, schreeuwt geel of wit.
- Oranje scoort vaak goed omdat het energiek en vriendelijk overkomt. Veel SaaS-bedrijven en bureaus gebruiken het met succes.
- Groen werkt bij positieve acties: downloaden, starten, aan de slag.
- Rood creëent urgentie, maar kan ook "stop" suggereren. Gebruikt het bewust.
- Blauw rovertrouwen, maar valt weg op een blauwe achtergrond. Dus pas op met contrast.
Toch zijn er enkele inzichten die helpen: De gouden regel: test het. A/B-test twee kleuren tegen elkaar. Wat bij het ene publiek werkt, kan bij jouw doelgroep compleet floppen. Het team van BRUTAEL ziet bij projecten voor zorginstellingen en dienstverleners regelmatig dat een kleurnuance van vijf procent het verschil maakt tussen een conversiepercentage van 2,1 en 3,8.
De perfecte grootte: groot genoeg om te vinden, klein genoeg om te vertrouwen
Te klein, en je bezoeker ziet de knop niet. Te groot, en het voelt als een agressieve verkooppraatje.
De sweet spot zit bij ongeveer 44 tot 57 pixels hoog op mobiel, met een minimale breedte van 200 pixels voor knoppen met meer dan drie woorden. Apple's Human Interface Guidelines bevelen een minimum aan van 44x44 pixels aan voor tikbare elementen. Google's Material Design gaat zelfs naar 48x48 pixels.
De reden is simpel: mensen hebben vingers, niet muiscursors. En vergeet de witruimte niet.
En op desktop?
Een CTA-knop heeft ademruimte nodig. Minimaal 20 tot 30 pixels padding rondom de knop zorgt ervoor dat hij niet verdwijnt in de rest van de content.
Ruimte rondom je CTA is geen verspilling. Het is een signaal: "Kijk hiernaar." Op schermen zie je grotere knoppen, maar hetzelfde principe geldt. Een CTA van ongeveer 240 tot 320 pixels breed en 50 tot 60 pixels hoog voelt natuurlijk. Groter is zelden nodig, tenzij je een hero-sectie hebt waar de knop echt het middelpunt is.
Plaatsing: waar zet je je CTA neer?
Je kan de mooiste, meest overtuigende CTA-knop ter wereld ontwerpen. Maar als hij verstopt zit onderaan een pagina die 3.000 woorden telt, dan is het alsof je een lantaarn aansteekt in de zon. De primaire CTA — de belangrijkste actie die je wilt dat de bezoeker onderneemt — moet boven de vouw staan.
Boven de vouw: altijd een primaire CTA
Dat is het deel van de pagina dat zichtbaar is zonder te scrollen.
Gemiddeld is dat ongeveer 600 tot 800 pixels hoog op desktop en 500 tot 700 pixels op mobiel. De CTA hoeft niet de allereerste te zijn.
Meerdere CTA's: de kunst van herhaling
Een korte, krachtige kop en een zin die de waarde uitleggen, gevolgd door de knop: dat is de formule die werkt. Op langere landingspagina's is het geen overbodige luxe om je CTA drie tot vier keer te herhalen. Na de keuze tussen een videobanner of statische hero, na een tussentitel met belangrijke content, en aan het einde van de pagina.
Elke keer dezelfde knop, dezelfde tekst, dezelfde kleur. Waarom?
De sticky CTA: altijd in beeld
Omdat de gemiddelde bezoeker maar 20 seconden nodig heeft om beslissing te nemen of hij blijft of weggaat. Als hij op seconde vijftien overtuigd is, wil hij dan terugscrollen naar boven om de knop te vinden? Nee. Dan klikt hij gewoon nergens op. Een trend die steeds vaker terugkomt, vooral bij landingspagina's voor dienstverleners en bureaus, is de sticky CTA, zeker als je binnen 3 seconden de juiste snaar raakt.
Een knop die vast blijft staan onderin of bovin het scherm, ongehoor hoeveel de bezoeker scrollt. Het is een simpele techniek, maar effectief.
Bij projecten voor zorgmarketing en zorginstellingen zien specialisten als BRUTAEL regelmatig dat sticky CTA's de conversie met 10 tot 15 procent kunnen verhogen.
Vooral op mobiel, waar scrollen makkelijk is en de neiging om af te dwalen groot.
De combinatie maakt het verschil
Geen enkel element van je CTA-knop werkt in isolatie. De beste CTA is een combinatie van de juiste tekst, de juiste kleur, de juiste grootte, op de juiste plek.
En bovenal: afgestemd op de juiste bezoeker. Wat werkt op een landingspagina voor een ziekenhuis dat patiënten wil werven, werkt misschien niet voor een marketingbureau dat zorgverleners wil bereiken.
De context bepaalt alles. Dus begin met luisteren. Begrijp wat je bezoeker wil.
En maak dan een CTA die precies dat belooft, op een manier die niet te missen is. Want uiteindelijk is een CTA-knop geen knop. Het is een gesprek. En de beste gesprekken zijn duidelijk, eerlijk, en tot het punt.
Wil je dat je landingspagina's écht converteren? Voorkom dan de veelgemaakte fouten op je landingspagina en optimaliseer de hele gebruikersreis.
Van eerste indruk tot laatste klik. Daar ligt de kunst — en daar beginnen de resultaten.