Een Call to Action, of CTA, is een oproep aan je bezoeker om een actie te ondernemen. Leer hoe je met conversie optimalisatie je Calls to Action beter kunt maken zodat je meer conversies krijgt.
Inhoudsopgave
- Wat is een Call to Action?
- Call to Action voorbeelden
- Call to Action Button
- Call to Action website
- Above the fold
- Marketingles
Wat is een Call to Action?
Een Call to Action is een sterk middel om je bezoeker te activeren. Een van de bekendste Call to Action voorbeelden is een button.
Klik hier, lees meer, schrijf je in, meld je aan, bestel nu, kopen, aan winkelmandje toevoegen, bekijk het webinar, download het e-book, inloggen, registreren, etc. Zomaar wat voorbeelden die je kunt gebruiken om je doelgroep de door jou gewenste actie te laten uitvoeren.
We raden daarom aan om ALTIJD een Call to Action toe te voegen aan je webpagina’s. Tenzij je een liefdadigheidsinstelling bent zonder winstoogmerk (en zelfs dan nog liever wel een CTA toevoegen), wil je altijd dat je bezoekers converteren tot leads, prospects of klanten.
Door aan te geven wat je van je bezoekers verwacht, kun je hen beter sturen in hun buyer journey.
Wat de beste CTA is, kunnen we niet voorspellen. Het hangt vooral af van wat voor jou het belangrijkste doel is. Bij een B2B webshop verwacht je dat de koopknop de belangrijkste CTA is.
Als je vooral leads verzamelt, is misschien je contactformulier en de Call to Action button die daar naartoe leidt je belangrijkste CTA.
Je kunt zelfs experimenteren met je CTA’s. Test verschillende kleuren buttons, pas de tekst in je button aan, etc.
We hebben het al vaker gezegd, maar we herhalen het nog maar eens: CRO is vooral experimenteren. Stel een hypothese, of meerdere hypotheses op, en ga dan testen om te zien of ze kloppen.
Call to Action voorbeelden
Call to Action voorbeelden zijn handig om beter te snappen waar we over praten. Bovendien geven ze inspiratie hoe je dit zelf kunt toepassen op je eigen website.
Laten we beginnen met Wijnhandel Appeldoorn. Zij hebben een productpagina met als CTA ‘Fles’ of ‘Doos (12)’. Prima CTA, duidelijk, logische plek, ‘above the fold’.
Toch zou je kunnen testen of je het conversiepercentage kunt verhogen. Wat als je een van de knoppen oranje maakt? Nu zijn alle knoppen op de website groen. Maar een oranje knop valt meer op en contrasteert goed met alle andere kleuren van de website.
Door dit soort experimenten te doen, kun je ontdekken of je jouw conversieratio kunt optimaliseren.
Een ander Call to Action voorbeeld is Bol.com. Bol.com is een online webwinkel, de grootste van Nederland. Het mooie is dat je als online marketeer of ondernemer ontzettend veel van kunt leren van hen.
Bol.com heeft een speciaal CRO team wat compleet toegewijd is aan het optimaliseren van de conversie ratio. Ga er dus van uit dat over elke knop, locatie van de button, de kleur van de button, de tekst in de button, bijna elk onderdeel, bewust is nagedacht.
Als we kijken naar de homepage van Bol.com, zien we een kader ‘van tuinstoel tot grasmaaier, alles voor buiten’. Het is mei als we dit artikel schrijven, dus super relevant. Mensen willen weer buiten in de tuin zitten en van de zon genieten. Goede banner om je website te openen, en super relevant voor je doelgroep, en daarom een mooie kans om veel geld te verdienen met de verkoop van tuinmeubels, potjes, schepjes, etc.
De homepage van Bol.com is erg blauw. Dat is hun merkkleur en komt ook weer overal terug. Zelfs de button ‘Bekijk nu’ is blauw. Nu is ‘Bekijk nu’ niet een hele sterke Call to Action. Het is nog vrij algemeen. Maar, wederom over nagedacht. Als bezoeker die naar de homepage van Bol.com gaat, ben je waarschijnlijk een beetje aan het rondkijken en aan het ‘window-shoppen’. Een knop met ‘Koop nu’ zou misschien te dwingend zijn. ‘Bekijk nu’, wekt nieuwsgierigheid en zorgt waarschijnlijk voor meer bezoekers die toch even een kijkje nemen en doorklikken.
Dit is heel anders als we kijken naar de productpagina’s van Bol.com. Als we kijken naar de complete collectie van The Wire (fantastische serie, aanrader!), dan zien we dat hier wel is gekozen voor een button met een opvallende kleur. Een oranje button met de tekst ‘In winkelwagen’ en een symbool van een winkelwagentje. Duidelijker kan haast niet, en dat is precies de bedoeling. Blauw is nog steeds de merkkleur die terugkomt in de bovenste balk. Maar de oranje koopknop contrasteert perfect met het neutrale en rustige blauw. Zo worden je ogen hierdoor meteen naar de koopknop getrokken en word je direct verleid om over te gaan tot actie.
Nog een Call to Action voorbeeld: Essent. Essent staat in de top 3 van grootste energiebedrijven van Nederland. Ze opereren in een zwaar beconcurreerde markt, én verdienen bakken met geld. Dat geld kunnen ze mooi investeren in CRO.
Want reken er maar op dat ook Essent heel goed wil weten wat hun bezoekers raakt. Hoe kun je bezoekers activeren met een goede CTA? Wat prikkelt hen? Hoe haal je de bezoeker over om bij jou een energiecontract te sluiten en niet bij Eneco, Vattenfall of een andere partij?
Wederom, net als bij Bol.com, zijn er mensen wiens enige taak is om CRO experimenten op te zetten en te testen hoe ze zoveel mogelijk aanvragen voor nieuwe energiecontracten kunnen krijgen.
Essent heeft sterke branding: het bedrijfslogo is ook hun naam, de herkenbare knalroze kleur, de monteur uit de TV reclames (een herkenbaar en vertrouwd gezicht). Overal is over nagedacht.
Zo ook over de knop op de homepage. Een turquoise knop die heel goed contrasteert met de roze achtergrond. Met als kers op de taart, de service monteur die richting de tekst en de knop kijkt. Dit heet ook wel gaze cueing. Kort gezegd, als website bezoeker volg je automatisch de blik van een ander menselijk persoon op de website. Als die naar boven kijkt, volg je zijn blik naar boven. Als hij naar beneden kijkt, kijk jij ook naar beneden, en kijkt de service monteur naar links, dan kijk jij ook automatisch naar links. Als daar nog een Call to Action in de vorm van een button staat, heb je nog grotere kans op een conversie.
Ook mooi is de Call to Action op de homepage van Essent onder de button: ‘Al klant? bekijk dan hier je aanbod’. Dit is een tekstlink naar een andere pagina. Deze heeft geen opvallende kleur, is geen button en staat onder de belangrijkste CTA. Zo zie je dus wat voor Essent het belangrijkst is: nieuwe klanten. Plat gezegd: Als je nog geen klant bent, doet Essent er alles aan om je aandacht te trekken en je over te halen om iets bij hun af te sluiten. Als je eenmaal klant ben, dan zoek je het maar uit, want dan ben je een stuk minder belangrijk. Zolang je maar je rekeningen blijft betalen ;-).
Nog een voorbeeld van een Call to Action. Laten we kijken naar KPN. Wederom een enorm bedrijf, met veel geld en budget en in een hyper-competitieve markt: telecom. Ook hier zitten mensen dagelijks te kijken hoe ze meer conversies uit de website kunnen halen.
Het mooie van de homepage van KPN is dat we wederom zien welke conversie voor hen belangrijk is. Ze willen vooral dat je hun weekenddeal gaat kopen. De blauwe knop is het meest opvallend (hoewel de afbeelding van de TV, het groene vlak onder de TV en de gele confetti een beetje afleiden). Maar toch zal je aandacht eerder naar de blauwe knop gaan, dan naar de witte button.
Wat helemaal goed gedaan is, is de timer die afloopt. Je hebt nog twee dagen om de deal te sluiten. Dit creëert een gevoel van schaarste en kan een extra zetje zijn wat je bezoeker nodigt heeft om tot actie over te gaan en hun aankoop te doen.
Zo heb je een aantal goede CRO voorbeelden die je kunt toepassen op je eigen website om meer conversies te krijgen en je conversieratio te verhogen.
Call to Action button
Een Call to Action button is vaak de meest gebruikte Call to Action. Je ziet zelfs Calls to Action in LinkedIn advertenties en Call to Action op Instagram, etc.
Als je Call to Action op je website een button is, raden we je aan om deze in een opvallende kleur te maken. Zo valt de knop goed op en trek je de aandacht van je bezoeker automatisch naar deze CTA button. Het liefst in een kleur die contrasteert met de primaire kleuren van je website.
Een mooi voorbeeld van hoe je meer uit je Call to Action button kunt halen is het volgende voorbeeld van een public affairs bureau. Zij hadden een homepage waarop meerdere buttons stonden. Alle buttons bevatten de tekst ‘Lees meer’.
Ten eerste is ‘Lees meer’ niet echt inspirerend. Het klinkt als: ‘lees nóg meer tekst’. Het voelt als meer werk. Zeker als je in één kader drie buttons hebt met ‘Lees meer’ als CTA. Bovendien weet de gebruiker zo niet goed wat hij kan verwachten na het klikken.
Wij adviseerden om de buttons aan te passen. ‘Bekijk het webinar’, ‘Doe een HR zelfscan’, en ‘Wie past bij u?’ (bekijk kandidaten) zijn al een stuk duidelijker en nodigen meer uit om verder te klikken. Zo krijgt het public affair bureau meer doorstroom naar belangrijke pagina’s en grotere kans op conversies.
De Call to Action van LinkedIn of Instagram of een ander social media platform is vrij beperkt. Je kunt een paar variaties kiezen, maar veel vrijheid heb je hierin niet. Je zou bijvoorbeeld ook al in de afbeelding, tekst of video waar je mee adverteert een CTA kunnen plaatsen om mensen te activeren.
Call to Action website
De Call to Action die je op je website plaatst, is erg belangrijk. Dit kan een koopknop zijn voor je webwinkel, of een button die naar je contactformulier leidt.
De locatie van deze Call to Action is daarom erg belangrijk. Met een Heatmap of Scrollmap, kun je zien welke onderdelen van je website aandacht trekken, waar mensen op klikken en tot hoever mensen naar beneden scrollen op je website.
Een Call to Action voorbeeld waar ruimte voor verbetering is, is als je met een scroll-map ziet dat slecht 50% van je bezoekers helemaal naar beneden scrollen op je landingspagina. Maar je belangrijkste CTA staat wel helemaal onderaan de pagina. Dat betekent dus dat 50% van je bezoekers of misschien meer, niet eens je CTA ziet. Een goede stap zou kunnen zijn om te testen of je meer conversies krijgt als je jouw CTA naar boven haalt en aan de bovenkant van de pagina plaatst (of misschien een ‘sticky’ button die de hele tijd in beeld blijft, ook al scroll je naar beneden.
Above the fold
Above the fold, boven de vouw. Het is een bekende term in CRO. Het liefst wil je jouw CTA boven de vouw hebben, of above the fold.
Above the fold betekent dat de CTA zichtbaar is in het eerste overzicht als je pagina geladen wordt op je laptop, tablet of mobiel. Zonder te scrollen zie je de titel van de pagina, waar deze over gaat, en een opvallende CTA.
Als je dit al doet, doe je het erg goed en is je CTA goed zichtbaar.
Als je gebruiker echter naar beneden moet scrollen en dan pas een button ziet, of een ‘stop in winkelwagentje’-icoon, of een andere belangrijke CTA, dan zit je Call to Action ‘below the fold’, of onder de vouw.
Je wilt dus het liefst dat je CTA direct zichtbaar is bij het openen van je webpagina. Als je bezoeker op je landingspagina komt, hoeft deze niet te scrollen om bij de Call to Action te komen.
Zorg dus altijd dat je met CTA’s above the fold werkt. Helemaal mooi is een ‘sticky button’ die we hierboven ook al beschreven, die meegaat als je omlaag scrolt.
Wil je een CRO checklist downloaden met meer dan 80 punten om te optimaliseren? Zo kun je zelf jouw CRO te verbeteren!
Klaar om te groeien?
Beschrijf jouw wens en krijg eerlijk advies over wat wij zouden doen in jouw situatie. Dit in de vorm van een kennismaking waarin we concrete kansen tonen hoe je meer resultaat uit jouw website kunt halen.
Bij Marquant willen we onze 30+ jaar ervaring inzetten om MKB ondernemers te helpen succesvol te zijn in B2B online marketing. Wil je meer weten over zaken als freelance online marketeer, uurtarief online marketeer of Online Marketing cases? Houd dan ons blog in de gaten!