Hoe ziet de winkelwagenknop van de zakelijke webshop eruit?

Onderzoek van Internet Impact naar de vorm van en tekst op de winkelwagenknop van webwinkels uit de Twinkle 100 inspireerde mij om eens te gaan kijken naar de winkelwagenknop van de zakelijke webwinkel. En wat blijkt? Er zijn opvallende verschillen te zien tussen b2b en de Twinkle100.

Uit onderzoek onder 100 zakelijke leden van Thuiswinkel.org blijkt dat de meeste add-to-cartknoppen groen (38%) en oranje (23%) zijn. Het gaat hierbij om de knop die je op de productpagina vindt en waarmee je het product in je winkelwagen stopt. Onder de Twinkle 100-shops waren dit ook de populairste kleuren, hoewel daar het verschil in percentage minder groot was en oranje (31%) nipt won van groen (27%). Bij zakelijke webshops staat blauw op de derde plek (14%), gevolgd door rood en zwart (beiden 7%).

De tekst op de winkelwagenknop

Aangezien de aantallen en producten in de zakelijke markt meestal anders zijn dan die in b2c, was ik ook benieuwd naar de tekst op de bestelknop. Daaruit blijkt dat het grootste gedeelte van de zakelijke webshops gaat voor ‘In winkelwagen’ (43%), gevolgd door ‘In winkelmand(je)’ (24%) en ‘Bestel(len)’ (13%). Verder kiest 9% voor ‘voeg toe aan winkelwagen’ en 2% voor ‘voeg toe aan winkelmand’.

Winkelwagen wint van winkelmand

In totaal heeft 52% het over een winkelwagen en 28% over winkelmand. De overige webshops kiezen voor een werkwoord (bestellen, voeg toe, klik en bestel). Bij de Twinkle100-shops liggen deze percentages veel minder ver uit elkaar: 37% winkelwagen en 29% winkelmand. De Twinkle 100-webshops kiezen ook vaak voor onder andere (een variant op) shopping bag, klik en bestel of ‘ik wil er één’.

B2b verdeeld over gebruik van icoontjes

Wanneer we kijken naar icoontjes, dan was in het onderzoek van Internet Impact te zien dan 58% van de Twinkle100-webwinkels een icoontje op de bestelknop heeft. Bij de zakelijke webshops is dat met 50% redelijk vergelijkbaar. Van het totaal aantal b2b-webshops koos 43% voor een winkelwagentje en 5% voor een winkelmandje. De icoontjes worden zowel voor als achter de tekst geplaatst. Verder was er een shop die koos voor een vorkheftruck en een webwinkel die koos voor pijltjes. Opvallend was dat er maar liefst zes webshops waren die in de tekst ‘In winkelmandje’ hadden staan, maar er volgens een winkelwagentje bij toonden of andersom.

Tips voor de ultieme winkelwagenknop

Vanuit eigen ervaring en verschillende externe onderzoeken heb ik hieronder enkele tips verzameld. Maar het belangrijkst hierbij is testen, testen, testen. Gebruik a/b-testen en kijk welke variant de meeste conversie haalt.

• Vertel duidelijk op de button welke actie de bezoeker ermee uitvoert. Let goed op de juridische verschillen die hierboven zijn genoemd. "Direct bestellen" voelt toch anders en definitiever dan "voeg toe aan winkelwagen".
• Verschillende webwinkels hebben naast de bestelknop een linkje staan waarmee je een offerte op kunt vragen of contact kunt opnemen met de klantenservice. Afhankelijk van het soort product dat je verkoopt kan dit een mooie extra service zijn.
• Bekijk goed welke productsoort je verkoopt en pas je winkelwagenknop daarop aan. Persoonlijk vind ik een vorkheftruck een heel leuk alternatief wanneer je grote producten verkoopt die je niet zomaar in een winkelmandje plaatst. Daarnaast voelt het ook wat bijzonder als je een hele stellingkast ‘in je winkelmandje’ kunt stoppen.
• In de tekst een winkelmandje noemen en er een plaatje van een winkelwagentje bij zetten? Kan, maar voelt wat inconsequent.
• Kijk bij kleurgebruik naar de rest van je website. De winkelwagenknop moet opvallen. Vaak werkt het om een kleur te kiezen die contrasteert met je eigen kleur of de andere kleuren op de pagina.
• Gebruik altijd de combinatie tussen kleur en tekst op je button. Er zijn veel mensen die een kleurstoornis hebben en dus geen onderscheid kunnen maken tussen verschillende kleuren. Let er ook op dat de kleur van de letters op de button afwijkt van de button zelf en goed leesbaar zijn.
• Zorg dat de button groot genoeg is zodat mensen ook via smartphone en tablet goed kunnen klikken. Welke maat je moet hebben, vind je hier.
• Volg niet klakkeloos de button van je concurrent of de uitkomst van een onderzoek. Wat voor de ene webwinkel wel werkt, werkt voor de andere niet. Daarbij gaf onderzoek van CXL ook aan dat er geen enkele kleur is die beter converteert dan een andere kleur, maar dat contrast zorgt voor het grote verschil in conversie.