7 inspirerende Call-to-actions en waarom ze werken


Dit item is gepost op: 11-08-2015 | Door Alicia van Moorsel


Je hebt ontzettend veel tijd gestoken in het stijlen en ontwerpen van jouw webshop. De shop ziet er absoluut gelikt uit en je bent er zeker van dat alles soepel werkt.

De eerste stap is het genereren van verkeer. Je hebt geoptimaliseerd, geadverteerd, geblogd.. veel traffic, maar geen conversies. Jij vraagt je af: hoe kan dit?

Het antwoord is soms simpeler dan je denkt. Het gebeurt regelmatig dat bezoekers gewoon niet weten hoe ze moeten navigeren door de webshop. Je maakt het navigeren makkelijker door te starten met een duidelijk menu, maar ook door te werken met heldere call-to-actions.

In dit artikel laten we enkele inspirerende voorbeelden zien van sterke call-to-actions. Met deze voorbeelden en nieuwe inzichten kun je dit ook toepassen op jouw eigen webshop!

Wat is een call-to-action?

Wat is een Call to Action
Voor we verder ingaan op voorbeelden van call-to-actions is het belangrijk om te weten wat call-to-actions eigenlijk zijn en waarom deze zo belangrijk zijn.

Een call-to-action, vaak afgekort tot CTA, vertelt een bezoeker wat hij of zij moet doen en waar ze moeten klikken. Je wilt dat bezoekers een bepaalde actie uitvoeren en met de juiste call-to-action wijs je bezoekers hier op en trigger je ze om door te klikken en de actie uit te voeren. Een call-to-action wijst bezoekers van punt A naar punt B om ze zo snel en zo gemakkelijk mogelijk te laten converteren.

Als eigenaar van een webshop ben je vast al bekend met call-to-actions als ‘koop nu’ of ‘in winkelwagen’. Dit zijn de meest voorkomende call-to-actions op webshops.

De juiste call-to-actions helpen bezoekers om te converteren, dus het is belangrijk om over teksten, kleuren en opmaak van call-to-actions na te denken. Op de vraag welke call-to-actions dan het beste is hebben wij geen antwoord. Dit verschilt onder andere per doelgroep en per branche. Het is daarom belangrijk om altijd te testen en op basis hiervan te optimaliseren.

Call-to-Actions basis: Wat maakt een effectieve call-to-action?

Zoals gezegd is het belangrijk om te testen en te optimaliseren, maar het kan geen kwaad om wat basiskennis op te doen over technieken voor het opmaken van een sterke call-to-action. Er zijn een aantal aspecten welke zich in de loop der jaren reeds hebben bewezen:

Urgentie stimuleert conversies

Last minuteWanneer men het gevoel krijg dat je een eenmalige kans krijgt waar bovendien nog een tijdslimiet aan is verbonden, is men sneller geneigd een aankoop te doen. Winkeliers, zowel online als offline, spelen hier handig op in. Denk hierbij aan sale-periodes in winkels en dag dealsites zoals Groupon. Deze techniek kun jij natuurlijk ook toepassen op jouw eigen webshop!

Denk hierbij aan call-to-actions in banners en/of de winkelwagen pagina waarin je aangeeft nog een x aantal dagen gratis verzending te hanteren. Of laat een timer aftellen tot het einde van de sale. Je kunt bijvoorbeeld ook de voorraad tonen, waardoor bezoekers het gevoel krijgen nu te moeten kopen omdat het product morgen wellicht wel is uitverkocht. Allemaal voorbeelden om een gevoel van urgentie te creëren.

Test met verschillende kleuren

Het is een discussie die regelmatig weer oplaait, maar geloof ons: er is geen definitieve kleur die het beste converteert. Het is belangrijk om een kleur te kiezen die opvalt, maar het moet natuurlijk wel stroken met de rest van het design van jouw shop en jouw merk. We zouden bijvoorbeeld kunnen stellen dat groen de beste keuze is, maar wanneer de huisstijl van jouw shop enorm vloekt met groen dan kun je vanzelfsprekend beter een andere kleur kiezen.

Ook hier geldt weer: testen, testen, testen. Als basis zijn er een aantal punten belangrijk:

  • Zorg ervoor dat de callto-action opvalt, zodat bezoekers de call-to-action niet kunnen missen;
  • Maak het niet te ‘flashy’: knipperende, bewegende buttons in alle kleuren worden niet gewaardeerd;
  • Maak jouw call-to-action, zeker in het geval van buttons, groot genoeg zodat bezoekers er gemakkelijk op kunnen klikken. Zeker op mobiel is dit erg belangrijk!

Keep it simple

less is moreIn het kader van ‘less is more’ raden we aan om call-to-actions, buttons en teksten lekker simpel te houden. Hele lange teksten streven het doel voorbij. Houd de tekst daarom kort maar krachtig. Enkele woorden waarin je de gewenste actie duidelijk maakt zijn voldoende.

Denk hierbij aan ‘in winkelwagen’ op productniveau, in plaats van ‘plaats product in winkelwagen’. De eerste tekst is net zo duidelijk, maar neemt de helft minder ruimte in.

Het werkt over het algemeen ook beter om te werken met buttons in plaats van alleen tekst. Plaats je bijvoorbeeld een call-to-action in een banner, dan kun je hier prima een kader omheen plaatsen om het idee van een button te creëren. Het is dan wel geen button, maar het activeert bezoekers wel om te klikken.

Call-to-actions in Headlines

Hetzelfde geldt voor aanbiedingen in de headlines. Neem niet alleen de tekst van de actie op, maar plaats ook een button waarmee je bezoekers activeert om de aanbieding ook daadwerkelijk te bekijken.

Een headline kan worden gebruikt om acties, collecties of specifieke producten uit te lichten. Een headline is dan eigenlijk één hele grote call-to-action. Uit studie van de Notre Dame University is gebleken dat bij een slider met vijf afbeeldingen de eerste afbeelding maar liefst 84% van de klikken ontvangt. Vergeet dus niet om in jouw headlines een call-to-action op te nemen en de headline naar de actie of het product te verwijzen!

Houd het ‘boven de fold’.

Met alle verschillende formaten schermen en responsive websites is het begrip ‘de fold’ natuurlijk niet meer wat het was. De fold, of de vouw, geeft het punt aan waar er content is wanneer je naar beneden scrolt. Iets ‘boven de fold’ is dus de content die je direct ziet zonder te scrollen, iets ‘onder de fold’ geeft dus aan dat deze content pas zichtbaar wordt wanneer een bezoeker scrolt.

Ondanks het feit dat dit een beetje achterhaald is, blijft de boodschap in essentie hetzelfde. Wil jij bezoekers activeren om zich aan te melden voor de nieuwsbrief? Dan moet je deze call-to-action niet onderaan de pagina plaatsen. Belangrijke aspecten wil je eigenlijk direct zichtbaar hebben. Het is daarom aan te raden om de aandacht van bezoekers te trekken met call-to-actions boven de fold. Zo is de kans op een klik vele malen groter!

Wil je zeker weten dat er geen sprake is van een ‘fold’ en dat de belangrijkste informatie dus altijd direct getoond wordt? Maak dan gebruik van een responsive design.

Welke call to actions hebben zich bewezen?

Na deze basis over call-to-actions en enkele algemene tips en tricks willen we je nu een aantal voorbeelden laten zien van winkels met succesvolle call to actions. We leggen daarbij uit waarom een bepaalde call-to-action nou juist zo goed werkt.

1. Kleertjes.com

Screenshot kleertjes

Waarom werkt het?

Het eerste wat in beeld komt zodra je op de website komt is deze pop-up. Het is meteen duidelijk dat er 10% korting wordt gegeven na een bepaalde handeling. De foto aan de rechterkant zorgt gelijk voor een goede positieve sfeer bij de bezoeker.

De tekst en call-to-action is duidelijk en de belangrijke elementen vallen goed op door de kleur en/of het formaat. Door de achtergrond te faden valt de pop-up natuurlijk extra op!

2. Cloudtraffic

Cloudtraffic

Waarom werkt het?

Binnen het design van deze site wordt er voornamelijk gebruik gemaakt van zwart-wit tinten, gecombineerd met een contrasterende groene kleur. Door te werken met contrasterende kleuren kun je heel goed de focus leggen op een bepaald aspect op de website, zoals in dit geval de call-to-action.

Door deze felle contrasterende kleur ten opzichte van de achtergrond valt de button extra op. Hierdoor zal de bezoeker sneller geneigd zijn om door te klikken.

3. Nolte Keukens

Nolte (1)

Waarom werkt het?

Ook in dit voorbeeld worden de belangrijkste punten direct getoond. Het ‘boven de fold’ principe. Zonder te scrollen zien bezoekers op de homepage het bedrijf en de call-to-actions die uitnodigen om de keukens van Nolte te bekijken en om de vestigingen van Nolte te bezoeken.

Daarnaast wordt er gebruik gemaakt van een zeer sterke, visueel aantrekkelijke afbeelding. Deze trekt de aandacht en laat direct zien wat het product is, hoe het er uit ziet en waar de bezoeker op dient te klikken.

4. Life City

Life City (1)

Waarom werkt het?

Dit voorbeeld geeft goed aan hoe je call-to-actions op een andere manier kan weergeven dan de standaard, maar toch doeltreffend kan laten zijn. Door de opvallende kleuren en grote ronde vormen springen de buttons uit het scherm.

Bij binnenkomst ziet men direct de Gratis proefweek aanbieding en de Lidmaatschaptest.

Door het woord Gratis te vergroten en dik gedrukt te maken valt dit goed op, ook de plaatsing van de elementen is goed gekozen, in het midden van het scherm. Door gebruik te maken van de juiste woorden/teksten kun je de bezoeker aansporen actie te ondernemen. Wanneer zij het woord Gratis zien staan zullen zij sneller door klikken, probeer hier gebruik van te maken.

Conclusie

We hebben in dit artikel meer verteld over call-to-actions en het belang hiervan. Dit belang wordt nog weleens overschat, waardoor je de kans loopt dat bezoekers de weg niet goed kunnen vinden op de shop en daarom niet converteren.

Met onze tips en de voorbeelden in de hand kun je zelf aan de slag met het bedenken en testen van goede call-to-actions. We zijn erg benieuwd naar de resultaten, succes!

Mocht je er toch niet helemaal uit komen en kun je wel wat advies op het gebied van design en conversieoptimalisatie gebruiken? Aarzel dan niet om contact met ons op te nemen.




Alicia van Moorsel

Over Alicia van Moorsel

Alicia is een gedreven web & e-commerce designer bij OOSEOO. Tijdens het ontwerpproces legt zij de focus op gebruiksvriendelijkheid, functionaliteit en de gebruikerservaring. Daarnaast houdt zij rekening met de verschillende SEO aspecten en zorgt daarmee voor een goed balans met het design.

google partner bagde
Copyright © 2018 OOSEOO Internetmarketing. All Rights Reserved.