De WooCommerce-checkout aanpassen: velden, stappen en betaalopties

Bij de klassieke checkout worden velden aangepast met het filter woocommerce_checkout_fields en met haken op de pagina. Bij de blokken-checkout werkt dat filter niet. WooCommerce heeft daarvoor een eigen manier, de Additional Checkout Fields API, met de functie woocommerce_register_additional_checkout_field(). Volgens de ontwikkelaarsdocumentatie van WooCommerce is die beschikbaar vanaf versie 8.9. Een aanpassing die voor de ene checkout is geschreven, doet bij de andere dus niets. Weet u niet welke u heeft, open dan de afrekenpagina in de editor: ziet u één blok "Checkout", dan is het de blokkenversie; ziet u een shortcode, dan de klassieke.

Minder velden

Elke vraag die de klant moet beantwoorden, is een kans dat hij afhaakt. Kijk kritisch naar wat u echt nodig heeft. Verkoopt u alleen aan consumenten, dan kan "Bedrijfsnaam" vaak weg. Heeft u het telefoonnummer alleen nodig voor de vervoerder, dan kunt u het optioneel maken of erbij zetten waarvoor het is.

Extra velden

Soms heeft u juist iets extra's nodig: een btw-nummer voor zakelijke klanten, een gewenste leverdatum, een tekst voor een kaartje. Spreek dan af waar die informatie terechtkomt. In de orderbevestiging? Op de pakbon? In de export naar uw boekhouding? Een veld dat wel in de checkout staat, maar nergens anders opduikt, levert alleen maar vragen op.

Adres aanvullen op postcode en huisnummer

Voor Nederlandse klanten is dit een van de nuttigste aanpassingen. De klant vult postcode en huisnummer in, en straat en plaats verschijnen vanzelf. Dat scheelt typwerk en verkeerd gespelde straatnamen. Er zijn verschillende diensten die dit aanbieden; PostNL heeft er bijvoorbeeld een API voor. Let op het veld voor de toevoeging (1-A, 12 bis): volgens de documentatie van PostNL is een adres pas uniek met postcode, huisnummer en toevoeging. En zorg dat de klant het adres handmatig kan invullen als de dienst niets vindt, bijvoorbeeld bij nieuwbouw. Meer over verkeerde adressen en mislukte labels staat in mislukte verzendlabels voorkomen.

Bij betaalmethoden gaat het vaak om de volgorde en de keuze. Zet de methode die uw klanten het meest gebruiken bovenaan. Toon geen methoden die in een land niet werken. Een paar dingen die winkeliers regelmatig willen:

• achteraf betalen alleen tonen boven of onder een bepaald bedrag;
• betalen op rekening alleen voor ingelogde zakelijke klanten;
• een toeslag of korting per betaalmethode, als dat juridisch en bij uw betaalprovider is toegestaan.

Hoeveel hiervan instelbaar is zonder code, hangt af van uw betaalplugin. Veel kan al in de instellingen van Mollie of uw andere provider.

1. Een nieuwe klant zonder account, met iDEAL.
2. Een ingelogde klant met een opgeslagen adres.
3. Een bestelling naar België, als u daarheen verstuurt.
4. Een bestelling met een kortingscode.
5. Een verplicht veld leeg laten: verschijnt de melding op een plek waar de klant hem ziet, ook op een telefoon?
6. Komt alle informatie goed in de orderbevestiging, op de pakbon en in de koppelingen?

Daarna gaat de wijziging live, op een rustig moment, en doen wij direct een echte testbestelling.

Kleine wijzigingen vallen binnen de aanpassingsuren van het Zakelijk- of Groei-pakket van ons onderhoud voor WooCommerce-winkels. Gaat het om meer, zoals een adresdienst koppelen of een volledig andere opbouw, dan krijgt u eerst een vaste prijs na een korte intake. Laat ons weten wat u aan uw afrekenpagina wilt veranderen.