Als u zich afvraagt hoe u een aangepast veld kunt toevoegen aan de WooCommerce-betaalpagina, bent u op de juiste plaats. Het kan vrij lastig zijn om de velden in de betaalpagina te wijzigen. Hier hebben wij een handige oplossing voor gevonden: Woo Checkout Field Editor Pro. Een gratis plugin die zich automatisch koppelt aan jouw WooCommerce store na het Activeren.
Deze plugin is te downloaden in de plugin bibliotheek of op www.WordPress.org
1. Installatie
Woo Checkout Field Editor Pro plugin biedt een eenvoudige manier om uw velden aan te passen (toevoegen, bewerken, verwijderen en wijzigen) voor weergave op de afrekenpagina van WooCommerce. Voor deze plug-in moet WooCommerce worden geïnstalleerd, geactiveerd en geconfigureerd.
Om de plugin te installeren, gaan we naar de tab “plugins” en zoeken we WooCommerce Checkout Field Editor (manager) Pro, en klikken we op installeren. Na het installeren, komt veranderd de knop “Installeren” in “Activeren”, klik deze aan.
Dit is een erg lichte plugin, en zal je website niet vertagen. Last van een langzaam ladende website? Hier hebben wij een artikel waar wij bespreken hoe je je WordPress website sneller kunt maken
Als alles volgens plan loopt kom je nu weer uit bij het algemene WordPress Dashboard. Maar we willen natuurlijk de velden gaat bewerken in de check out page. De Field Editor is te vinden in de tab WooCommerce > Checkout Form. Hier klikken we op.
Dit is het beeld wat we dan te zien krijgen. Deze velden staan standaard op de betalingspagina van WooCommerce. Zoals je ziet staan er ook USA gerichten velden in als: “Staat”. Dit zou je eventueel kunnen veranderen naar Provincie.
2. Het verwijderen van velden
Dit gaat erg simpel, velden die niet van toepassing zijn kunnen we erg makkelijk selecteren bij de check boxen, en in een keer als bulkselectie verwijderen door te klikken op ‘remove’.
Als je over een veld denkt: “Deze heb ik niet nodig, maar komt later misschien wel van pas” dan is het ook mogelijk om een veld tijdelijk uit te zetten. Deze is dan niet meer zichtbaar op de betaalpagina. Dit doen we door te de checkbox van toepassing aan te vinken en te klikken op ‘disable’. Om dit veld weer actief te maken, klik je op ‘enable’.
3. Het toevoegen van velden
Het toevoegen van een veld, doen we door te klikken op ‘+ Add field’. Hierna zal een een pop-up in beeld komen met allerlei verschillende opties. Vanuit hier kan je bepalen wat voor soort veld het word. Bijvoorbeeld een tekst veld of een meerkeuze menu.
4. Tekstveld
We gaan als voorbeeld een tekst veld maken met Huistelefoon nummer.
Type: Text
Name: Billing_huistelefoon
Placeholder: * Niet van toepassing
Class: Form-row-wide
Validation: Phone
Er staan onderaan 5 checkboxen om te kijken of:
– Het een verplicht veld is (required)
– Een clear row moet hebben (clear row)
– Of hij aan moet staan (enabled)
– Of de optie in jouw emails te zien gaat zijn (display in emails)
– En of het veld in de bestelpagina te zien moet zijn (display in order detail pages)
Het is verstandig om al deze opties aangevinkt te hebben, ten alle tijden. De enige optie even een tweede blik moet krijgen is de ‘required’ optie. Wil jij dat het een verplicht vak is? Vink hem aan. Dit betekend dat hij geen vinkje nodig heeft als die geen verplicht veld is.
Ik heb gekozen om hem uit te laten omdat veel mensen tegenwoordig geen huistelefoon meer gebruiken en omdat er natuurlijk al een optie in de standaard versie staat voor een telefoonnummer.
Klik op Add New Field om hem toe te voegen aan je betalingspagina.
5. Meerkeuze menu
Er is ook een optie voor een meerkeuze menu. Als voorbeeld neem ik ‘Welke kleur’ met als antwoord Zwart, Geel, Blauw of Rood. Nadat de popup tevoorschijn is klik je bij type op Select. Vanuit hier volgt het zelfde proces als bij het Tekstveld. Hier is het alleen de bedoeling dan de antwoorden worden ingevuld bij options. Dit word gedaan op de manier als: Zwart|Rood|Geel|Blauw ( zie 2e voorbeeld).
Klik op Add New Field, en klaar!
6. Het aanpassen van een veld
Het kan natuurlijk zijn dat je een voornaam niet perse nodig hebt, of je vind dat een telefoonnummer geen verplichte optie is. Het kan ook zijn dat je een bepaalde tekst anders wilt schrijven of je wilt de optie uit jou bestelling email hebben. Geen probleem! We kunnen gelukkig de bestaande velden bewerken!
Als je op de hoofdpagina van de plugin zit, kijk je helemaal recht op het des betreffende veld en daar is de optie te vinden ‘edit’. Hier klikken we op.
Dezelfde pop up als net komt dan naar boven, maar dan met het bestaande veld. Vanuit hier kan je de aanpassingen maken die nodig zijn. Sommige opties kunnen niet aangepast worden. Dit is express gedaan bij sommige velden om fouten te voorkomen in het systeem.
Ben je klaar met de aanpassingen? Klik dan op Edit Field!
Uiteraard is het belangrijk om deze plugin, samen met je andere plugins goed up-to-date te houden! Bekijk waarom updates zo belangrijk voor je website zijn hier!
Wij hopen dat het een handig artikel is geweest voor u! Uiteraard mag je het ook delen maar je bent tot niets verplicht, ben ik iets vergeten wat wel in het rijtje thuis hoor of komt u er niet helemaal uit? Laat een reactie achter!