Wat is een productoverzicht?
Voordat we kijken waarom je de in-winkelwagenknop op je productoverzicht zet, eerst wat een productoverzicht precies is. Een productoverzicht is een categorie- of webshoppagina met meerdere producten. Ze staan in een raster of layout met afbeeldingen per categorie, en de klant bladert erdoorheen. Hier zijn call-to-action-knoppen in je webshop het belangrijkst, omdat de shopper al opties aan het vergelijken is.
Waarom een in-winkelwagenknop op je productoverzicht meer verkoop oplevert
Er zijn veel redenen om deze kleine knoppen toe te voegen. Dit zijn de tips voor je productoverzicht die het best werken bij succesvolle webshops.
Minder kliks, meer conversies
Elke klik telt voor een website-eigenaar. Moet een bezoeker te vaak klikken, dan haakt hij misschien af. Elke extra stap vergroot die kans. Bezoekers die eerst naar een productpagina moeten en dan pas op In winkelwagen kunnen klikken, kunnen makkelijk van gedachten veranderen of afgeleid raken voordat ze bij het afrekenen zijn. Dat is de kern van een geoptimaliseerde winkelwagen: minder stappen, meer verkoop.
Is het niet makkelijker als bezoekers hun favoriete producten direct vanuit het overzicht in hun winkelwagen leggen, in plaats van naar een andere pagina te moeten? Je doel is altijd zo min mogelijk drempels, en met deze knop breng je bezoekers op een simpele manier dichter bij het afrekenen.
Impulsaankopen bestaan echt, en daar speel je op in
Impulsaankopen zijn enorm, en een in-winkelwagenknop op het productoverzicht is een van de simpelste en sterkste manieren om daarop in te spelen. Stel je een koper voor die door de producten op je website bladert. Vindt hij twee producten leuk, dan koopt hij ze allebei in een opwelling. Maar moet hij eerst naar een andere pagina, dan geeft hij misschien niet toe aan die impuls.
Meer producten verhogen de AOV
Met in-winkelwagenknoppen op het productoverzicht voegen bezoekers snel producten toe die ze interessant vinden, zonder het overzicht over hun keuzes te verliezen. Cross-selling en upselling werken veel beter als bezoekers producten soepel aan hun winkelwagen toevoegen zonder meerdere productpagina's te openen. Ook aanbevelingspagina's zijn productoverzichten. Combineer je call-to-action-knoppen met productaanbevelingen, dan leggen kopers producten in hun winkelwagen zonder losse pagina's te bekijken.
Sneller winkelen voor drukke klanten
Bezoekers op je website hebben een korte spanningsboog. Sommigen bladeren door je productoverzicht en weten precies wat ze willen. Met in-winkelwagenknoppen op het overzicht leggen ze producten meteen in hun winkelwagen, zonder de hele productpagina door te nemen. Wie meer informatie wil, kan altijd nog naar de productpagina.
Best practices voor je in-winkelwagenknop
Je hebt in deze blog gelezen dat producten op je productoverzicht een in-winkelwagenknop nodig hebben. Met deze tips doe je het goed.
Gebruik geen vaktaal: Niet elke bezoeker heeft tijd over. Online shoppers hebben een heel korte spanningsboog. Duidelijkheid is cruciaal. Ontwerp je een in-winkelwagenknop, zorg dan dat iedereen hem meteen snapt.
Noem de knop "IN WINKELWAGEN": Doe niet te creatief met teksten als “Maak ze van jou”. Dat trekt de aandacht van de bezoeker niet. Je kunt ook een icoon gebruiken
Voeg niet te veel opties toe: De klantreis eindigt niet bij je in-winkelwagenknop. Je moet basisinformatie van de bezoeker hebben voordat het product in de winkelwagen gaat, zoals de maat, de kleur of iets anders belangrijks. Maak die lijst met opties niet te lang. Bezoekers hebben geen zin in vragen die er niet toe doen en slaan het toevoegen dan misschien over.
Maak de knop niet ingewikkeld: De in-winkelwagenknop moet makkelijk te herkennen en te gebruiken zijn. Is de afbeelding of het icoon te ingewikkeld, dan snappen bezoekers misschien niet waar hij voor is of aarzelen ze om te klikken. Een simpel icoon blijft op elk apparaat goed leesbaar en bruikbaar.
Let op de grootte van de knop: De in-winkelwagenknop mag niet te groot en niet te klein zijn. Kleine knoppen zijn lastig te vinden en aan te klikken. Grote knoppen kunnen overheersen en de indruk geven dat ze belangrijker zijn dan het product.
Maak de pagina niet te vol: Wil je bezoekers een goede winkelervaring geven, dan geldt: minder is meer. Staat het productoverzicht vol met knoppen, links of afbeeldingen, dan raken bezoekers in de war en voelen ze zich overweldigd. Een overvolle pagina laat de in-winkelwagenknop ook minder opvallen. Houd de pagina rustig en de knop duidelijk, dan kopen mensen sneller.
Vergeet de bevestiging niet: Legt een bezoeker een product in zijn winkelwagen via de knop op het overzicht, laat dan een melding zien dat het product is toegevoegd. Mist die melding, dan blijft de bezoeker op de knop klikken en snapt hij niet wat er gebeurt. Dan komt hij misschien niet bij de winkelwagen en rondt hij de betaling niet af.
De in-winkelwagenknop is een van de belangrijkste call-to-action-knoppen in je webshop. Doe je het goed, dan maakt dat een groot verschil in conversies en tevredenheid. WEMASY heeft templates waarmee je een strak, intuïtief en efficiënt productoverzicht ontwerpt dat winkelen makkelijker maakt voor je klanten.
Meer over je webshopverkoop verhogen lees je in onze blog over aanbevelingspagina's in je webshop. Bekijk ook onze gids over onmisbare functies voor je webshop. Wil je weten wie je kopers zijn en wat ze verwachten? Lees dan over soorten online kopers.
Veelgestelde vragen
Werkt een in-winkelwagenknop op het productoverzicht voor alle soorten producten?
Hij werkt het best voor producten die je voor aankoop niet uitgebreid hoeft aan te passen. Eenvoudige producten zoals kleding, accessoires, eten en dagelijkse producten zijn ideaal. Voor producten met meerdere verplichte opties, zoals maat en kleur, toon je naast de knop een snelle keuzelijst in plaats van de shopper naar een aparte pagina te sturen.
Wordt mijn productoverzicht trager door winkelwagenknoppen?
Nee, als ze goed zijn gebouwd. Een goed gecodeerde in-winkelwagenknop voegt bijna niets toe aan de laadtijd. Het is een klein HTML-element met een licht script. Pagina's worden traag door zware afbeeldingen of slechte code, niet door de knop. Templates van WEMASY zijn gebouwd met snelheid in gedachten, dus de knoppen laden snel op elk apparaat.
Moet de knop een prijs tonen of alleen In winkelwagen?
Houd de tekst op de knop simpel. "In winkelwagen" of een winkelwagenicoon is duidelijk genoeg. De prijs staat al op de productkaart, boven of naast de knop. Zet je de prijs in de knop, dan oogt hij rommelig en is hij lastiger te lezen op mobiel.
Hoe weet ik of de in-winkelwagenknop mijn conversie echt verbetert?
Vergelijk je conversieratio en gemiddelde orderwaarde van voor en na het toevoegen van de knop. Meet hoeveel producten vanuit het productoverzicht in de winkelwagen gaan en hoeveel vanuit losse productpagina's. In het analytics-dashboard van WEMASY zie je deze cijfers, zodat je het effect direct meet.
Welke kleur moet de in-winkelwagenknop hebben?
Kies een kleur die afsteekt tegen de achtergrond van je productkaart, zodat de knop opvalt. Groen, oranje en blauw zijn populaire keuzes, omdat ze aandacht trekken zonder met de meeste designs te botsen. Het belangrijkste is dat de knop meteen zichtbaar is, zonder dat de shopper hoeft te zoeken.
Kan ik de in-winkelwagenknop ook op mobiele productoverzichten zetten?
Ja, en dat moet je ook doen. Meer dan de helft van het online winkelen gebeurt op mobiel. Zorg dat de knop groot genoeg is om makkelijk aan te tikken en niet over andere elementen heen valt. De responsive templates van WEMASY passen de grootte en plek van de knop automatisch aan voor mobiel, tablet en desktop.
