10 tips voor de optimale call to action (CTA) button

,
Button met meer conversies als tekst en een witte pointer

Er komen veel bezoekers op jouw website, maar ze klikken maar niet op de knoppen op je website. Komt dit je bekend voor? Dan is de kans groot dat de buttons op je website niet optimaal zijn. Een call to action button is namelijk veel meer dan alleen een verwijzing naar de volgende pagina of actie. In deze blog geven we je tien tips voor de optimale call to action (CTA) button.

Geen tijd om het hele blog te lezen? Met deze beknopte samenvatting ben je helemaal up-to-date.

  • Gebruik een contrasterende kleur
  • Laat de knop er als een knop uitzien
  • Gebruik afgeronde hoeken
  • Gebruik de 1e persoon in de boodschap
  • Laat bezoekers een keuze maken
  • Maak gebruik van powerwoorden en verleidingswoorden
  • Geef je bezoekers een extra duwtje in de rug
  • Versterk de boodschap met icoontjes
  • Maak gebruik van sticky CTA-buttons op mobiel
  • Blijf testen

Wil jij ook van zoveel mogelijk websitebezoekers converterende klanten maken? Vraag dan gratis een CRO-voorstel aan.

1. Gebruik een contrasterende kleur

We kunnen je niet vertellen welke kleur CTA het beste werkt. Wat we wel kunnen zeggen is dat een CTA-button er echt uit moet springen. Voor extra veel clicks gebruik je dus een kleur die afwijkt van de huisstijl van jouw website.

2. Laat de knop er als een knop uitzien

Een website heeft talloze elementen waar een bezoeker op kan klikken. Elke pagina heeft een doel en dit doel moet je extra laten opvallen. Je kunt op de woorden ‘Vraag een gratis offerte aan’ een URL zetten waar bezoekers op kunnen klikken, maar dit zal niet erg opvallen. Door een goede knop te ontwerpen en hier een hover-effect op te zetten, laat je de knop er opvallend klikbaar uitzien.

3. Gebruik afgeronde hoeken

Volgens het Bouba/Kiki-effect zijn we geneigd om ronde vormen prettiger te vinden. Hoekige vormen zouden mensen zelfs onbewust afschrikken. We raden aan om de knoppen een paar pixels af te ronden. De hoeken volledig rond maken is ook een goed alternatief.

4. Gebruik de 1e persoon in de boodschap

Deze tip is niet per se nodig bij alle knoppen, maar om een bezoeker meer aan te spreken kun je gebruikmaken van knopteksten in de 1e persoon. Een paar voorbeelden hiervoor zijn:

  • Bestel nu “Ik ga bestellen”
  • Offerte aanvragen “Ik wil een offerte aanvragen”
  • Verder winkelen “Ik wil verder winkelen”
  • Chatten “Ik wil chatten”

5. Laat bezoekers een keuze maken

Een knop die “in zijn eentje” op de pagina staat is niet zo effectief. Het wel of niet aanklikken van de knop voelt dan namelijk niet als een keuze. Met twee klikbare opties geef je de bezoeker het gevoel dat ze een keuze kunnen maken. Een bezoeker gaat deze keuzes afwegen, waardoor er een echte keuze ontstaat en ze meer geneigd zijn om ook een van de twee opties te kiezen. Dit noemen we het Hobsons +1 effect. Een goed voorbeeld hiervan zijn de twee knoppen op een webshop: ‘In mijn winkelwagen’ & ‘Bewaar voor later’.

6. Maak gebruik van powerwoorden en verleidingswoorden

Niet alleen het uiterlijk van een button is belangrijk, maar ook welke tekst je erop plaatst. Het is van belang dat je ervoor zorgt dat een bezoeker echt op jouw knop wil klikken. Dit doe je bijvoorbeeld door de woorden ‘nu’ en ‘direct’ te gebruiken. Is een product of dienst gratis? Verleid je bezoeker dan. Enkele goede voorbeelden zijn:

  • ‘Download snel onze gratis checklist’
  • ‘Maak direct een afspraak’

7. Geef je bezoekers een extra duwtje in de rug

Het helpt ook om de bezoeker extra te motiveren door te vertellen wat er gebeurt als men op de knop klikt. Je kunt bijvoorbeeld vertellen hoelang het duurt om je aan te melden (Aanmelden – het duurt maar 1 minuut!) of hoelang het duurt voordat een bezoeker een reactie ontvangt (Offerte aanvragen – Dezelfde dag nog een offerte in je mailbox!)

8. Versterk de boodschap met icoontjes

Net als een pakkende tekst kan een icoontje het doel van een knop nog meer verduidelijken en extra laten opvallen. Denk hierbij aan een hartje voor een verlanglijstje of een winkelwagentje bij een winkelwagenknop.

9. Maak gebruik van sticky CTA-buttons

In sommige gevallen is het een goed idee om de CTA-button altijd zichtbaar in beeld te hebben. Zo raakt de bezoeker de belangrijkste vervolgstap niet kwijt terwijl hij over de website navigeert. Op je beeldscherm op een computer of laptop zou dit een knop in de header kunnen zijn. Op je mobiel kun je bijvoorbeeld denken aan een winkelwagenknop op een productpagina of een filterknop op een categoriepagina. Test altijd of een sticky button het gewenste effect heeft op jouw website. Het kan namelijk ook “too much” zijn en dan werkt het averechts.

10. Blijf testen!

Er bestaat helaas geen optimale call to action. Het hangt namelijk geheel van jouw website, je doelen en je doelgroep af wat het beste werkt. Het is daarom van belang om van je websitebezoekers te blijven leren door middel van tests en hier vervolgens op in te spelen.

Wil je weten of wij je hierin kunnen ondersteunen? Vraag dan gratis een CRO-voorstel aan.

Sliders op je website? Geen goed idee!

,

Heb jij een slider op je website, dan moeten we je helaas iets mededelen, want: silders zijn conversiedodend. In dit blog lees je over de drie belangrijkste redenen waarom sliders geen goed idee zijn voor je website en wat je juist wél kunt doen om dezelfde informatie op een andere manier te tonen.

Heb jij een slider op je website, dan moeten we je helaas iets mededelen, want: silders zijn conversiedodend. In dit blog lees je over de drie belangrijkste redenen waarom sliders geen goed idee zijn voor je website en wat je juist wél kunt doen om dezelfde informatie op een andere manier te tonen.

Geen tijd om het hele blog te lezen? Met deze beknopte samenvatting ben je helemaal up-to-date.

  • Niemand bekijkt slide twee, drie of vier meer. Zorg er dus voor dat alle belangrijke informatie die je wilt tonen meteen in beeld is.
  • De timing klopt nagenoeg nooit. Een slider gaat vaak te snel voor een bezoeker om de informatie op te kunnen nemen. Of hij gaat te langzaam, waardoor de bezoeker ongeduldig verder scrolt en niet alle informatie die je wilde delen ziet.
  • Een slider leidt af, omdat hij beweegt. Je wilt graag dat bezoekers je content lezen, maar als de slider nog een stukje in beeld is, gaat de focus steeds opnieuw naar dat element.
  • Wat moet ik dan wel op mijn website plaatsen? Zorg ervoor dat alle content uit een slider direct zichtbaar is voor een bezoeker. Werk bijvoorbeeld in kaders, zoals Bol.com en Coolblue.nl.

Niemand bekijkt slide twee, drie of vier meer

Je denkt misschien dat bezoekers wel gebruikmaken van de slider en geduldig alle slides bekijken of via de knoppen naar de volgende slide navigeren, maar in de praktijk valt dat enorm tegen. Sterker nog: uit onderzoek blijkt dat ruim 90% van de aandacht en klikken alleen naar het eerste beeld van de slider gaan. Stel, je hebt een slider met vier afbeeldingen die om de zes seconden wisselen. Dan moet een bezoeker 24 seconden wachten totdat hij alle slides heeft gezien. We zullen je een geheim vertellen: dat doet niemand.

De timing klopt nagenoeg nooit

Slides verwisselen om de enkele seconden. Dit kan na drie seconden zijn, maar ook na acht seconden. Het komt in ieder geval nooit overeen met de hoeveelheid informatie die je wilt delen in de slider of het geduld van de bezoeker op je website. Je kunt bijvoorbeeld de sliderwisseling te langzaam hebben ingesteld, waardoor iemand moet wachten op de volgende slider, omdat hij de tekst op de afbeelding al gelezen heeft. Maar een slider te snel instellen is ook mogelijk. Dan heeft de bezoeker de informatie nog niet goed opgenomen voordat de volgende afbeelding alweer in beeld komt.

Een slider leidt af

Het is vervelend voor een bezoeker dat onderdelen bewegen op een website. Kruip eens in de huid van een websitebezoeker: je leest een stukje tekst en je ziet aan de bovenkant van je scherm een slider bewegen. Dat kan behoorlijk afleiden. Uit data blijkt dan ook dat sliders in de meeste gevallen resulteren in een websitebezoek zonder uiteindelijke conversie. En dat is zonde.

Daarnaast zien bewegende sliders eruit als een advertentie. Daarmee is de kans ook groot dat een bezoeker de hele slider overslaat door banner blindness. Dit betekent dat websitebezoekers bewust, maar ook onbewust, bannerachtige content negeren op een pagina.

Wat moet ik dan wel op mijn website plaatsen?

Als je meerdere informatiestukken hebt waarvan je denk dat een klant daar wat aan heeft en echt moet zien, zorg er dan voor dat deze informatie meteen zichtbaar is. Kijk maar naar de grote spelers als Bol.com en Coolblue: zij hebben ook geen sliders en toch zie je de belangrijkste categorieën en aanbiedingen in een oogopslag. Dit is niet alleen overzichtelijk, maar brengt de bezoeker ook sneller naar de plek waar hij moet zijn.

We snappen het wel: een slider ziet er zo dynamisch en hip uit. De allerbelangrijkste reden waarom je die slider op je website wilde hebben is waarschijnlijk om alle belangrijke informatie bovenaan te plaatsen. Hiermee hoopte je dat iedereen alle informatie ziet en in zich opneemt. Helaas maak je geen website voor jezelf, maar voor je converterende bezoekers.

Dus wat hebben we geleerd? Geen sliders meer!

Geen tijd om het hele blog te lezen? Met deze beknopte samenvatting ben je helemaal up-to-date.

  • Niemand bekijkt slide twee, drie of vier meer. Zorg er dus voor dat alle belangrijke informatie die je wilt tonen meteen in beeld is.
  • De timing klopt nagenoeg nooit. Een slider gaat vaak te snel voor een bezoeker om de informatie op te kunnen nemen. Of hij gaat te langzaam, waardoor de bezoeker ongeduldig verder scrolt en niet alle informatie die je wilde delen ziet.
  • Een slider leidt af, omdat hij beweegt. Je wilt graag dat bezoekers je content lezen, maar als de slider nog een stukje in beeld is, gaat de focus steeds opnieuw naar dat element.
  • Wat moet ik dan wel op mijn website plaatsen? Zorg ervoor dat alle content uit een slider direct zichtbaar is voor een bezoeker. Werk bijvoorbeeld in kaders, zoals Bol.com en Coolblue.nl.

Niemand bekijkt slide twee, drie of vier meer

Je denkt misschien dat bezoekers wel gebruikmaken van de slider en geduldig alle slides bekijken of via de knoppen naar de volgende slide navigeren, maar in de praktijk valt dat enorm tegen. Sterker nog: uit onderzoek blijkt dat ruim 90% van de aandacht en klikken alleen naar het eerste beeld van de slider gaan. Stel, je hebt een slider met vier afbeeldingen die om de zes seconden wisselen. Dan moet een bezoeker 24 seconden wachten totdat hij alle slides heeft gezien. We zullen je een geheim vertellen: dat doet niemand.

De timing klopt nagenoeg nooit

Slides verwisselen om de enkele seconden. Dit kan na drie seconden zijn, maar ook na acht seconden. Het komt in ieder geval nooit overeen met de hoeveelheid informatie die je wilt delen in de slider of het geduld van de bezoeker op je website. Je kunt bijvoorbeeld de sliderwisseling te langzaam hebben ingesteld, waardoor iemand moet wachten op de volgende slider, omdat hij de tekst op de afbeelding al gelezen heeft. Maar een slider te snel instellen is ook mogelijk. Dan heeft de bezoeker de informatie nog niet goed opgenomen voordat de volgende afbeelding alweer in beeld komt.

Een slider leidt af

Het is vervelend voor een bezoeker dat onderdelen bewegen op een website. Kruip eens in de huid van een websitebezoeker: je leest een stukje tekst en je ziet aan de bovenkant van je scherm een slider bewegen. Dat kan behoorlijk afleiden. Uit data blijkt dan ook dat sliders in de meeste gevallen resulteren in een websitebezoek zonder uiteindelijke conversie. En dat is zonde.

Daarnaast zien bewegende sliders eruit als een advertentie. Daarmee is de kans ook groot dat een bezoeker de hele slider overslaat door banner blindness. Dit betekent dat websitebezoekers bewust, maar ook onbewust, bannerachtige content negeren op een pagina.

Wat moet ik dan wel op mijn website plaatsen?

Als je meerdere informatiestukken hebt waarvan je denk dat een klant daar wat aan heeft en echt moet zien, zorg er dan voor dat deze informatie meteen zichtbaar is. Kijk maar naar de grote spelers als Bol.com en Coolblue: zij hebben ook geen sliders en toch zie je de belangrijkste categorieën en aanbiedingen in een oogopslag. Dit is niet alleen overzichtelijk, maar brengt de bezoeker ook sneller naar de plek waar hij moet zijn.

We snappen het wel: een slider ziet er zo dynamisch en hip uit. De allerbelangrijkste reden waarom je die slider op je website wilde hebben is waarschijnlijk om alle belangrijke informatie bovenaan te plaatsen. Hiermee hoopte je dat iedereen alle informatie ziet en in zich opneemt. Helaas maak je geen website voor jezelf, maar voor je converterende bezoekers.

Dus wat hebben we geleerd? Geen sliders meer!

Maak vrijblijvend kennis
Maak geheel vrijblijvend kennis met ons, vul onderstaand formulier in en wij nemen zo snel mogelijk contact met jou op!

    We wijzen je op onze Algemene voorwaarden en Privacy statement iClicks Nederland B.V..