Tips voor een betere site

  • Al 5.769 abonnees
  • 1 keer per maand
  • Exclusieve tips en promo's

6 tips om je call-to-action op de beste plaats te zetten

Elke detailpagina van je website moet bezoekers aanzetten tot actie: iets bestellen, een offerte aanvragen, je e-boek downloaden, inschrijven op je nieuwsbrief… 
Dat doe je via een dikke vette call-to-action knop. Maar waar plaats je die best?

Dit artikel is 1416 woorden lang. 
Geen tijd om het nu te lezen? 
Krijg dit artikel als pdf zodat je 't later kan bekijken.

1. Plaats je call-to-action boven de vouwlijn

Uiteraard weet ik dat er heel veel verschillende schermen en resoluties zijn. 

Het stuk van je webpagina dat bezoekers zien zonder te moeten scrollen, hangt af van het toestel waarmee ze je site bezoeken. Je kan dan ook niet spreken van dé vouwlijn. Er zijn tientallen vouwlijnen.

Tot spijt van wie het benijdt: de meest bekeken en aangeklikte zone ligt net boven de vouwlijn.

En jawel: mensen scrollen.

Maar wat in beeld staat zonder dat mensen moeten scrollen, heeft een grote impact op hun scroll- en klikgedrag. De meest bekeken en de meest aangeklikte zone ligt net boven de vouwlijn. 

Data van onder meer Chartbeat en Jakob Nielsen bevestigen dit.

Meest bekeken zone ligt net boven vouwlijn
De meest bekeken zone van een webpagina is die net boven de vouwlijn.
Meeste interactie met een pagina ligt ook net boven de vouwlijn
De meeste interacties op een webpagina gebeuren net boven de vouwlijn.

Zet daarom je call-to-action knop boven de vouwlijn bij:

  • Alledaagse producten
  • Shops die leven van een vast cliënteel dat vaak dezelfde soort zaken koopt (bv. kantoormateriaal, warenhuizen,…)
  • Last-minutes en promoties
  • Zaken waar veel surfsessies aan voorafgaan, zodat mensen na hun finale beslissing snel kunnen kopen of boeken (reizen, hotels,…)

Het is echt geen toeval dat Coolblue, Apple en Booking.com een actieknop bovenaan op de pagina zetten. 

Bij Coolblue staat de actieknop prominent boven de vouwlijn.

Bij Coolblue zie je de prijs en actieknop zonder dat je moet scrollen.

 

Bij Apple staat de koop-knop helemaal bovenaan rechts

Apple plaatst de 'Buy now'-knop rechts bovenaan.

 

Ook bij Booking.com staan de actieknoppen bovenaan

Ook bij Booking.com staan er actieknoppen bovenaan op de pagina.

Oh ja, lieve designervriendjes: ik heb dus niet gezegd dat alle info boven de vouwlijn moet staan. Gewoon dat het vaak geen kwaad kan dat de belangrijkste call-to-action zichtbaar is zonder dat je moet scrollen.
 

2. Zet je actieknop zeker (ook) onderaan op je pagina

Deze tip werkt altijd. Tot welke actie je je bezoeker ook wil aansporen.
Daarom staat hij in mijn lijst van 10 growth hacking tips die altijd werken.

Zet je call-to-action knop onderaan op je pagina. 

Of beter gezegd: onder de beschrijving van je product of dienst. Of meteen onder je blogartikel. Dus niet ergens weggemoffeld onderaan in je footer. Of onder de tienduizend spamcomments op je blog.

Zet een dikke vette actieknop onderaan op je pagina. Werkt altijd.

De reden waarom dit altijd werkt, is eenvoudig. Bezoekers die het einde van je pagina halen, zijn heel geïnteresseerd in wat je te vertellen of te verkopen hebt. 

Het enige wat jij dus nog moet doen, is die bezoeker binnenhalen. Door te eindigen met een dikke vette actieknop.

Zet je call-to-action ook onderaan
Bij een b2b-klant herhaalden we de actieknoppen onderaan. En verhoogden zo de conversie met 43,8%.
 

3. Herhaal je call-to-action op lange pagina's

Je hebt nu een actieknop boven- en onderaan. Da's wel genoeg, zeker?

Dat hangt er van af. Op lange pagina's kan het geen kwaad je call-to-action te herhalen. 

Herhaal op lange webpagina's gerust je call-to-action. Herhaling werkt.

Veel mensen vinden dat te opdringerig. Ik kan je alleen maar aanraden om het eens te testen. Het werkt vaker wel dan niet. Wij boeken er vooral op b2c-websites grote successen mee.

Waarom werkt dit?
Iedereen is anders. Verschillende triggers spreken verschillende bezoekers meer of minder aan. Hoe dichter een actieknop of link staat bij wat iemand specifiek triggert, hoe groter de kans dat die bezoeker ook echt overgaat tot actie.

Herhalen van de actieknop werkt vaak goed
Op deze lange pagina herhaalden we de actieknop een paar keer. Met een positief effect op het aantal offerte-aanvragen.

Is zo'n actieblok die bij het scrollen altijd in beeld blijft even goed?
Meestal niet. Herhaling werkt bijna altijd beter. En is ook zonder al te veel aanpassingswerk mobielvriendelijk.
 

4. Links of rechts?

Het artikel 3 interessante AB-testen over links of rechts toont aan dat het wel degelijk een verschil maakt of je iets links of rechts op een pagina zet.

Omdat we in de Westerse wereld van links naar rechts lezen, plaats je wat het belangrijkst is voor je bezoeker best links. 

Soms is dat de prijs en je call-to-action. Soms is dat de productvoorstelling. Het is niet omdat bij Amazon de actieknoppen rechts staan, dat dat ook op jouw website de beste plaats is.

Hoe alledaagser het product is dat je verkoopt, hoe beter het is om je actieknop links te zetten.

Hoe alledaagser het product, hoe beter het is om de prijs en actieknop links te zetten. Om de eenvoudige reden dat prijs en knop dan belangrijker zijn dan de productinfo of de productfoto.

Hetzelfde geldt trouwens voor sites met een vast publiek, zoals de iTunes-store of b2b websites voor kantoormateriaal. 

Of websites waar je spullen koopt om aan iemand cadeau te geven. Want jawel: zeker dan vinden we prijs waanzinnig belangrijk.

In de iTunes-store staat de belangrijkste actieknop links
In de iTunes-store staan de prijs en call-to-action links.

 

5. Plaats je actieknop daar waar de bezoeker kijkt

Een simpele maar heel belangrijke tip: plaats je knop op een plaats waar hij opvalt. 

Op een plaats waar je bezoekers naar kijken én waar ze zin hebben om tot actie over te gaan.

Dat is makkelijker gezegd dan gedaan. User session recordings en gebruikerstesten met eye tracking helpen je om te ontdekken waar de focus van je bezoekers ligt.

In de vorige website van Suzuki stonden de actieknoppen rechts bovenaan. En onderaan op de pagina.

Niet slecht.

45,9 procent meer conversie door de call-to-action op een andere plaats te zetten.

Maar uit eyetracking en heatmaps bleek dat de bezoekers boven de vouwlijn de meeste tijd spendeerden aan de linkerkant van de pagina. 

Door de actieknoppen naar die zone te verhuizen steeg het aantal kliks op die knoppen met 45,9%.

Zet je actieknop waar hij opvalt
Je actieknop in een veelbekeken zone plaatsen heeft vaak grote gevolgen.

6. Test

Test! Omdat elke website anders is. Ontdek dus wat wel en niet werkt voor jouw site.

Deze tips zijn richtlijnen. Meestal werken ze. Soms niet.

Daarom blijft het belangrijk om te testen wat het beste werkt voor jouw website, jouw aanbod en jouw bezoekers. 

 

Wil je dit artikel bewaren voor later? 
Krijg dit artikel als pdf
Zo heb je de tips altijd bij de hand als je ze nodig hebt.

P.S. Maak van je website een succes dankzij onze online training

Tijdens deze online videotraining van Karl Gilis, de #3 conversie-expert ter wereld, krijg je:

  • Meer dan 100 tips die gegarandeerd je website beter maken
  • Massa’s voorbeelden en cases die glashelder tonen wat werkt en wat niet
  • Methodes en tools om de zwakke plekken van jouw site te identificeren
  • De beste strategieën en tactieken om die probleempunten gericht op te lossen
  • Je volgt de training wanneer jij wil en via het toestel dat jij wil

Ontdek het programma van de online training

Mis het volgende artikel niet!

  1. Volg ons op Twitter voor interessante links en extra tips.
  2. Like onze Facebookpagina
  3. Schrijf je in op onze maandelijkse nieuwsbrief

Leer teksten (her)schrijven voor het web

Op 1 dag leer je van de makers van deze blog hoe je je webteksten kan optimaliseren.

  • Leer teksten optimaliseren voor het web
  • Met korte schrijfoefeningen
  • Al 564 mensen volgden deze cursus
  • Volgende editie: 13 juni 2017, Antwerpen