Inloggen
Aan de slag

Easy Digital Downloads Documentatie

Documentatie, Referentiemateriaal en Tutorials voor Easy Digital Downloads 

Winkelwagenvoorbeelden inschakelen

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:

  1. Navigeer in uw WordPress-beheer naar Downloads » Instellingen » Betalingen.
  2. Klik op het tabblad Winkelwagen.
  3. Zoek de schakelaar Winkelwagenvoorbeeld inschakelen en schakel deze in.
  4. Klik op Wijzigingen opslaan onderaan de pagina.
Winkelwagenvoorbeeldfunctie inschakelen in de instellingen van de Easy Digital Downloads Core-plugin.

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.

Zwevend winkelwagenicoon voor de Winkelwagenvoorbeeld-functie in EDD.

Inschakelen en configureren:

  1. Navigeer naar Downloads » Instellingen » Betalingen » Winkelwagen.
  2. Zoek de sectie Instellingen winkelwagenknop.
Instellingsopties voor de EDD Winkelwagenvoorbeeldknop.

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:

  1. 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).
  2. 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
  3. 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.
  4. 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.
Doorverwijzen naar afrekenen-optie in EDD Winkelwageninstellingen.

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 –).

Winkelwagenartikel-aantallen-schakelaar in EDD Winkelwageninstellingen.

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.

Was dit artikel nuttig?

Begin vandaag nog met verkopen!

Sluit u aan bij meer dan 50.000 slimme winkel eigenaren, en begin met de eenvoudigste manier om digitale producten te verkopen met WordPress.

Copyright © 2025 Sandhills Development, LLC

[universally_switcher]