7 tips om je CTA's te optimaliseren voor conversies!

Volgens sterke UX (user experience) principes (uitzonderingen daargelaten) heeft elke webpagina z’n eigen doel. Hebben jouw webpagina’s een doel? Stel jezelf bij elke pagina de vraag: “Wat moet mijn bezoeker hier doen?”. Als je die vraag niet goed kan beantwoorden kan je vraagtekens zetten bij de effectiviteit van de pagina.

In alle e-commerce websites, zoals webshops, zit een bepaald patroon dat door veel websites gebruikt worden. Door middel van informeren, verleiden, en de weg te wijzen wordt de bezoeker gestimuleerd om te converteren. Het laatste wordt veelal gedaan met CTA’s: “call-to-action”. Sommige mensen vertalen dit naar “aanzet-tot-actie”, maar dat klinkt naar mijn mening toch wat minder sexy. In de wereld van de webwinkels zijn deze CTA’s van onmisbare waarde in de customer journey; deze brengen de gebruiker namelijk steeds dichterbij de aankoop van een product, of een andere conversie.

Wacht even! Klinken de termen “UX”, “CTA” en “customer journey” jou vreemd in de oren? In een gratis sparsessie met onze UX-expert Emile word jij op de hoogte gebracht van deze termen, en kijken jullie samen naar wat jouw website nodig heeft!

Verwar een CTA trouwens niet met een knop of button. Een CTA zegt tegen de gebruiker: “KLIK OP MIJ!!!”. Een knop geeft aan: “Hoi, als je hier klikt ga je naar een andere pagina”. Het verschil zit ‘m dus in de intentie: met een knop wil je gebruikers door de website begeleiden, en met een CTA wil je juist stimuleren tot conversie.

Als jouw website voldoet aan de volgende quick wins, zorg je ervoor dat jouw bezoekers zoveel mogelijk gestimuleerd worden om hun zuurverdiende geld op jouw website uit te geven.

1. Gebruik een duidelijke CTA op je landingspagina.

Zet één duidelijke CTA prominent op je landings- en homepagina. In je header bijvoorbeeld, of hier direct onder. Het liefst in een contrasterende kleur; dus dat als je door je ooghaartjes kijkt, dat je hem nog ziet. Hoe dan ook, zorg dat ie opvalt.

2. Gebruik duidelijke taal.

Wat er in de CTA staat is heel belangrijk. Als jij op bol.com landt voor een nieuwe wasmachine, en in de CTA’s staan hele lappen tekst, dan creëert dat onduidelijkheid. Daarnaast worden deze op mobiele schermen ontiegelijk groot, en mobiele apparaten worden steeds belangrijk in e-commerce sales funnels. Er zijn in de loop der tijd veel A/B-tests gedaan, waarin de content in CTA’s getest wordt. Een goed voorbeeld is [Mijn winkelmandje] of [Jouw winkelmandje]. Wat blijkt, als de content in de eerste persoon is geschreven (dus “Meld mij aan!” of “Ik wil een offerte!”) spreekt het veel meer aan, en zorgt uiteindelijk voor meer kliks en conversies.

Nu we het toch over de inhoud hebben; wees concreet en zet in de CTA “zoek” of “shop nu” of “bekijk product”. Niet “bekijk meer” of “klik hier” of “ga door”. Als het niet direct duidelijk is wat er achter de CTA te vinden is, klikken ze er niet op. Want zeg nou zelf; hoe irritant is het om op een pagina te komen en weer terug te moeten navigeren omdat het niet is wat je wilde hebben. Juist. Vet veel werk en vet frustrerend.

3. Zie door de bomen het bos.

Het is natuurlijk superverleidelijk om een CTA met bijvoorbeeld “koop nu”, zo vaak mogelijk te herhalen. Zo kunnen ze niet meer om het kopen heen, toch? Helaas wel. Bedenk je dat je met elke extra button je website onnodig complex maakt. Tuurlijk, wil je onderaan de pagina je product nog een keer aanbieden, maar probeer niet meer dan één CTA in het scherm te zetten. Fonq doet dat heel mooi; één CTA bij een product: [in winkelwagentje]. Als je verder naar beneden scrolt, komt de knop bovenin het scherm te staan en scrolt mee. Zo is de CTA altijd prominent aanwezig, terwijl de gebruiker niet overweldigd wordt. Kijk maar:

3. Zie door de bomen het bos.

4. Een rustige overzichtspagina.

Stel, je webwinkel heeft een zoekfunctie die leidt naar overzicht van producten. Heel handig, want je zoekt natuurlijk naar broeken. Bij elk product zet je de nodige informatie, bijvoorbeeld de prijs, de naam, en het type (skinny, stonewashed,...) van het product. Dat is heel makkelijk scanbaar voor gebruikers. Het is dan helemaal niet nodig om een CTA bij elk product te zetten met “bekijk product”. Het is algemeen bekend dat er bij een overzicht met plaatjes en kopjes getikt (of geklikt) kan worden op het product om bij de achterliggende pagina te komen.
Neem bijvoorbeeld de layout van Google; als je daar zoekt op een term en je krijgt een overzicht, zit je ook niet te wachten dat bij elk resultaat een knop staat met “bekijk site”. Dit zou er alleen maar voor zorgen dat het rommelig en onoverzichtelijk overkomt.

Maar hier is een andere kant van het verhaal, gezien we alles even in context moeten plaatsen: Zijn de spullen die je verkoopt vanzelfsprekend en alledaags? En kopen je gebruikers in de regel meerdere producten bij jouw site? Als het antwoord op deze vragen ja is, dan is het wel verstandig om een knop bij elk product te zetten “in winkelmandje”, zodat je gebruikers snel hun winkelmandje kunnen volstoppen met jouw producten. Kijk maar naar sites van online supermarkten. Die hebben behoefte aan deze functionaliteit, terwijl wat luxere producten/merken dit niet hebben.

5. Gemakkelijk kopen.

De duidelijkste knop op een productpagina, zou de knop moeten zijn waar je het product koopt (of “stop in winkelmandje”). Als je je gebruiker zover hebt gekregen deze pagina te bekijken weet je dat ze een doel hebben; aan jou de taak om ze dit doel te laten bereiken.

Zorg ervoor dat er duidelijke taal staat en zorg ervoor dat de knop niet “greyed out”/gedeactiveerd is. Ook niet als ze er pas op mogen drukken nadat ze een bepaalde voorwaarde, checkbox of kledingmaat aangevinkt moeten hebben. Als de knop vaag is, denken ze dat er niet op geklikt kan worden en ben je ze kwijt. Als de voorraad bijvoorbeeld op is, dan zou je een link kunnen plaatsen waar ze herinnering per mail kunnen aanvragen; voor wanneer het product weer beschikbaar is.

6. Geen doodlopende wegen.

Het kan voorkomen dat een gebruiker toch nog twijfelt, bevestiging nodig heeft van anderen, of gewoon nog niet klaar is om het product te kopen. Dit gebeurt sneller bij wat duurdere producten. Geef ze dus meer dan een keus tussen het kopen of verlaten van de site, en voeg een zachtere knop toe (die niet contrasteert met de koop CTA). Hier kan je een “+ wensenlijstje”-knop plaatsen. Misschien is de bezoeker nog in onderzoek van producten, en door de plaatsing van deze knop kan je gelijk het e-mailadres van de klant uitvragen. Zo kan je op een later moment terugkomen op de producten die zij in het wensenlijstje hebben staan die toevállig net in de aanbieding zijn.

7. Neem mijn geld!

Het is natuurlijk dat de gebruiker zijn zuurverdiende centjes in jouw bankrekening stopt. Heel belangrijk dus om het afrekenen zo soepel mogelijk te laten gaan. Doorgaans wordt er een formulier ingevuld. Als dit formulier een aantal stappen heeft, bijvoorbeeld; 1. Winkelwagen > 2. Uw gegevens > 3. Afrekenen, is het superbelangrijk dat de vormgeving en tone-of-voice van de CTA’s op deze pagina’s eenduidig zijn met de andere CTA’s op je. Dit houdt de stijl van de CTA’s herkenbaar, eenvoudig en consistent voor de koper.

Wat ook goed werkt is om in de knop (of eronder), te beschrijven wat er gaat gebeuren. In plaats van “volgende” staat er dan bijvoorbeeld “naar betaalgegevens”. Dit wekt vertrouwen en duidelijkheid. Bij de laatste knop is dit heel erg belangrijk. Zeker als de gebruiker naar een andere betaalomgeving gestuurd wordt zoals iDeal of PayPal, is het belangrijk dat de gebruiker niet voor een complete verassing te staan.

In het kort:

  • Gebruik duidelijke taal in je CTA’s.
  • Gebruik consistentie in stijl en tone-of-voice om je gebruiker ook bij de laatste stappen van je e-commerce funnel optimaal te begeleiden. Het laatste wat je wil is dat bezoekers afhaken omdat ze niet meteen instinctief de CTA herkennen.
  • Als je meerdere CTA’s op één pagina hebt om zo de hoeveelheid conversies probeert te verhogen, probeer dan eerst eens te kijken naar het design van de knop zelf. Beter één grotere knop met genoeg ruimte eromheen zodat hij bijna niet te missen is, dan tien knoppen waardoor de bezoeker niet meer weet waar hij moet kijken.

BONUS!

Als je goed hebt opgelet, merk je dat dit vrij algemene tips zijn. Pas deze tips toe op andere elementen op de pagina, en je zal merken dat je pagina’s beter gaan presteren!

Geschreven door Emile Doorman
op 24-07-17

0

0

Laat een reactie achter