Hoe ontwerp je een winkelwagen die converteert

Een goed geoptimaliseerde winkelwagenervaring kan de conversie met wel 400% verhogen, blijkt uit onderzoek. De meeste shopeigenaren besteden er bijna niets aan. De winkelwagen is geen wachtkamer. Het is waar kopers hun laatste beslissing nemen, en het ontwerp…

Het wereldwijde percentage verlaten winkelwagens is 70%, blijkt uit onderzoek. Op mobiel loopt dat op tot 86%. Dat betekent dat van elke 10 mensen die iets in hun winkelwagen leggen, er zeven tot negen vertrekken zonder te kopen. Een deel daarvan is onvermijdelijk. Mensen kijken rond en bewaren iets voor later. Maar een flink deel komt door wrijving, wantrouwen en ontwerpkeuzes die je kunt verbeteren.

In dit artikel lees je wat een winkelwagenpagina eigenlijk doet en hoe je er een ontwerpt die converteert. Voor wat er daarna in de flow gebeurt, zie hoe je een checkoutpagina ontwerpt die minder afhakers oplevert.

Wat de winkelwagenpagina eigenlijk is

De meeste mensen zien de winkelwagen als het begin van het afrekenen. Dat is hij niet. De winkelwagen is het einde van de fase waarin het product wordt beoordeeld. Op het moment dat een koper iets in zijn winkelwagen legt, heeft hij een voorlopige beslissing genomen. Hij bevestigt hem, hij neemt hem niet. De winkelwagenpagina geeft hem nog een laatste blik op wat hij heeft gekozen en wat het kost voordat hij zich aan betalen verbindt.

Dit onderscheid telt voor het ontwerp. De winkelwagen is niet de plek voor tactieken die druk zetten of om kopers te bestoken met nieuwe aanbiedingen. Het is een moment van bevestiging. Het ontwerp moet schoon, betrouwbaar en compleet voelen. Alles wat de koper nodig heeft om zich zeker te voelen over zijn aankoop, moet hier zichtbaar zijn, voordat hij ooit op "Doorgaan naar afrekenen" klikt.

Toon de volledige prijs voordat het afrekenen begint

Verborgen verzendkosten zijn de grootste reden dat shoppers hun winkelwagen verlaten, blijkt uit onderzoek. Een koper die in de winkelwagen een totaal van $35 ziet en bij het afrekenen $12 verzendkosten ontdekt, voelt zich misleid. Veel van hen vertrekken op dat moment, ook als ze de verzendkosten hadden geaccepteerd als ze het vooraf hadden geweten.

Toon het volledige bestelbedrag op de winkelwagenpagina: producten, geschatte verzendkosten en eventuele belasting. Is verzending gratis boven een bepaald bedrag, toon dat dan duidelijk en laat zien hoe dicht de koper erbij is. Hangen de verzendkosten af van het adres, geef dan een schatting op basis van de locatie van de shopper of toon een bereik. Transparantie is hier niet alleen een kwestie van fatsoen. Het is een directe conversiehefboom.

Vertrouwenssignalen op de winkelwagenpagina

Een koper die iets in de winkelwagen heeft gelegd maar nog twijfelt, heeft geruststelling nodig, geen kortingscode. Vertrouwenssignalen op de winkelwagenpagina pakken twijfel direct aan. Een beveiligingsbadge bij het winkelwagenoverzicht, een korte herinnering aan het retourbeleid en een duidelijke rij betaalmethoden verminderen aarzeling op het moment dat het het meest telt.

Bewaar vertrouwenssignalen niet alleen voor de checkoutpagina. Op het moment dat een koper bij het afrekenen komt, heeft hij al besloten door te gaan. De twijfelende koper die geruststelling nodig heeft, haakt vaak al op de winkelwagenpagina af, voordat hij daar aankomt.

Afrekenen als gast is niet onderhandelbaar

Kopers dwingen om een account aan te maken voordat ze kopen, is een van de best gedocumenteerde oorzaken van verlaten winkelwagens. Veel nieuwe kopers willen geen relatie met een nieuwe shop. Ze willen het product. Bied afrekenen als gast aan als prominente optie en laat het aanmaken van een account pas na de aankoop gebeuren, op de bevestigingspagina.

Wil je dat kopers een account aanmaken, laat het dan als voordeel voelen en niet als een hek. "Bewaar je gegevens voor sneller afrekenen de volgende keer" na een afgeronde aankoop converteert veel beter dan "Maak een account aan om door te gaan" vóór een aankoop.

Verlanglijst en bewaren voor later

Niet elk product in een winkelwagen is een actieve koopintentie. Sommige shoppers leggen artikelen erin om ze voor later te bewaren. Als dat gedrag de winkelwagen vervuilt, vertekent het je conversiecijfers en geeft het de koper een rommelige ervaring.

Een optie "Bewaren voor later" of "Naar verlanglijst" op de winkelwagenpagina heeft twee doelen. Het geeft rondkijkers een legitieme manier om producten te parkeren zonder de winkelwagen helemaal te verlaten. En het houdt artikelen die echt gekocht worden zichtbaar en gescheiden, zodat de winkelwagen echte intentie weergeeft. Zo wordt de winkelwagenervaring schoner en je conversiedata nauwkeuriger.

Cross-sell-aanbevelingen: wanneer en hoe

Cross-sells op de winkelwagenpagina kunnen de gemiddelde orderwaarde verhogen als je het goed doet. De timing telt. Aanbevelingen horen op de winkelwagenpagina te staan, voordat het afrekenen begint. Onderbreek de checkoutflow nooit met cross-sells. Daar telt gerichte afronding het meest.

Houd cross-sell-aanbevelingen relevant en beperkt. Twee of drie aanvullende producten is genoeg. Een koper die een camera toevoegt, hoeft geen 12 accessoires te zien. Hij moet de een of twee vaakst gekochte toevoegingen zien. Presenteer aanbevelingen als "Vaak samen gekocht" in plaats van "Misschien vind je dit ook leuk". Het eerste suggereert social proof. Het tweede suggereert gokken.

Winkelwagen ontwerpen voor mobiel

Mobiele winkelwagenverlating ligt op 86%, 16 procentpunten hoger dan op desktop. De meeste winkelwagens zijn nog steeds ontworpen met desktop als vertrekpunt. Op mobiel zorgen kleine tikdoelen, rommelige indelingen en moeilijk aanpasbare aantalvelden voor wrijving die op een groter scherm niet bestaat.

Maak op mobiel de aantalkeuze een groot tikdoel. Gebruik een vaste knop "Doorgaan naar afrekenen", zodat hij altijd zichtbaar is zonder te scrollen. Houd het winkelwagenoverzicht kort: productafbeelding, naam, prijs en aantal. Zet vertrouwenssignalen en cross-sells onder de vouw in plaats van de hoofdweergave van de winkelwagen te onderbreken. De mobiele winkelwagen moet voelen als een snelle bevestiging vóór een tik, niet als een pagina die zorgvuldig gelezen moet worden.

Winkelwagens die bewaard blijven over sessies en apparaten

Een koper die tussen de middag op zijn telefoon producten in zijn winkelwagen legt, moet diezelfde producten zien als hij 's avonds de shop op zijn laptop opent. De meeste shops regelen dit niet goed. De winkelwagen wordt tussen sessies gereset of blijft alleen bewaard voor ingelogde gebruikers. Beide verpesten de ervaring voor het grote deel van de kopers dat op meerdere apparaten rondkijkt voordat het koopt.

Bewaarde winkelwagens lossen dit op door de inhoud op de server op te slaan en niet af te hangen van browsercookies. Voor ingelogde gebruikers gebeurt dit automatisch. Voor gasten kan een sessietoken in lokale opslag de winkelwagen meenemen als dezelfde browser wordt gebruikt, hoewel volledige bewaring over apparaten heen een login of herstel van de sessie via e-mail vraagt. De praktische uitvoering verschilt per shopsysteem, maar het ontwerpprincipe is hetzelfde: verlies nooit ongemerkt de winkelwagen van een koper. Moet de winkelwagen toch worden gereset, vertel de shopper dan waarom en geef hem een manier om hem snel opnieuw op te bouwen.

Bewaarde winkelwagens maken ook herstel per e-mail mogelijk. Voegt een koper producten toe, vertrekt hij en haakt hij af, dan geeft een opgeslagen winkelwagen je de data om een herstelmail te sturen met precies de producten die hij heeft achtergelaten. Dit is een van de best converterende e-mailautomatiseringen in e-commerce. Het werkt alleen als de winkelwagen is opgeslagen. Meer over de fysieke kant van het versturen van bestellingen vind je in hoe je verzending voor je webshop instelt.

Wat een winkelwagenpagina om zeep helpt

Een aantal ontwerpfouten verlaagt de conversie van de winkelwagen en verdient een directe vermelding. De verzendkosten voor het eerst bij het afrekenen tonen in plaats van op de winkelwagenpagina is de grootste. Een prominent veld voor een actiecode zorgt ervoor dat kopers zonder code er een gaan zoeken. Veel van hen komen niet terug. Een trage laadtijd van de winkelwagenpagina is onevenredig schadelijk; kopers hebben al genoeg aandacht besteed om hier te komen en een trage pagina doorbreekt dat momentum. Het weghalen van de mogelijkheid om het aantal te wijzigen of artikelen te verwijderen zonder weg te navigeren, geeft wrijving op het slechtste moment.

De winkelwagenpagina is de laatste halte voordat een koper een klant wordt. Behandel elk element erop als een conversiebeslissing, niet als een technische eis.

Hoe WEMASY winkelwagenconversie ondersteunt

Het webshopsysteem van WEMASY heeft een winkelwagenpagina met bewaarde sessies, transparante prijsweergave, afrekenen als gast en cross-sells die vóór het afrekenen staan. Plaatsing van vertrouwenssignalen en de mobiele indeling zijn standaard geregeld, zodat je winkelwagen op elk apparaat werkt zonder maatwerk.

Bekijk de prijzen van WEMASY om een plan te vinden dat bij je shop past.

Veelgestelde vragen

Wat is het gemiddelde percentage verlaten winkelwagens?

Het wereldwijde gemiddelde ligt rond 70%, blijkt uit onderzoek. Op mobiel is het dichter bij 86%. Een deel van de verlating is onvermijdelijk. Mensen kijken rond en bewaren iets voor later. Maar een groot deel komt door wrijving en ontwerpproblemen die je kunt verbeteren, zoals verborgen kosten, verplicht een account aanmaken en trage pagina's. Met de websitebouwer van WEMASY stel je dit direct in je shop in.

Waarom verlaten shoppers hun winkelwagen?

De meest voorkomende redenen zijn verborgen verzendkosten die pas bij het afrekenen blijken, verplicht een account aanmaken, een te ingewikkeld afrekenproces en trage pagina's. De winkelwagenpagina is waar veel van deze problemen voor het eerst zichtbaar worden voor de shopper, en daarom beïnvloedt het ontwerp van de winkelwagen direct het percentage afhakers.

Moet ik afrekenen als gast aanbieden?

Ja. Verplicht een account aanmaken vóór een eerste aankoop is een van de duidelijkste oorzaken van afhaken. Laat kopers hun bestelling als gast afronden en bied het aanmaken van een account aan op de bevestigingspagina, als optioneel voordeel. Het presenteren als sneller afrekenen in de toekomst converteert beter dan het presenteren als eis.

Waar moet ik cross-sell-aanbevelingen tonen?

Op de winkelwagenpagina, voordat het afrekenen begint. Onderbreek de checkoutflow nooit met cross-sells. Toon op de winkelwagenpagina twee of drie zeer relevante producten onder het kopje "Vaak samen gekocht". Zet de aanbevelingen onder het winkelwagenoverzicht en de afrekenknop, zodat ze de hoofdactie niet onderbreken.

Wat is een bewaarde winkelwagen?

Een bewaarde winkelwagen slaat de inhoud van de winkelwagen van de shopper op over sessies heen, zodat de producten er nog zijn als hij later terugkomt. Voor ingelogde gebruikers werkt dit automatisch met opslag op de server. Voor gasten kan lokale opslag de winkelwagen binnen dezelfde browser bewaren. Bewaarde winkelwagens maken ook herstelmails voor verlaten winkelwagens mogelijk, een van de best converterende e-mailautomatiseringen in e-commerce.

Hoe ontwerp ik een winkelwagenpagina voor mobiel?

Gebruik grote tikdoelen voor aantalkeuze en verwijderknoppen. Voeg een vaste afrekenknop toe die altijd in beeld is. Houd het winkelwagenoverzicht minimaal: productafbeelding, naam, prijs en aantal. Toon het volledige bestelbedrag inclusief verzending vóór de afrekenknop. Zet vertrouwenssignalen en cross-sells onder de vouw, zodat ze de hoofdactie niet blokkeren.

Zet het meteen
in je eigen website.

Start gratis met WEMASY en bouw je site in een paar minuten.