Hoe bouw je een e-commerce landingspagina die de conversies verhoogt

Je hebt een webshop en een marketingplan. Een combinatie van pay-per-click-advertenties en organische zoekresultaten trekt bezoekers naar je winkel. Je ziet het aantal bezoekers stijgen, maar je omzet blijft achter.

De boosdoener is waarschijnlijk de landingspagina van je website. Een slechte landingspagina zorgt ervoor dat bezoekers de site verlaten. Zie het als een verkooppraatje: als je niet aan de behoeften van de klant voldoet, zul je niets verkopen.

Wat kun je doen om de situatie te veranderen? Hoe converteer je meer bezoekers? Bij landingspaginaʼs zit het venijn vaak in de details.

Call-to-actions

Laten we simpel beginnen. Wat wil je dat je bezoeker doet wanneer hij of zij je landingspagina bezoekt? Misschien wil je een verkoop realiseren of wil je dat de bezoeker zich ergens voor aanmeldt, zoals een nieuwsbrief. Wat de situatie ook is, je hebt een sterke call-to-action (CTA) nodig.

Plaats je CTA prominent op de landingspagina. Een knop werkt vaak goed, omdat deze de bezoeker laat zien waarop hij of zij moet klikken om verder te gaan op je website. Trek de aandacht van de bezoeker naar de CTA met behulp van visuele elementen en besteed veel aandacht aan de tekst die je gebruikt. Sommige bezoekers reageren goed op dwingende tekst, zoals "Nu winkelen". Anderen geven misschien de voorkeur aan iets subtielers. Test verschillende CTAʼs uit en gebruik analysesoftware om te achterhalen hoe effectief ze zijn.

Ga voor visueel

Je hebt een webshop en een marketingplan.

Vertrouwen is essentieel bij een productaankoop. Als je bezoeker het product dat je verkoopt niet kan zien vanaf de landingspagina, verdwijnt dit vertrouwen. De afbeeldingen die je gebruikt hoeven niet opvallend te zijn. Focus in plaats daarvan op het aanbieden van duidelijke afbeeldingen die uw product laten zien zoals het is.

Plaats het product in een goed licht en klanten zullen erdoor aangetrokken worden. Het product in actie laten zien kan ook een sterk effect hebben. Als u bijvoorbeeld brillen verkoopt, wekt een foto van iemand die de bril draagt vertrouwen in de kwaliteit ervan.

Aanbiedingen gebruiken

Er zal altijd een strijd zijn om de beschikbare ruimte op uw webpagina tussen uw aanbiedingen en uw call-to-action (CTA). De juiste balans zorgt ervoor dat de aanbieding de CTA ondersteunt in plaats van ervan af te leiden.

Vermijd opdringerige aanbiedingen die iets van uw bezoekers eisen. Pop-ups leiden met name af van de bezoekerservaring en leiden tot verwarring. Bied in plaats daarvan iets aan waardoor de bezoeker meer wil zien. Misschien kunt u een korting van 10 procent aanbieden op een eerste aankoop. Of misschien biedt u gratis verzending aan bij bepaalde aankopen. Wat het aanbod ook is, integreer het in de landingspagina zodat de bezoeker direct naar de call-to-action (CTA) wordt geleid.

Blijf boven de vouw

Als bezoekers van je landingspagina moeten scrollen om belangrijke informatie te vinden, ben je ze al kwijt. Plaats alle belangrijke elementen van de pagina boven de vouw.

Je doel hiermee is om de navigatie naar de aankooppagina eenvoudig te maken. Elke keer scrollen vertraagt de gebruiker. Het zoeken naar je CTA of aanbod doet hetzelfde. Maak het de bezoeker gemakkelijk en je wordt beloond met meer conversies.

Houd de pagina eenvoudig

Het idee van eenvoud gaat verder dan alleen belangrijke informatie bovenaan de pagina plaatsen. Je moet ook voorkomen dat je informatie aanbiedt die de consument niet nodig heeft. Vraag jezelf af of de klant de navigatiebalk echt nodig heeft als je CTA dat al voor hem/haar doet? Moet je je bedrijfsfilosofie bespreken op een pagina die is ontworpen om een product te verkopen?

Het antwoord is waarschijnlijk "nee". Vertrouw op je instinct en reduceer de pagina tot wat nodig is. Houd de tekst eenvoudig en zorg ervoor dat elk element een doel dient. Bied niet te veel links naar andere delen van de site. Maak het doel van de pagina zo duidelijk mogelijk voor de bezoeker.

Gebruik witruimte

Witruimte is geen verspilling voor een landingspagina. Je hoeft het niet op te vullen om de pagina actiever te laten lijken dan hij is. Sterker nog, het opvullen van witruimte leidt alleen maar af van de aanbieding en de CTA.

Beschouw witruimte als een designelement. Doordat er verder niets te zien is, wordt de aandacht van de bezoeker getrokken naar de belangrijkste informatie op de pagina. Gebruik dit in je voordeel en scheid je afbeeldingen en CTA met witruimte.

Producttekst

Je landingspagina kan producten tonen in plaats van een aanbieding of formulier. Houd er in dat geval rekening mee dat bezoekers het product slechts even snel willen bekijken. Overweldig bezoekers met gedetailleerde informatie, want dat leidt tot verwarring.

Focus in je tekst op de belangrijkste kenmerken van het product. Wat doet het? Hoe helpt het? Welke voordelen biedt het ten opzichte van vergelijkbare producten? Maak een lijst, kies de belangrijkste en gebruik die als basis voor de tekst op je landingspagina. Pas dezelfde filosofie toe op de kop van je pagina. Als je kop de bezoeker niet precies vertelt wat het product doet, is deze niet effectief.

Belangrijke reviews

Meer dan driekwart van de mensen leest reviews voordat ze online iets kopen. Bezoekers hebben meer vertrouwen in je eerdere klanten dan in het bedrijf zelf, dus benadruk de positieve feedback. Een eenvoudig sterrensysteem dat een gemiddelde score voor het product geeft, werkt prima, mits de score hoog genoeg is.

Maak niet de fout te denken dat goede recensies op andere sites je landingspagina zullen helpen. Je jaagt bezoekers weg van de pagina wanneer ze naar recensies moeten zoeken. Je vergroot ook de kans dat ze een winkel vinden die een beter beoordeeld product of dienst aanbiedt.

Houd rekening met alle schermresoluties

De resolutie 1366x768 is misschien wel de meest populaire resolutie, maar 42 procent van de mensen gebruikt nog steeds 1024x768. Sommigen gebruiken zelfs nog 800x600. Hoe wordt je landingspagina weergegeven voor mensen met lagere resoluties? Moet er gescrold worden op een scherm met een resolutie van 800x600 om de call-to-action (CTA) die prominent in beeld is op een 1366x768 scherm te zien? En hoe zit het met mobiele apparaten?

Dit zijn allemaal vragen die je moet beantwoorden. Als je landingspagina niet aan ieders behoeften voldoet, mis je een groot deel van je publiek. Test de pagina op verschillende monitoren om de verschillen te begrijpen tussen de weergave op je grote, high-definition monitor en de minder geavanceerde modellen.

Sociale media gebruiken

Je bezoeker is misschien niet geïnteresseerd in het product op je landingspagina, maar kent wellicht wel iemand die dat wel is. Door social media-knoppen aan de pagina toe te voegen, wordt het delen eenvoudiger en trekt de pagina meer bezoekers.

Verwar je social media-knoppen niet met je call-to-action (CTA). Het doel is nog steeds om een conversie te behalen met je landingspagina, dus houd de CTA centraal. Bied de social media-knoppen gewoon aan als een optie, bij voorkeur onderaan de pagina.

Tot slot

Hoe vatten we dit alles samen? Heel simpel. Maak duidelijk welke actie je van de bezoeker verwacht en maak het zo gemakkelijk mogelijk om die actie uit te voeren. Verwijder alle overbodige elementen en focus alles op je landingspagina op je call-to-action (CTA).

Als de pagina logisch is voor je doelgroep, zal dit je conversieratioʼs verbeteren. Als je het niet zeker weet, probeer dan nieuwe dingen uit. Vergelijk je resultaten met wat je in het verleden hebt bereikt en pas de opgedane kennis toe op het ontwerp van je landingspagina. Door analyse en de juiste implementatie bouw je een sterkere landingspagina voor je doelgroep.