Winkelwagenvoorbeeld
De winkelwagenvoorbeeld-functie creëert een betere winkelervaring voor uw klanten door een handig schuifpaneel te tonen telkens wanneer ze items aan hun winkelwagen toevoegen. In plaats van door te verwijzen naar de afrekenpagina of klanten te dwingen weg te navigeren van wat ze bekijken, schuift er een strak paneel vanaf de zijkant naar binnen, dat de huidige winkelwageninhoud weergeeft.
Waarom winkelwagenvoorbeeld gebruiken?
Winkelwagenvoorbeeld vermindert wrijving in het aankoopproces door klanten in staat te stellen:
- Snel te zien wat er in hun winkelwagen zit zonder de huidige pagina te verlaten.
- Productminiatuurweergaven, namen en prijzen in één oogopslag te bekijken.
- Aantal artikelen direct aan te passen of ongewenste artikelen te verwijderen.
- Met één klik door te gaan naar de kassa.
- Door te gaan met winkelen zonder onderbreking.
Deze gestroomlijnde ervaring helpt het verlaten van winkelwagens te verminderen en maakt het voor klanten gemakkelijker om hun aankopen te voltooien.
Winkelwagenvoorbeeld inschakelen
Om de winkelwagenvoorbeeld-functie in uw winkel in te schakelen:
- Navigeer in uw WordPress-beheer naar Downloads » Instellingen » Betalingen.
- Klik op het tabblad Winkelwagen.
- Zoek de schakelaar Winkelwagenvoorbeeld inschakelen en schakel deze in.
- Klik op Wijzigingen opslaan onderaan de pagina.

Eenmaal ingeschakeld, verschijnt het winkelwagenvoorbeeld automatisch wanneer klanten producten aan hun winkelwagen toevoegen.
Instellingen voor winkelwagenvoorbeeld configureren
Zwevende winkelwagenknop
De zwevende winkelwagenknop biedt klanten een manier om hun winkelwagenvoorbeeld op elk moment te openen, zelfs nadat ze het hebben gesloten. De knop wordt weergegeven wanneer klanten momenteel items in de winkelwagen hebben en "zweeft" in een hoek van het scherm terwijl klanten door uw site bladeren.

Inschakelen en configureren:
- Navigeer naar Downloads » Instellingen » Betalingen » Winkelwagen.
- Zoek de sectie Instellingen winkelwagenknop.

Knopgrootte
Kies hoe groot u wilt dat de zwevende knop verschijnt:
- Geen: Er wordt geen knop weergegeven (klanten kunnen het winkelwagenvoorbeeld alleen zien wanneer ze items toevoegen).
- Klein: Een compacte knop die minimale schermruimte inneemt.
- Groot: Een grotere, meer prominente knop die gemakkelijker te vinden is (aanbevolen voor de meeste winkels)
Aanbevolen: Gebruik Groot voor de beste zichtbaarheid, vooral op mobiele apparaten. Kies Klein als u beperkte schermruimte heeft of een subtielere uitstraling wilt. Selecteer Geen als u alleen wilt dat het winkelwagenvoorbeeld verschijnt wanneer klanten items toevoegen.
Button Position
Choose where the floating button appears on the screen:
- Bottom Left Corner: Button appears in the lower left.
- Bottom Right Corner: Button appears in the lower right.
Tip: Consider your site’s layout when choosing position. If you have other floating elements (like a chat widget) in one corner, place the cart button in the opposite corner to avoid overlap.
Hoe klanten winkelwagenvoorbeeld gebruiken
Once enabled, here’s how the Cart Preview works for your customers:
- Adding to Cart: When a customer clicks an “Add to Cart” button anywhere on your site, the cart preview panel automatically slides in from the side (or up from the bottom on mobile devices).
- Viewing Cart Contents: The panel displays:
- Product thumbnails (if available)
- Product names
- Individual prices
- Quantities (if item quantities are enabled on your store)
- Cart subtotal
- Managing Items – Customers can:
- Adjust Quantities: Use the plus (+) and minus (-) buttons to change how many of each item they want (if quantities are enabled).
- Remove Items: Click the remove (X) button to delete items from their cart.
- Continue Shopping: Select “Continue Shopping” to close the panel and keep browsing.
- Checkout: Click the “Checkout” button to proceed directly to the checkout page.
- Reopening the Cart: If you’ve enabled the floating cart button, customers can click it at any time to reopen the cart preview and review their items.
Compatibiliteit
The Cart Preview works seamlessly with:
- All EDD purchase buttons and shortcodes
- EDD Blocks (if you’re using the block editor)
- Mobile devices and tablets
- All modern web browsers
- Screen readers and keyboard navigation (fully accessible)
Note: The Cart Preview does not appear on the checkout page itself, as customers can already see their full cart on that page.
Relatie met andere instellingen
Redirect to Checkout
The Cart Preview works in conjunction with the Redirect on Add setting found in Downloads » Settings » Payments » Cart.
- When Redirect to Checkout is DISABLED (recommended with Cart Preview): The cart preview automatically opens when customers add items, keeping them on the current page.
- When Redirect to Checkout is ENABLED: Customers are redirected to checkout instead of seeing the cart preview.

Aanbeveling: Schakel Doorverwijzen naar afrekenen uit wanneer u Cart Preview gebruikt om de beste winkelervaring te bieden.
Aantal artikelen
Als u Aantal artikelen hebt ingeschakeld in uw winkelinstellingen (Downloads » Instellingen » Betalingen » Winkelwagen), zien klanten in de winkelwagenvoorbeeld voor elk artikel bedieningselementen voor het aanpassen van de hoeveelheid (knoppen + en –).

Als aantallen zijn uitgeschakeld, kunnen klanten nog steeds meerdere exemplaren van hetzelfde artikel toevoegen, maar deze verschijnen als afzonderlijke regels in de winkelwagenvoorbeeld.
Winkelwagen Aanbevelingen (Alleen Pro)
Als u Easy Digital Downloads Pro gebruikt, kunt u Winkelwagen Aanbevelingen inschakelen om AI-gestuurde product suggesties weer te geven in het winkelwagenvoorbeeldpaneel. Zie de documentatie voor Winkelwagen Aanbevelingen voor meer details.
Veelgestelde Vragen
Werkt de Winkelwagenvoorbeeld met mijn thema?
Ja! De Winkelwagenvoorbeeld gebruikt geavanceerde styling die voorkomt dat de stijlen van uw thema de weergave van de winkelwagenvoorbeeld beïnvloeden. Het werkt correct met elk WordPress-thema.
Kan ik het uiterlijk van de Winkelwagenvoorbeeld aanpassen?
De Winkelwagenvoorbeeld is ontworpen om direct goed te werken met alle thema's. Als u geavanceerde aanpassingen nodig heeft, kan uw ontwikkelaar CSS-eigenschappen en deel-selectors gebruiken.
Wat gebeurt er als een klant Javascript heeft uitgeschakeld?
A: De Winkelwagenvoorbeeld vereist JavaScript om te functioneren. Als JavaScript is uitgeschakeld, gebruiken klanten in plaats daarvan het standaard winkelwagen- en afrekenproces.
Werkt de Winkelwagenvoorbeeld op mobiele apparaten?
Ja! De Winkelwagenvoorbeeld is volledig responsief en werkt prachtig op telefoons, tablets en desktopcomputers.
V: Kan ik de Winkelwagenvoorbeeld op specifieke pagina's uitschakelen?
De Winkelwagenvoorbeeld verschijnt alleen op pagina's met EDD-aankoopknoppen of downloadinhoud. De afrekenpagina wordt automatisch uitgesloten. Als u meer controle nodig heeft, neem dan contact op met uw ontwikkelaar over het gebruik van filters om aan te passen waar deze verschijnt.
Heeft dit invloed op de prestaties van mijn site?
Nee. De Winkelwagenvoorbeeld is gebouwd voor prestaties en laadt zijn bronnen alleen op pagina's waar het nodig is. De JavaScript- en CSS-bestanden zijn klein en geoptimaliseerd voor snelle laadtijden.
