Call-to-action-knoppen: tekst, kleur en plek die wél klikken opleveren

Elke pagina op je website heeft één doel: de bezoeker een volgende stap laten zetten. Offerte aanvragen, bestellen, bellen, inschrijven. Die stap zit bijna altijd achter een knop — de call-to-action. Gek genoeg is dat vaak het element waar tijdens het ontwerp het minst over is nagedacht. “Verzenden” in een grijs vlak onderaan de pagina, klaar. Terwijl een paar bewuste keuzes in tekst, kleur en plek het verschil maken tussen een pagina die aanvragen oplevert en een pagina die alleen bekeken wordt.

De tekst: zeg wat er gebeurt

“Verzenden”, “Klik hier” en “Meer info” zijn de drie meest gebruikte knopteksten — en de drie slechtste. Ze zeggen niets over wat de bezoeker krijgt. Een goede knoptekst beantwoordt de vraag “wat gebeurt er als ik hierop druk?” Vergelijk “Verzenden” met “Vraag een vrijblijvende offerte aan” of “Plan een kennismaking”. De tweede variant neemt twijfel weg, want de bezoeker weet precies waar hij aan begint. Schrijf vanuit de bezoeker, houd het kort en vermijd jargon. Een handige test: past de tekst na “Ik wil…”? Dan zit je meestal goed.

Zo laat je een knop werken

• Eén hoofdknop per scherm. Drie even opvallende knoppen naast elkaar is hetzelfde als geen knop. Kies de belangrijkste actie en maak de rest visueel ondergeschikt, bijvoorbeeld als tekstlink.
• Kies contrast, niet je huisstijlkleur. De beste knopkleur is niet per se mooi, maar springt eruit tegen de rest van de pagina. Gebruik die kleur nergens anders voor, zodat je oog automatisch naar de actie gaat.
• Maak hem groot genoeg. Op een telefoon moet een knop met een duim te raken zijn: minimaal zo’n 44 pixels hoog, met ruimte eromheen. Kleine knoppen kosten letterlijk klanten.
• Herhaal op logische plekken. Bovenaan voor bezoekers die al overtuigd zijn, na de argumenten voor wie nog twijfelt, en onderaan voor wie tot het einde leest. Herhaling is geen opdringerigheid — scrollen is werk.
• Neem de angst weg. Een regeltje onder de knop (“Geen verplichtingen”, “Binnen één werkdag reactie”, “Gratis retourneren”) verlaagt de drempel meer dan de knop zelf.

Meten of het werkt

Een knop verbeteren is bij uitstek iets wat je kunt meten. Registreer klikken op je belangrijkste knoppen in je statistiekentool, en vergelijk de conversie vóór en na een aanpassing. Heb je genoeg bezoekers, dan kun je twee varianten tegelijk testen. Heb je die niet, houd het dan simpel: pas één ding tegelijk aan en geef het een paar weken. Verrassend vaak is de winst van een betere knoptekst groter dan die van een compleet nieuw ontwerp.

Onze conclusie

Je call-to-action is de deurklink van je website. Hij hoeft niet te schreeuwen, maar hij moet wel gevonden worden, duidelijk zeggen wat er gebeurt en makkelijk te gebruiken zijn. Loop vandaag nog je belangrijkste pagina’s langs en vervang elke “Verzenden” door iets wat de bezoeker daadwerkelijk wil.

Benieuwd of de knoppen op jouw site opleveren wat ze zouden moeten? We kijken graag met je mee.