Ga naar hoofdinhoud

Winkelwagen

De Winkelwagen zijbalk is een essentieel onderdeel van de gebruiksvriendelijkheid van je webshop. In plaats van de bezoeker direct naar een nieuwe pagina te sturen, schuift er een paneel vanaf de rechterkant het scherm in. Hierdoor blijft de klant in de 'flow' van het winkelen, terwijl ze wel direct overzicht hebben van hun huidige selectie.

Algemene Instellingen

De instellingen voor deze zijbalk zijn gefocust op een rustige en overzichtelijke weergave:

  • Kleurenschema: Bepaal het kleurenschema voor de zijbalk. Je kunt kiezen voor een lichte variant voor een frisse look, of juist een donker schema om de focus op de inhoud te leggen.
  • Aangepaste klasse (Custom Class): Voor geavanceerde styling door ontwikkelaars om bijvoorbeeld de breedte of schaduw van de zijbalk aan te passen.

Inhoud & Functionaliteit

De zijbalk is intelligent opgebouwd en toont alle relevante informatie over de geselecteerde producten:

  • Productdetails: Voor elk item in de winkelwagen wordt de afbeelding, titel en het aantal getoond.
  • Prijzen: Zowel de totaalprijs per regel als eventuele eenheidsprijzen (unit prices) zijn direct zichtbaar.
  • Abonnementen & Eigenschappen: Als een product onderdeel is van een abonnement (selling plan) of als er aangepaste eigenschappen (zoals een gravering of upload) zijn toegevoegd, worden deze netjes onder de producttitel vermeld.
  • Totaaloverzicht: Onderin de zijbalk staat altijd het actuele totaalbedrag van de bestelling.

Acties

Om de conversie te stimuleren, biedt de zijbalk directe navigatieopties:

  • Bekijk winkelwagen: Een knop die de klant naar de volledige winkelwagenpagina leidt voor meer details.
  • Afrekenen (Checkout): De primaire actieknop die de klant direct naar de beveiligde betaalomgeving stuurt.
  • Extra betaalmethoden: Indien geactiveerd in Shopify, worden hier ook versnelde betaalopties (zoals Apple Pay, Google Pay of PayPal) getoond voor een nog snellere afhandeling.

Tip: Zorg dat het kleurenschema van de winkelwagen zijbalk goed aansluit bij je header, aangezien dit de plek is waar klanten vaak de interactie met hun mandje starten.