Uw afrekenpagina lay-out aanpassen

Wilt u uw afrekenpagina opnieuw indelen zonder code te schrijven? Easy Digital Downloads bouwt de afrekenpagina op uit individuele innerlijke blokken: de winkelwagen, de persoonlijke gegevens van de klant, betalingsgegevens en een veld voor kortingscodes. Elk blok heeft zijn eigen instellingen en de hele lay-out kan direct vanuit de WordPress block editor opnieuw worden opgebouwd.

Deze handleiding leidt u door de stappen om een afrekenlay-out te kiezen, de blokken ervan te herschikken en de instellingen van elk blok te configureren.

---

Het openen van het lay-outpaneel van het afrekenblok

Ga vanuit de zijbalk van het WordPress-beheer naar Pagina's en open uw afrekenpagina. Weet u niet zeker welke pagina dat is? Ga vanuit de zijbalk van het WordPress-beheer naar Downloads » Instellingen » Betalingen om de pagina te vinden die is ingesteld in het veld Afrekenpagina.

Zodra de pagina is geopend in de blokeditor, selecteert u het EDD Checkout blok om de instellingen voor de Lay-out te zien.

Bekijk de volledige lijst met EDD-blokken.

Het kiezen van een lay-out

Vijf lay-outs zijn beschikbaar in het Lay-out paneel:

• Enkele kolom: plaatst de winkelwagen, persoonlijke gegevens, betaalinformatie en kortingsformulier in één kolom. Kies dit voor een eenvoudige, lineaire checkout.
• Twee kolommen: 50/50: verdeelt de checkout gelijkmatig. Kies dit wanneer de winkelwagen en het formulier evenveel visuele nadruk nodig hebben.
• Twee kolommen: 70/30: geeft meer ruimte aan de formulierzijde. Kies dit wanneer de velden voor betaling en persoonlijke gegevens meer ruimte nodig hebben.
• Twee kolommen: 80/20: geeft nog meer ruimte aan de formulierzijde, met de winkelwagen als een smalle samenvattingskolom.
• Winkelwagen bovenaan, tweekoloms formulier: plaatst de winkelwagen bovenaan, met persoonlijke gegevens en betaalinformatie in twee kolommen daaronder.

Opmerking: Het overschakelen naar een andere lay-out vervangt elk blok dat al in het checkout-blok staat. Kies een lay-out voordat u individuele blokken aanpast, aangezien het achteraf wijzigen van de lay-out die aanpassing ongedaan maakt.

Het herschikken van afrekenblokken

Zodra een lay-out is gekozen, is elke sectie van de checkout, de winkelwagen, persoonlijke gegevens, betaalinformatie en het kortingsformulier, een eigen blok. Het selecteren van een blok toont de eigen werkbalk met opties om het te verplaatsen, dupliceren of verwijderen.

Om een blok te verplaatsen, selecteert u het en gebruikt u de verplaatsingsknoppen van de werkbalk om het naar een nieuwe positie te slepen of omhoog, omlaag, naar links of naar rechts te verschuiven, afhankelijk van de huidige lay-out.

Een blok kan ook volledig worden verwijderd door het te selecteren en 'verwijderen' te kiezen uit de werkbalk. Dit is anders dan het uitschakelen van het kortingsformulier, waarvoor een instelling wordt gebruikt in plaats van een blok te verwijderen. Zie Probleemoplossing hieronder.

Instellingen van het winkelwagenblok configureren

Het selecteren van het winkelwagenblok opent de eigen instellingen in de zijbalk:

• Koprij tonen toont de kolomkoppen "Artikelnaam" en "Artikelprijs" boven de inhoud van de winkelwagen. Dit is standaard ingeschakeld.
• Miniaturen tonen toont een productminiatuur naast elk artikel in de winkelwagen. Dit is standaard ingeschakeld, met een veld Breedte miniatuur (standaard 25px) om de grootte aan te passen.
• Hoeveelheidsregelaars tonen laat klanten direct vanuit de checkout aanpassen hoeveel van een artikel ze kopen. Dit is standaard ingeschakeld.
• Kortingsformulier tonen toont het kortingscodeveld als onderdeel van de winkelwagen. Dit is standaard ingeschakeld. Als u dit uitschakelt, wordt het kortingsveld verborgen zonder het winkelwagenblok zelf te verwijderen.

Instellingen van het blok Persoonlijke gegevens configureren

Het selecteren van het blok Persoonlijke gegevens opent één instelling:  Voor- en achternaam combineren. Als u dit inschakelt, worden de twee naamvelden samengevoegd tot één veld, wat het checkoutformulier korter kan laten aanvoelen. Dit is standaard uitgeschakeld.

Het stylen van een kolom

Het kiezen van een tweekoloms lay-out maakt van elke kolom een eigen blok met een tabblad Stijlen, gescheiden van de eigen instellingen van de checkoutblokken. Vanuit het tabblad Stijlen kan een kolom een ingebouwde stijlvoorinstelling krijgen, of een aangepaste achtergrondkleur, verloop, opvulling en afgeronde hoeken krijgen.

Het testen van de afrekenpagina

Voordat u lay-outwijzigingen publiceert, toont de wisselknop Voorbeeld als gast van het afrekenblok, in de zijbalk van het bovenliggende EDD Checkout blok (niet de winkelwagenblok), precies wat een klant ziet. De zoekfunctie Selecteer een download in de zijbalk kan ook de checkout previewen met een specifiek product al in de winkelwagen.

Dit testen, of een echte test-aankoop voltooien, bevestigt dat de lay-out er goed uitziet voordat deze live gaat.

Probleemoplossing

Het kortingscodeveld is verwijderd en komt niet meer terug uit de blokinvoeger.

Het kortingscodeveld is geen apart blok dat opnieuw kan worden ingevoegd. Het is in plaats daarvan een instelling op het winkelwagenblok. Om het weer in te schakelen, selecteert u het winkelwagenblok, opent u de instellingen ervan en schakelt u Kortingsformulier weergeven weer in.

Dat is alles! De afrekenpagina kan nu volledig vanuit de WordPress blok-editor worden herschikt, aangepast en gestyled. Voor een meer geavanceerde, drag-and-drop ontwerpbenadering, zie Uw EDD Checkout aanpassen met Elementor.

---

Veelgestelde Vragen

Hieronder vindt u antwoorden op enkele van de meest gestelde vragen over het aanpassen van de lay-out van de afrekenpagina met behulp van de interne blokken van EDD.