Krijg je op jouw WooCommerce webshop bestellingen binnen zonder dat het huisnummer is ingevuld? Mensen vergeten dit gek genoeg vaker dan je denkt.
Helaas heeft WooCommerce ook geen controle of er een huisnummer is ingevuld, waardoor bestellingen zonder huisnummer er gewoon doorheen kunnen komen.
Super vervelend natuurlijk, want nu moet jij weer achter de klant aan om te achterhalen op welk huisnummer het pakketje bezorgd moet worden.
Om dit te voorkomen is het dus zaak om te zorgen dat WooCommerce controleert of het huisnummer is ingevuld en het huisnummer dus eigenlijk gewoon verplicht is om in te voeren.
Bepaalde thema’s hebben dit standaard al ingebouwd zitten en hebben er soms zelfs een apart vakje voor, maar de meeste thema’s hebben dit niet.
In dit artikel laat ik je een twee handige mogelijkheden zien om ervoor te zorgen dat mensen altijd het huisnummer invullen.
Inhoudsopgave: Huisnummer verplichten in WooCommerce
Huisnummer verplichten in het adresveld in WooCommerce
De eenvoudigste en snelste methode die ik altijd gebruik, is simpelweg ervoor zorgen dat het huisnummer verplicht moet worden ingevuld in het adresveld.
Ik gebruik hiervoor een snippet die je in het functions.php-bestand van je child thema kunt toevoegen. Wil je liever niet in bestanden van je thema aan de gang? Dat is verstandig, want vaak is dit ook niet aan te raden. Je kunt de code snippets ook op een andere manier op je website krijgen. In het artikel WordPress code snippets op de juiste plek plaatsen vertel ik je hier alles over.
Huisnummer verplichten (standaard WooCommerce afrekenpagina)
Ik heb meerdere codes voor je die je zou kunnen gebruiken op je website. Het vaakst zal het voorkomen dat je de standaard afrekenpagina hebt van WooCommerce. Je kunt dan de volgende code gebruiken om te laten controleren of het adresveld een huisnummer bevat.
add_action( 'woocommerce_after_checkout_validation', 'validate_checkout', 10, 2);
function validate_checkout( $data, $errors ){
if ( ! preg_match('/[0-9]/', $data[ 'billing_address_1' ] ) ){
$errors->add( 'address', 'Om je pakket te bezorgen hebben we ook je huisnummer nodig. Voeg deze toe in het adresveld.' );
}
}
Huisnummer verplichten in verzendadres (Woo Blok)
Verder heb ik ook diverse codes die je kunt gebruiken in verschillende situaties wanneer je in de blok editor het WooCommerce afrekenblok hebt gebruikt voor op je afrekenpagina. Zo kun je het huisnummer verplichten in het verzendadres:
add_action( 'woocommerce_store_api_checkout_update_order_from_request', 'woo_blocks_address_field_validation', 10, 2);
function woo_blocks_address_field_validation( WC_Order $order, $request ) {
$shipping_address = $order->get_address('shipping')['address_1'];
if ( $shipping_address && ! preg_match( '/[0-9]+/', $shipping_address ) ) {
throw new Exception( 'Om je pakket te bezorgen hebben we ook je huisnummer nodig. Voeg deze toe in het adresveld.' );
}
}
Huisnummer verplicht maken in het factuuradres (Woo Blok)
Een andere optie die je hebt is om het huisnummer te verplichten in het factuuradres. Dit is met name handig wanneer je het verzendadres baseert op het factuuradres en er dus niet een specifieke verzendadres ingevuld hoeft te worden.
add_action( 'woocommerce_store_api_checkout_update_order_from_request', 'woo_blocks_address_field_validation', 10, 2);
function woo_blocks_address_field_validation( WC_Order $order, $request ) {
$billing_address = $order->get_address('billing')['address_1'];
if ( $billing_address && ! preg_match( '/[0-9]+/', $billing_address ) ) {
throw new Exception( 'Om je pakketje te bezorgen hebben we ook je huisnummer nodig. Voeg deze toe in het adresveld.' );
}
}
Huisnummer verplichten in factuur- en verzendadres (Woo Blok)
Tot slot is het ook nog mogelijk dat je het huisnummer wil verplichten in zowel het factuur- als verzendadres. Je kunt dit met onderstaande code bewerkstelligen.
add_action( 'woocommerce_store_api_checkout_update_order_from_request', 'woo_blocks_address_field_validation', 10, 2);
function woo_blocks_address_field_validation( WC_Order $order, $request ) {
$shipping_address = $order->get_address('shipping')['address_1'];
$billing_address = $order->get_address('billing')['address_1'];
if ( $shipping_address && ! preg_match( '/[0-9]+/', $shipping_address ) ) {
throw new Exception( 'Om je pakketje te bezorgen hebben we ook je huisnummer nodig. Voeg deze toe in het adresveld.' );
}
if ( $billing_address && ! preg_match( '/[0-9]+/', $billing_address ) ) {
throw new Exception( 'Je factuuradres bevat geen huisnummer. Voeg deze toe aan het adresveld.' );
}
}
Zodra mensen nu vergeten een huisnummer in te voeren in het adresveld, komt de volgende melding tevoorschijn en kan er nog niet afgerekend worden.
Aangezien iedereen een pakket goed wil ontvangen, is dit de eenvoudigste manier om het te bewerkstelligen? Je klant ziet tenslotte direct wat er gedaan moet worden om verder te gaan en zijn blij dat het pakketje straks zonder problemen thuis gebracht kan worden.
WooCommerce huisnummerveld toevoegen en verplichten
Sommige thema’s hebben het huisnummer veld al apart op de afrekenpagina staan, maar heel veel thema’s hebben dit niet. Wanneer je een apart veld wilt maken waar klanten een huisnummer kunnen invullen tijdens het afrekenproces, kun je extra velden toevoegen aan de afrekenpagina om dit te bereiken.
Je kunt hiervoor een plugin als Checkout Field Editor gebruiken. Wanneer je deze plugin geïnstalleerd hebt kun je naar “WooCommerce → Checkout Fields” gaan en op “Add fields” klikken.
Vul vervolgens de juiste gegevens in en plaats het adresveld links en het huisnummer rechts. Hieronder op de afbeelding kun je zien hoe je het kunt instellen.
Meer werk dan dit is het niet om het huisnummer in een apart veld te krijgen en te verplichten. Dankzij het aparte veld voor het huisnummer zijn mensen van zichzelf al minder snel geneigd om het ook te vergeten.
