Elke pagina op een website probeert een bezoeker iets te laten doen. De call to action is het element dat die vraag expliciet maakt. Zonder CTA moet een bezoeker die klaar is om te handelen zelf uitzoeken wat de volgende stap is, en veel bezoekers doen dat niet.
Een call to action (CTA) is een knop, link of stukje tekst dat een websitebezoeker naar een specifieke volgende stap stuurt. Die stap kan zijn: een gesprek plannen, een offerte aanvragen, je aanmelden, iets downloaden of contact opnemen. Een call to action maakt de gewenste actie zichtbaar, duidelijk en makkelijk te doen. Pagina's zonder duidelijke CTA geven bezoekers geen richting en geen duidelijke reden om te blijven.
Welke soorten calls to action zijn er?
Naar vorm
Een knop-CTA is de meest gebruikte vorm. Een klikbare knop met actiegerichte tekst staat op een plek waar hij goed te zien is. Knoppen werken omdat ze visueel opvallen tussen de rest van de pagina en duidelijk laten zien dat je erop kunt klikken.
Een tekstlink-CTA, ingebed in een zin van de lopende tekst, valt minder op dan een knop. Het voordeel is de plek. Hij kan precies staan waar de aandacht van de lezer is op het moment dat de actie het meest logisch is.
Een sticky balk of banner-CTA beslaat de volle breedte van de pagina en blijft zichtbaar terwijl de bezoeker scrolt. Dit werkt goed voor aanbiedingen met een deadline, of als één actie op elke pagina terug moet komen.
Sommige CTA's slaan het klikken helemaal over. Een formulierblok vraagt bezoekers om hun gegevens direct op de pagina in te vullen, in plaats van ergens anders heen te klikken. Contactformulieren en nieuwsbriefaanmeldingen zijn de bekendste voorbeelden.
Naar doel
Niet elke CTA heeft hetzelfde doel. Een primaire CTA stuurt aan op de belangrijkste actie op de pagina, meestal boeken, kopen of contact opnemen. Secundaire CTA's brengen bezoekers naar verwante acties die bijdragen aan het hoofddoel, zoals een klantcase lezen, de prijzen bekijken of een demo bekijken.
Waar plaats je calls to action op een website?
De plek hangt af van het type pagina en van waar de bezoeker in het beslisproces zit als hij bij elk deel aankomt.
Op een homepage hoort de primaire CTA above the fold, zichtbaar zonder te scrollen. Bezoekers die via een zoekopdracht of verwijzing binnenkomen en meteen zien dat het bedrijf bij hen past, handelen snel als de CTA er staat. Een tweede CTA onderaan de homepage vangt bezoekers op die verder lezen voordat ze beslissen. Het artikel over hoe je een homepage ontwerpt die werkt laat zien hoe de CTA samenwerkt met de rest van de homepage-opmaak.
Op een dienst- of productpagina komt de primaire CTA na de beschrijving van wat erbij zit, maar voordat de bezoeker voorbij het punt moet scrollen waarop hij genoeg heeft gezien om te beslissen. Een tweede CTA aan het eind van de pagina vangt bezoekers op die tot onderaan lezen.
Op blogartikelen en informatieve pagina's horen CTA's in de context, op het moment dat de content een probleem heeft behandeld dat het bedrijf oplost. Een CTA direct na een sectie die uitlegt waarom iets belangrijk is, werkt beter dan een CTA aan het eind van een artikel dat de bezoeker misschien niet uitleest. Hoe navigatie en paginastructuur samen bezoekers tussen pagina's laten bewegen, lees je in wat websitenavigatie is.
Hoe schrijf je een call to action die werkt?
Een sterke CTA-tekst is concreet over wat er gebeurt als de bezoeker klikt. "Plan een gratis gesprek" is duidelijker dan "Neem contact op". "Bekijk de prijzen" is duidelijker dan "Lees meer". "Download de checklist" is duidelijker dan "Klik hier". De bezoeker moet precies weten wat hij krijgt of wat er gaat gebeuren voordat hij klikt.
De simpelste formule voor een CTA-tekst is een werkwoord gevolgd door het concrete resultaat of wat er wordt aangeboden. "Vraag je offerte aan." "Start je gratis proefperiode." "Bekijk de hele klantcase." Elk daarvan vertelt de bezoeker wat hij krijgt, niet alleen dat hij iets moet doen.
Bij dienstverleners presteert een CTA-tekst die het ervaren risico wegneemt beter dan een algemene variant. "Plan een gratis gesprek van 20 minuten" is minder bedreigend dan "Plan een adviesgesprek". "Vraag een vrijblijvende offerte aan" haalt de angst weg dat je tot een aankoop wordt gedwongen. Door de twijfel in de CTA zelf aan te pakken, haal je frictie weg bij bezoekers die geïnteresseerd maar voorzichtig zijn.
Hoeveel calls to action moet een pagina hebben?
Een pagina heeft één primaire CTA en hooguit een of twee secundaire CTA's. Een pagina met vijf verschillende calls to action die om aandacht strijden, geeft bezoekers te veel keuze en levert meestal minder conversies op dan een pagina met één duidelijke primaire vraag. Als elk element op een pagina het belangrijkste wil zijn, is niets dat nog.
De uitzondering zijn lange pagina's met meerdere afzonderlijke secties, waar een herhaalde primaire CTA aan het eind van elke sectie bezoekers een duidelijk pad geeft, ongeacht hoe ver ze scrollen voordat ze besluiten te handelen. Hoe paginastructuur en de plek van belangrijke acties het gedrag van bezoekers sturen, lees je in wat UX-design is.
Hoe verschilt een CTA bij dienstverleners en productbedrijven?
Productbedrijven kunnen directe transactionele CTA's gebruiken, omdat de volgende stap duidelijk is: het product kopen. "In winkelwagen" en "Nu kopen" werken omdat de bezoeker precies weet waar hij zich aan verbindt.
Dienstverleners vragen bezoekers meestal eerst om een stap met minder verplichting, omdat een dienst niet met één klik te koop is. Het doel is de bezoeker in gesprek te krijgen, niet een transactie af te ronden. CTA's als "Plan een gratis gesprek", "Vraag een offerte aan" of "Stuur ons je projectomschrijving" brengen bezoekers van dienstverleners verder zonder een verplichting te vragen waar ze nog niet klaar voor zijn. De taal moet passen bij waar de bezoeker in zijn beslisproces zit.
Waarom faalt een call to action?
Een CTA faalt als hij onzichtbaar, vaag of op het verkeerde moment geplaatst is. Een knop die opgaat in de achtergrondkleur van de pagina wordt niet geklikt. Een CTA met "Verzenden" zegt de bezoeker niets over wat hij krijgt. Een CTA die staat voordat de bezoeker een reden heeft gezien om te handelen, wordt genegeerd omdat de bezoeker er nog niet klaar voor is.
Visueel contrast is de betrouwbaarste oplossing voor onzichtbare CTA's. De kleur van de knop moet duidelijk verschillen van de elementen eromheen. Witruimte rond de CTA scheidt hem van de content en trekt het oog ernaartoe. Wat visuele hiërarchie is legt uit hoe contrast en ruimte de aandacht van een bezoeker sturen naar de elementen die op een pagina het belangrijkst zijn.
Zo regelt WEMASY calls to action
De WEMASY Websitebouwer heeft CTA-knopblokken, bannerblokken en formulierblokken die je met de drag-and-drop-editor overal op een pagina kunt zetten. Knopkleuren worden bepaald door de huisstijlkleuren en gelden consistent op alle pagina's. De CTA-tekst bewerk je direct in het blok, zonder het ontwerp te raken. Plek, grootte en ruimte van knoppen pas je aan zonder code.
Bekijk wat erbij zit op de WEMASY Websitebouwer of vergelijk de abonnementen op de prijspagina.
Veelgestelde vragen
Welke kleur moet een call to action-knop hebben?
De knop moet duidelijk contrasteren met de achtergrond en de elementen eromheen. De precieze kleur maakt minder uit dan het contrast. Een knop in dezelfde kleurfamilie als de achtergrond wordt onzichtbaar. Een knop in een kleur die afsteekt tegen de pagina valt direct op. Bij de meeste websites maakt één consistente accentkleur voor alle primaire CTA-knoppen ze voorspelbaar en makkelijk te vinden als bezoekers van pagina naar pagina gaan. Met de Websitebouwer van WEMASY stel je dit direct in op je website.
Is een call to action hetzelfde als een landingspagina?
Nee. Een call to action is een element op een pagina dat een bezoeker naar een specifieke actie stuurt. Een landingspagina is een zelfstandige pagina rond één conversiedoel, met meestal een primaire CTA als belangrijkste element. Een landingspagina bestaat om een CTA te ondersteunen. De CTA op een landingspagina zorgt voor de conversie waarvoor de pagina is gebouwd.
Hoe weet je of een call to action werkt?
Door de CTR van de CTA en het conversiepercentage van de pagina waarop hij staat bij te houden. Als veel bezoekers op de pagina komen maar weinig op de CTA klikken, is de knop misschien niet goed genoeg te zien, is de tekst niet overtuigend of staat de CTA op het verkeerde punt van de pagina. Een variabele tegelijk testen, eerst de tekst, dan de plek en dan de kleur, is de betrouwbaarste manier om te zien welke aanpassing verbetering geeft.
Moet elke pagina op een website een call to action hebben?
Ja. Elke pagina die een bezoeker kan bereiken, hoort minstens één duidelijke volgende stap te hebben. Ook informatieve pagina's die niet als conversiepagina zijn bedoeld, moeten bezoekers ergens naartoe wijzen. Dat kan een verwant artikel zijn, een relevante dienstpagina of de contactpagina. Een pagina zonder CTA is een doodlopende weg. De volgende stap hoeft geen harde verkoopboodschap te zijn, maar hij moet er wel zijn en makkelijk te vinden.
Wat is het verschil tussen een primaire en een secundaire call to action?
Een primaire CTA is de belangrijkste actie die een bezoeker op een pagina kan doen, meestal de actie die direct naar een conversie leidt, zoals boeken, kopen of contact opnemen. Een secundaire CTA biedt een alternatief met minder verplichting voor bezoekers die nog niet klaar zijn voor de primaire actie, zoals een klantcase bekijken, meer lezen over een dienst of je aanmelden voor updates. Beide helpen bezoekers in verschillende fasen van hun beslisproces. De primaire CTA moet altijd meer opvallen dan de secundaire.