8 tips voor een optimale call to action button
Niet alleen bezoekers, maar ook die waardevolle conversies
Waarschijnlijk kom je elke dag honderden buttons/knoppen op het internet tegen die je vragen om een actie- of handeling uit te voeren. Dit gaat van het inschrijven tot een nieuwsbrief tot het doen van een aankoop van een nieuwe broek.
In online marketing worden deze knoppen CTA’s (call to action/ oproep tot actie) genoemd. Deze CTA’s zijn enorm belangrijk om jouw bezoekers te transformeren tot waardevolle klanten. Veel bedrijven gaan hier echter slordig mee om. Want, wanneer is het nou een goede CTA en hoe zorg je er nu voor dat deze goed op jouw website naar voren komt?
Lees gauw verder, ik help je met acht tips naar een optimale call to action button.
1. Zorg ervoor dat de CTA eruitziet als een knop
Tegenwoordig worden buttons steeds minimaler gemaakt in een webdesign. Bijvoorbeeld geen randen of juist alleen een rand en geen achtergrond kleur. Dit kan mooi staan bij een design, maar vergeet niet dat jouw belangrijkste CTA het snelst gevonden moet kunnen worden door jouw bezoekers.
Je wilt namelijk dat zij een conversie doen op jouw website, de conversie (dit kan in allerlei vormen) is namelijk het doel van jouw website!
Het lijkt zo vanzelfsprekend, maar een CTA moet direct herkenbaar zijn. Een link als een link en een knop als een knop. Dit is precies de reden waarom een plaatje of banner niet goed kan werken, door ‘bannerblindheid’ en de vorm beschouwen bezoekers dit waarschijnlijk niet als een knop.
Een pagina kan meerdere CTA’s bevatten, belangrijk hierbij is dat de primaire knop een afwijkende vorm, kleur of positie te geven waardoor deze het meest opvalt. De secundaire knoppen, geef je daarom een minder opvallende vorm of positie. Bied vooral niet te veel keus, want dit zorgt alleen maar voor keuzestress.
Tip: Maak één ding belangrijk! Wanneer alles belangrijk is, dan is niets meer belangrijk…
2. Size does matter!
Naast de herkenbaarheid (vorm en kleur) is de grootte van de CTA erg belangrijk. Met een groter formaat geef je simpelweg het belang van deze actie aan en valt deze button meer op. Veel CTA’s zijn te klein om écht de aandacht te trekken van de bezoeker en hierdoor kan dit een negatief effect hebben op jouw conversiepercentage.
De exacte grootte van de knop is niet zo belangrijk, maar plaats het in een perspectief. De verhouding van de knop ten opzichte van de lopende teksten, kopteksten en afbeeldingen is daarom belangrijk. Zorg ervoor dat deze net wat groter is, de knop mag gerust 200 tot 300 pixels breed zijn.
Let wel op: overdrijf het niet, want een te grote knop kan averechts werken.
3. Kies een opvallende/afwijkende kleur
Er bestaat geen standaard (één beste kleur) voor een CTA. De kleuren van jouw knoppen lijken soms erg logisch, maar toch worden ze vaak niet goed begrepen door de bezoekers. Bepaalde kleuren zullen geassocieerd worden met gevoelens, zo zal groen vaak een positieve invloed hebben op het gevoel van de mens en de kleur rood met ‘stoppen’. Dit neemt niet weg dat ook de kleur rood een succesvolle kleur kan zijn voor een CTA op jouw website!
Tip: Kijk door je oogharen en ontdek of hij nog steeds opvalt. Ja? Dan is hij goed. Nee? Zorg voor een sterkere afwijkende kleur.
Het is van groot belang dat je een kleur gebruikt die een groot contrast heeft met het webdesign van jouw website. Gebruik daarom geen groene knop in een groene huisstijl, maar kies dan bijvoorbeeld voor een oranje knop. Sterke kleuren zoals groen, rood, oranje en geel werken vaak goed, vooral omdat deze vaak niet de hoofdkleur van een huisstijl zijn. Het menselijk oog pakt kleuren als blauw en paars minder goed op dan één van de bovengenoemde sterke kleuren.
Versterk de boodschap door het gebruik van icoontjes
Naast een pakkende tekst kan het toevoegen van een icoontje in een knop het nog duidelijker maken waar deze voor dient. Bijkomend voordeel is dat het de knop ook nog meer kan laten opvallen. Houd er wel rekening mee dat het icoontje direct te herkennen is voor een bezoeker en niet voor verwarring zorgt.
4. Op de juiste plek, op de juiste tijd
Het positioneren van jouw (primaire) CTA is naast een opvallende vorm en kleur enorm belangrijk. Al valt de button nog zo goed op, als de bezoeker deze CTA niet tegenkomt, zal er ook niet op geklikt worden. Het is dus de bedoeling dat de bezoekers jouw CTA zien, maar de timing moet wel kloppen.
Veel mensen denken dat het belangrijk is om de CTA direct boven aan de pagina te plaatsen, maar dit hoeft niet altijd het geval te zijn. Vooral bij een product/dienst die wat meer uitleg vergt, is het belangrijk dat de bezoeker eerst meer informatie kan vergaren om vervolgens overtuigd te raken en hierdoor bijvoorbeeld een aankoop te doen.
Door bijvoorbeeld gebruik te maken van A/B testing, kan het blijken dat een wat lager (later) gepositioneerde knop beter werkt dan een knop direct boven in de pagina. Mocht jouw webpagina heel lang zijn, dan zou je kunnen overwegen om zowel boven- als onderaan de pagina een CTA te plaatsen. Een (nog beter) alternatief is, om de button (of een blok) gefixeerd te plaatsen op de pagina, zodat deze altijd in beeld is.
Tip: Maak gebruik van gefixeerd gepositioneerde CTA blokken, zodat de bezoeker altijd de mogelijkheid heeft om over te gaan tot een conversie.
5. Trek de aandacht, maar behoud de focus
Trek eerst de aandacht, maar zorg ervoor dat de focus van de bezoekers blijft. Deel daarom je pagina logisch en overzichtelijk in. Hoe een pagina ingedeeld is, heeft namelijk grote invloed op hoe een bezoeker de informatie verwerkt.
Maak gebruik van witruimte en kaders
De kunst van een design is om het rustig te houden, maar de focus te trekken naar de juiste elementen op de website. Plaats daarom je belangrijkste informatie bijvoorbeeld in een kader. Een knop als focuspunt binnen dit kader zal de aandacht trekken van je bezoeker en hem dwingen om te kijken!
Visuele elementen om de kijkrichting te bepalen
Ook het gebruik van visuele elementen als lijnen en pijlen kunnen het gedrag van een bezoeker beïnvloeden, (on)bewust kun je de bezoeker hiermee sturen naar jouw CTA.
6. Houd de bezoeker in de juiste flow
Er zijn diverse online marketingmodellen waarmee inzichtelijk gemaakt kan worden wat een goede flow van bezoekers op jouw website is. Denk bijvoorbeeld aan het See, Think, Do, Care model wat wij altijd gebruiken. Maak een bezoeker eerst nieuwsgierig, zorg dat deze enthousiast wordt en verleidt hem daarna tot het doen van een aankoop. Voor een optimaal effect moet de CTA op een logische plek staan en onderdeel zijn van deze klantreis en flow.
Staat deze knop dichtbij de belangrijkste informatie, dan kan de gebruiker hem bijna niet missen. De Gestalttheorie gaat hier dan op. Deze theorie beschrijft dat mensen zoeken naar samenhang en wat dichtbij elkaar staat en hierdoor bij elkaar lijkt te horen. Een CTA in een sidebar kan om deze reden bijvoorbeeld minder effectief zijn (terwijl deze toch altijd in beeld staat).
Extra triggers om bezoekers te laten converteren
Naast de plek, vorm, kleur en boodschap zijn er wat enkele triggers om mensen net dat kleine zetje te geven om over te gaan tot een conversie. Hierbij kun je gebruikmaken van bijvoorbeeld:
- Een aftel timer of schaarse beschikbaarheid
Een goed voorbeeld is booking.com die gebruikmaakt van het creëren van schaarste. Zij laten de bezoeker denken dat ze snel moeten beslissen omdat anders het product/dienst niet meer te verkrijgen is. - Sociale bewijslijst
Zorg ervoor dat je jouw bezoeker overtuigt van het product, plaats reviews, likes en waarderingen op jouw website. Bij voorkeur ook van echte personen met foto’s. Dit vergroot het vertrouwen van de bezoeker in jouw product - Maak gebruik van autoriteiten
Plaats certificaten en keurmerken om zo aan te tonen dat mensen ‘veilig’ zaken kunnen doen via jouw website.
7. Content en design gaan hand in hand
We hebben veelal gesproken over het uiterlijk en de plek waar de CTA staat, maar de content (teksten) zijn in dit geval minstens zo belangrijk. Enkele tips voor jou om jouw CTA button te versterken.
Wees duidelijk
De tekst van de CTA moet duidelijk aangeven wat de bezoeker krijgt, wanneer deze hier op klikt. De tekst heeft een grote invloed op de conversie, zeg dus bijvoorbeeld niet zomaar: ‘Klik hier!’, maar probeer duidelijk te houden.
Maak het persoonlijk
Maak de CTA persoonlijk, dat spreekt bezoekers meer aan. In plaats van een knop met de tekst ‘verzenden’ kun je bijvoorbeeld een lekker enthousiaste tekst gebruiken waarbij het ook duidelijk is wat de bezoeker kan verwachten.
Bijvoorbeeld ‘Ja, stuur mij deze checklist!’, door woorden als jou en jij te gebruiken, maak je het persoonlijk. Combineer je het vervolgens ook nog met een tekst wat de lading dekt (bijvoorbeeld het ontvangen van de checklist), dan zal er geen verwarring ontstaan bij de bezoeker.
Tip: Uiteraard houd je hier rekening met jouw aanspreekvorm. Als je alles in formeel taalgebruik en u-vorm op de website hebt staan, dan werkt informele taal op je call to action juist averechts.
8. Blijf testen!
Zoals eerder aangegeven is er geen vaste vuistregel of spelregel voor de optimale CTA knop. Er is geen ‘doe dit en je hebt de meeste conversies’ tip. Bovenstaande tips zullen je goed op weg helpen, twijfel je of ben je benieuwd of je nog meer uit je CTA kunt halen? Ga dan A/B testen!
Bij A/B testen toon je willekeurig aan de ene helft van je bezoekers bijvoorbeeld een groene knop waar de andere helft een oranje knop te zien zal krijgen. Middels een hulpmiddel (tool) kun je dan inzichtelijk krijgen welke button voor jouw pagina het beste werkt.
Er zijn diverse tools op de markt waarmee dit mogelijk is, zoals:
Er bestaat geen gouden regel
Er is geen gouden regel voor wat nou precies werkt en wat niet. Het hangt van diverse factoren af zoals het webdesign, de actie en de doelgroep. Daarnaast speelt jouw dienstverlening ook mee. Verkoop je laagdrempelige producten aan consumenten of ben je een B2B webshop met gigantische orderwaardes? Het maakt zeker wat uit en je zult zien dat wat voor de B2C webshop geldt, zeker niet voor de B2B webshop geldt. Beiden zullen op verschillende manieren hun CTA’s moeten gebruiken om hun webshop te promoten.
Een CTA button is slechts een onderdeel van het geheel wat het conversiepercentage van jouw website vormt, mijn collega Marije heeft hier in het artikel “Aan de slag met conversie optimalisatie”, ook al veel tips en advies over gegeven. Zorg ervoor dat jouw CTA’s bijdragen aan je conversies en klanten. Het hebben van bezoekers is leuk, maar als zij niets afnemen of kopen bij je, dan houd je het niet lang vol.
Call tracking
Call tracking marketing biedt waardevolle inzichten in de effectiviteit van je marketingcampagnes. Door nauwkeurig bij te houden welke advertenties tot telefoongesprekken leiden, kun je je strategie optimaliseren. Ontdek hoe call tracking marketing je conversies kan verhogen.
Wil je weten of wij je kunnen ondersteunen? Onze conversie optimalisatie specialisten kunnen in combinatie met de SEO specialisten en mijzelf (design) kijken wat er beter kan aan jouw website. Vraag de gratis Quickscan aan en ontdek jouw mogelijkheden.
Nog geen reacties.