Naar de inhoud
fusionstudios.
Webdesign3 september 20266 min

Call-to-action voorbeelden die wel werken (en welke niet)

In het kort

Een goede call-to-action zegt wat er gebeurt als je klikt en wat de bezoeker eraan heeft. Dit zijn concrete voorbeelden per situatie, een tabel met zwakke tegenover sterke knopteksten, waar je ze plaatst en hoe je meet of ze werken.

Door Jamey Weber

Het korte antwoord: een goede call-to-action benoemt wat er gebeurt als je klikt en wat de bezoeker eraan heeft. "Vraag een offerte aan" wint het vrijwel altijd van "Verzenden", en "Plan een kennismaking van 20 minuten" van "Contact". De formule is werkwoord plus resultaat, en waar het kan de inspanning die het kost. Hieronder staan voorbeelden per situatie en de woorden die je beter laat staan.

Wat een call-to-action is

Een call-to-action, vaak afgekort tot CTA, is de plek waar je de bezoeker vraagt de volgende stap te zetten. Meestal een knop, soms een link in de lopende tekst, soms een formulier of een klikbaar telefoonnummer. Het gaat niet alleen om de knop zelf: de zin erboven, wat je vraagt en wat je belooft na de klik horen er net zo goed bij.

De meeste websites hebben er wel een, maar hij is te vaag of hij staat er maar één keer. Een bezoeker die halverwege overtuigd raakt, moet dan helemaal terug naar boven. Dat is geen detail, dat is een lek.

Drie eigenschappen van een CTA die werkt

  • Hij benoemt de uitkomst. Niet wat jij doet ("Verzenden") maar wat de bezoeker krijgt ("Ontvang je prijsindicatie").
  • Hij verlaagt de drempel. Zeg erbij hoe lang het duurt, wat het kost of dat het vrijblijvend is. "Plan een kennismaking van 20 minuten" voelt kleiner dan "Neem contact op", terwijl het meer vraagt.
  • Hij past bij de fase. Iemand die net op een blogartikel is binnengekomen vraagt niet meteen een offerte aan. Bied daar een kleinere stap aan en bewaar de grote vraag voor je dienstpagina.

Zwak tegenover sterk

In plaats vanBeter
VerzendenVraag een offerte aan
ContactPlan een kennismaking van 20 minuten
Meer informatieBekijk de werkwijze in 5 stappen
Klik hierDownload de checklist (pdf)
InschrijvenOntvang de maandelijkse update
AanvragenOntvang binnen 2 werkdagen je prijsindicatie
Lees meerLees hoe we dit voor een hovenier deden

Voorbeelden per situatie

Dienstverlener met offertes

"Vraag een vrijblijvende offerte aan", "Ontvang een prijsindicatie op maat", "Bespreek je project in een gesprek van een half uur". Zet er direct onder wat er daarna gebeurt: wie er belt, binnen hoeveel tijd, en of er kosten aan verbonden zijn. Die ene zin haalt de meeste twijfel weg.

Lokale ondernemer

Op mobiel is bellen vaak de kortste route: "Bel direct", met het nummer als klikbare link, en daarnaast "Bekijk de openingstijden" of "Plan een afspraak". Vermeld je werkgebied in de zin erboven, zodat meteen duidelijk is dat je bij die bezoeker in de buurt komt.

Webshop

"In winkelwagen" is prima, want iedereen kent het. De winst zit eromheen: verzendkosten, levertijd en retourvoorwaarden vlak bij de knop. En op de winkelwagenpagina één duidelijke knop naar de kassa, niet drie knoppen die om aandacht vechten.

Blog en kennisbank

Sluit af met een stap die past bij het onderwerp van het artikel. Onder een stuk over kosten past "Bereken je prijs", onder een stuk over vindbaarheid past "Vraag een gratis check aan". Een algemene contactknop onder elk artikel levert weinig op, omdat hij niets te maken heeft met wat iemand net gelezen heeft.

Landingspagina

Hier hoort precies één actie te staan, meerdere keren herhaald met dezelfde tekst. Geen navigatie die afleidt, geen tweede aanbod ernaast. Waarom dat zo is en wanneer je zo'n pagina nodig hebt, staat in wat is een landingspagina en wanneer heb je er een nodig.

Waar je de call-to-action zet

  • Direct zichtbaar bij binnenkomst, zonder scrollen, voor de bezoeker die al weet wat hij wil.
  • Na elk overtuigingsmoment: onder de uitleg van je werkwijze, onder je prijzen, onder een case. Daar valt de beslissing.
  • Aan het einde, waar de bezoeker die alles heeft gelezen anders in het niets eindigt.
  • Op mobiel binnen duimbereik, dus onderin beeld en niet ergens hoog op de pagina.

Eén hoofdactie per scherm is de regel. Twee knoppen naast elkaar met evenveel nadruk laten de bezoeker kiezen in plaats van klikken. Heb je echt een tweede optie, geef die dan minder gewicht: een gewone link in plaats van een knop.

Hoe hij eruitziet

Vorm doet minder dan tekst, maar een paar dingen zijn de moeite waard. Gebruik één opvallende kleur die je verder nergens voor gebruikt, zodat de knop niet opgaat in de rest. Maak hem groot genoeg om op een telefoon zonder mikken te raken. Zorg dat het contrast tussen tekst en achtergrond hoog genoeg is om leesbaar te blijven in fel zonlicht. En houd de vorm van je knoppen op de hele site gelijk, zodat bezoekers na één pagina weten wat aanklikbaar is.

Woorden die je beter vermijdt

  • Vage werkwoorden als "indienen", "doorgaan" of "ok". Ze beschrijven jouw systeem, niet de winst van de bezoeker.
  • Nepschaarste als "nog 3 plekken" terwijl dat niet klopt. Dat werkt één keer en kost daarna vertrouwen.
  • Jargon als "start je funnel". Gebruikt je klant het woord niet, dan hoort het niet op je knop.
  • De afwijzing in de ik-vorm, zoals "Nee, ik wil geen klanten" naast de ja-knop. Het is irritant en het zegt iets over hoe je met mensen omgaat.

Meten of hij werkt

Registreer klikken op je knoppen en op je telefoon- en mailkoppelingen als doel in je statistieken. Kijk vervolgens naar twee getallen: hoeveel bezoekers klikken, en hoeveel van die klikkers de aanvraag ook afmaken. Klikt bijna niemand, dan is je tekst of je plaatsing het probleem. Klikken ze wel maar haakt iedereen daarna af, dan zit het probleem in het formulier of in wat er na de klik gebeurt. De rest van die aanpak staat in conversieoptimalisatie: meer aanvragen uit dezelfde bezoekers.

Veelgestelde vragen

Hoeveel calls-to-action mag één pagina hebben?

Eén actie, zo vaak herhaald als de lengte van de pagina vraagt. Bij een korte pagina twee keer, bij een lange pagina na elk overtuigingsblok. Verschillende acties door elkaar laten mensen aarzelen.

Werkt een knop beter dan een link in de tekst?

Voor de hoofdactie wel, omdat een knop opvalt en duidelijk aanklikbaar is. Links in de lopende tekst werken goed voor de bezoeker die aan het lezen is en dieper wil, bijvoorbeeld naar een case of een uitleg.

Moet de knoptekst in de ik-vorm?

"Vraag mijn offerte aan" tegenover "Vraag een offerte aan": beide komen voor en het verschil is klein. Belangrijker is dat er een werkwoord en een resultaat in staan. Kies één stijl en houd die op de hele site vol.

Wat zet ik op de bedankpagina?

Vertel wat er nu gebeurt en wanneer, en geef één zinvolle vervolgstap: een relevante case, je agenda om meteen een moment te kiezen, of je telefoonnummer voor als het haast heeft. Een lege bedankpagina laat momentum liggen.

Helpt een pop-up?

Soms, maar hij kost bijna altijd iets. Een pop-up die direct verschijnt onderbreekt iemand die nog niets heeft gelezen, en op mobiel telt hij mee als storend element in de beoordeling van je pagina. Een vaste balk onderin doet meestal hetzelfde werk zonder de irritatie.

Wil je een pagina die om één actie is gebouwd in plaats van er achteraf een knop op te plakken? Bekijk hoe wij een landingspagina laten maken aanpakken.

Aan de slag

Klaar voor een betere website?

We denken graag vrijblijvend met je mee. Bekijk wat we doen of bereken een indicatie.

Klaar om jouw merk te laten groeien?

Vertel ons over je project. We denken graag met je mee, vrijblijvend.

5.0 op GoogleLive binnen 5 weken
Start een project

Vrijblijvend. Je hoort binnen één werkdag van Jamey.

Liever eerst even sparren? App of bel Jamey op 06 40866279.

BellenWhatsAppStart een project