Hoe Voorwaardelijke Velden Toe te Voegen aan een Checkout Pagina in WordPress

Wil je leren hoe je een afrekenpagina met voorwaardelijke logica maakt voor je WordPress-website?

Met voorwaardelijke logica kun je formuliervelden maken die er voor elke gebruiker anders uitzien. Het formulier verandert op basis van de antwoorden die de gebruiker geeft. Het toevoegen van voorwaardelijke velden aan je WordPress-formulieren kan helpen het afrekenproces en de algehele gebruikerservaring te verbeteren.

Bovendien kun je het eenvoudig instellen als je Easy Digital Downloads gebruikt.

🔎 In dit artikel behandelen we:

Waarom een afrekenpagina met voorwaardelijke logica maken?

Je vraagt je misschien af: wat is voorwaardelijke logica? Met voorwaardelijke logica-velden kun je dynamische formulieren maken met aangepaste opties voor elke gebruiker. Een afrekenpagina met voorwaardelijke logica helpt je een betere eCommerce-ervaring op te bouwen.

Je kunt complexe regels en voorwaarden maken binnen formulieren die zich aanpassen op basis van de invoer van de gebruiker. Hiermee kun je afrekenformulieren op maat maken voor verschillende soorten klanten.

Laten we zeggen dat je verschillende kortingen wilt aanbieden bij het afrekenen. Je zou voorwaardelijke logica kunnen gebruiken om het bedrag te variëren op basis van bepaalde criteria, zoals het aantal artikelen in de winkelwagen. Als klanten bijvoorbeeld afrekenen met X artikelen in hun winkelwagen, krijgen ze 25% korting.

Er zijn veel voordelen aan het toevoegen van voorwaardelijke velden aan je WordPress-afrekenpagina. Ten eerste kan het je formulierontwerp vereenvoudigen en verbeteren door lange secties op te splitsen in kleinere delen.

In plaats van alle mogelijke opties weer te geven, kun je voorwaardelijke logica gebruiken om alleen relevante velden te tonen op basis van wat gebruikers selecteren. Klanten hoeven dan niet door meerdere pagina's met irrelevante informatie te scrollen om hun aankoop te voltooien.

Met voorwaardelijke velden kun je nauwkeurigere informatie verzamelen. Ze maken gegevensinvoer gemakkelijker voor jou en je klanten.

Op dezelfde manier helpt een afrekenpagina met voorwaardelijke logica om het verlaten van winkelwagens te verminderen door shoppers te helpen precies te vinden wat ze zoeken. Het elimineert onnodige stappen die verwarring of frustratie kunnen veroorzaken.

Hoe voeg je voorwaardelijke velden toe aan de WordPress-afrekenpagina?

Klaar om te beginnen? In deze stapsgewijze handleiding laat ik je zien hoe je voorwaardelijke velden toevoegt aan je WordPress-afrekenpagina:

1. Easy Digital Downloads downloaden
2. Checkout Fields Manager Addon installeren
3. Je afrekenformulier met voorwaardelijke logica maken

🌐 Opmerking: Deze handleiding gaat ervan uit dat je al een WordPress-website hebt ingesteld. Zo niet, bekijk dan SiteGround's EDD Managed Hosting. Het is de gemakkelijkste manier om WordPress te krijgen en een online winkel op te zetten! Alle abonnementen bevatten vooraf geïnstalleerde eCommerce- en groeitools, een gratis SSL-certificaat, een onboarding-wizard en meer.

Ook kan de beste afreken-plugin en -tool(s) afhangen van het type bedrijf dat je hebt. Als je bijvoorbeeld fysieke goederen verkoopt, wil je waarschijnlijk een WooCommerce-winkel maken en adres- en verzendvelden opnemen op je WooCommerce-afrekenpagina. Als je je echter voornamelijk richt op digitale producten en downloads, is Easy Digital Downloads de betere optie.

Stap 1: Easy Digital Downloads (EDD) downloaden

Als u Easy Digital Downloads nog niet gebruikt, is de eerste stap het verkrijgen en installeren van de premium plugin:

Deze complete e-commerce oplossing stelt u in staat om eenvoudig digitale producten te beheren en te verkopen. De gratis versie maakt automatisch een afrekenpagina voor u aan. Maar om voorwaardelijke en aangepaste afrekenvelden toe te voegen, moet u een pro-versie licentie aanschaffen via de prijspagina.

Zodra u uw pasje heeft aangeschaft, kunt u de WordPress plugin downloaden. Ga vanuit uw accountdashboard naar Bestanden Downloads en klik vervolgens op Easy Digital Downloads Verkrijgen:

Upload vervolgens het EDD plugin zip-bestand naar uw WordPress-dashboard (Plugins » Nieuwe Toevoegen » Plugin Uploaden » Bestand Kiezen):

Als u hulp nodig heeft bij het installeren van een plugin in WordPress, is hier een geweldige tutorial.

Nadat u de plugin activeert, verschijnt er een Downloads-menu-item in uw admin-gebied:

U vindt uw EDD winkelinstellingen onder Downloads » Instellingen:

Onder Betalingen kunt u uw standaard betaalprovider selecteren:

Nadat u uw WordPress-thema heeft gekozen (Weergave » Thema's), kunt u beginnen met het toevoegen van producten ('downloads') aan uw winkel. Ga hiervoor naar Downloads en klik op Nieuwe Toevoegen:

Er zijn zoveel manieren waarop u uw winkel kunt configureren en aanpassen. Ik zal hier niet op alle details ingaan.

⚙️ Maar gebruik gerust onze EDD Snelstartgids voor meer hulp bij het opzetten van uw winkel.

Stap 2: Installeer de Checkout Fields Manager Addon

EDD maakt automatisch een afrekenpagina voor u aan (Pagina's » Afrekenen). Deze pagina bevat de download afreken shortcode. Het toont de inhoud van de winkelwagen van de klant, het formulier met standaardvelden voor naam & e-mail, betaalproviderinvoer en (optioneel) een inlog-/registratieformulier.

Vervolgens gaan we de Checkout Fields Manager extensie installeren:

Deze premium add-on biedt de functionaliteit om aangepaste extra velden toe te voegen aan het afrekenformulier, inclusief voorwaardelijke logica.

Bezoek de downloadpagina van de extensie en selecteer vervolgens Nu Downloaden:

Nadat het is gedownload, uploadt u het naar uw WordPress-site. Zodra u op de knoppen Nu Installeren en Plugin Activeren klikt, wordt er een nieuw menu-item Afrekenformulier toegevoegd aan uw Downloads-menu:

Voor instructies over het gebruik van deze add-on, raadpleeg onze Checkout Fields Manager documentatie.

Stap 3: Maak uw Afrekenformulier met Voorwaardelijke Logica

Vervolgens kunt u uw afrekenformulier met voorwaardelijke logica maken. Ga om te beginnen naar Downloads » Afrekenformulier:

Hier vindt u de editor voor afrekenvelden. Het heeft een drag-and-drop interface die u kunt gebruiken om nieuwe velden te rangschikken en toe te voegen. Om een nieuw veld aan het formulier toe te voegen, selecteert u het uit het vak aan de rechterkant.

Er zijn 22 aangepaste veldtypen om uit te kiezen, waarvan 16 voorwaardelijke logica ondersteunen. Je kunt onze documentatie raadplegen voor een volledige lijst met velden voor voorwaardelijke logica.

Enkele van de populairste zijn:

• Tekstvak
• Selectieveld
• Aankruisvakje
• Keuzerondje
• Meerdere selecties
• Datumkiezer

De instellingsopties variëren afhankelijk van het aangepaste veld waarmee je werkt. Meestal krijg je de optie om het veld in de frontend en/of admin en in geëxporteerde CSV's weer te geven:

U kunt ook:

• Kies waar meta wordt opgeslagen
• Maak er een verplicht veld van
• Pas de tekst van het Veldlabel aan
• Voer Hulptekst en plaatsaanduidingen in de respectieve tekstvelden in om weer te geven bij het afrekenen
• Voeg Opties toe (indien van toepassing)

Verderop vind je het aankruisvakje om Voorwaardelijke logica inschakelen:

Wanneer je een voorwaardelijk afrekenveld toevoegt, kun je de regels voor voorwaardelijke logica configureren. De voorwaardelijke regels kunnen worden gekoppeld aan de winkelwageninhoud van de klant of aan de gebruiker.

Configuratie van de regels voor voorwaardelijke logica

Eerst kun je in de vervolgkeuzelijst selecteren of je het veld wilt tonen of verbergen. Kies vervolgens of alle of een van de voorwaarden moet worden voldaan om de zichtbaarheid van het veld te beïnvloeden:

Specificeer vervolgens de voorwaardelijke logica regel(s) die op het veld moeten worden toegepast. De opties zijn:

• Aantal artikelen in de winkelwagen
• Winkelwagentotaal (vóór belastingen of kortingen)
• Winkelwagentotaal (na kortingen maar vóór belastingen)
• Downloads in/niet in winkelwagen
• Gebruiker is/is niet ingelogd
• Gebruikersrol waarbij je vervolgens de rol voor de voorwaarde selecteert

Om dit te demonstreren, laten we zeggen dat je een freelance ontwerper bent. Je verkoopt voornamelijk sjablonen die geen speciale verzoeken of aanpassingen vereisen.

Maar je biedt ook een aangepaste logo-ontwerpservice aan waarvoor je bestanden van gebruikers moet opvragen. Dus je wilt (alleen) deze klanten de mogelijkheid geven om een bestand te uploaden bij het afrekenen.

In dit scenario zou je het aangepaste veld Bestand uploaden invoegen. Na het selecteren van Voorwaardelijke logica inschakelen, kun je het afrekenveld voor voorwaardelijke logica als volgt configureren:

Nu, wanneer klanten afrekenen met het logo-ontwerpproduct in hun winkelwagen, toont het formulier automatisch het veld Bestand uploaden. Hieronder zie je hoe de afrekenpagina eruitziet voor klanten die een sjabloon kopen versus een aangepast logo-ontwerp:

You can apply this workflow to any conditional logic checkout form you want to create for your WordPress site.

Andere manieren om voorwaardelijke logica in WordPress te gebruiken

Conditional logic is an excellent way to create a more sophisticated and optimized eCommerce site. But there are other ways you can use it aside from your checkout page.

Easy Digital Downloads offers a handful of related extensions to help elevate your site.

• Conditional Emails lets you automatically send emails to users based on pre-defined conditions. For instance, you could set up an email to auto-deliver to customers or site administrators when a payment status changes.
• EDD Conditional Success Redirects allow you to create confirmation for successful purchases on a conditional, per-product basis.
• Conditional Gateways makes it easy to configure payment gateways on a per-product basis. This is ideal if you have certain digital products or downloads that customers can only buy through specific payment processors.

The best part is that these premium extensions are included with our EDD All Access Pass!

Add a Conditional Logic Checkout Page in WordPress

Ultimately, conditional logic fields provide an improved customer experience, increased accuracy in data collection, and fewer abandoned carts. By creating a conditional logic checkout page in WordPress, you can boost sales and deliver a tailored, optimized experience.

Thanks to Easy Digital Downloads, you can do it within minutes. Get EDD today to customize your checkout with conditional logic (and much more)!

📣 PS. Vergeet niet u aan te melden voor onze nieuwsbrief en volg ons op Facebook of Twitter voor meer WordPress-bronnen!