WooCommerce afrekenpagina aanpassen voor meer conversie

Je past de WooCommerce afrekenpagina aan via de pagina Afrekenen in de blokeditor (bij de checkout-blok) of met code en plugins (bij de klassieke checkout). De grootste winst haal je meestal niet uit het design, maar uit minder velden, de juiste betaalmethoden bovenaan en duidelijkheid over verzendkosten. Controleer eerst welke checkout je shop gebruikt, want dat bepaalt hoe je iets kunt aanpassen.

Eerst checken: blok-checkout of klassieke checkout?

WooCommerce heeft twee soorten afrekenpagina’s. Sinds versie 8.3 krijgen nieuwe winkels standaard de checkout-blok. Oudere winkels gebruiken vaak nog de klassieke checkout met de shortcode woocommerce_checkout.

Zo zie je het verschil: open Pagina’s, bewerk de pagina Afrekenen en kijk wat erin staat. Zie je losse blokken zoals Contactgegevens, Verzendadres en Betaalmethoden, dan heb je de blok-checkout. Zie je één blok Klassieke shortcode, dan heb je de klassieke versie.

	Checkout-blok	Klassieke checkout
Aanpassen	Grotendeels in de blokeditor, zonder code	Via thema-instellingen, code (hooks) of plugins
Extra velden	Via plugins die de blok-checkout ondersteunen of de Additional Checkout Fields API	Via veel bestaande plugins voor checkoutvelden
Let op	Oudere plugins die velden toevoegen, werken soms niet	Wordt minder doorontwikkeld door WooCommerce

Gebruik je plugins die iets toevoegen aan de checkout, zoals een veld voor een btw-nummer of een bezorgdatum? Controleer dan of ze de blok-checkout ondersteunen voordat je overstapt. WooCommerce geeft een waarschuwing als een actieve extensie niet compatibel is.

Waarom afrekenpagina’s klanten kosten

Iemand die op afrekenen klikt, wil kopen. Toch haakt een deel van die bezoekers nog af. De meest gehoorde redenen:

• Onverwachte verzendkosten of extra kosten die pas aan het eind verschijnen.
• Verplicht een account aanmaken.
• Te veel velden of een lang formulier op mobiel.
• De gewenste betaalmethode ontbreekt.
• Twijfel over betrouwbaarheid van de winkel.

Elk van die punten kun je in WooCommerce aanpakken.

Zo pas je de WooCommerce afrekenpagina aan

1. Laat afrekenen als gast toe

Ga naar WooCommerce, Instellingen, Accounts en privacy. Zet aan dat klanten zonder account kunnen bestellen. Je kunt aanbieden om na de bestelling alsnog een account te maken. Voor terugkerende klanten is inloggen dan een keuze, geen drempel.

2. Schrap overbodige velden

Elk veld is een extra stap. Vraag alleen wat je echt nodig hebt om te leveren en te factureren.

• Blok-checkout: klik in de editor op het blok met adresgegevens. In de zijbalk kun je velden als Bedrijfsnaam, Adresregel 2 en Telefoon verbergen, optioneel of verplicht maken.
• Klassieke checkout: velden aanpassen gaat via een plugin voor checkoutvelden of met een stukje code in een child theme.

Verkoop je vooral aan consumenten, maak bedrijfsnaam dan optioneel of verberg hem. Verkoop je aan bedrijven, dan is een veld voor het btw-nummer juist handig.

3. Zet de juiste betaalmethoden bovenaan

Nederlandse klanten verwachten iDEAL. Ook creditcard, Apple Pay en Google Pay, en voor sommige doelgroepen achteraf betalen, kunnen helpen. Je regelt dat via een betaalprovider zoals Mollie, Stripe of WooPayments. Zet de methode die het meest gebruikt wordt bovenaan in WooCommerce, Instellingen, Betalingen.

Verkoop je ook in andere landen, kijk dan per land welke methoden gangbaar zijn. In België is dat bijvoorbeeld Bancontact.

4. Laat verzendkosten vroeg zien

Toon verzendkosten al in de winkelwagen of zelfs op de productpagina. Een drempel voor gratis verzending (“Nog 12 euro tot gratis verzending”) kan de orderwaarde verhogen. Je stelt verzendzones en -kosten in onder WooCommerce, Instellingen, Verzending.

5. Bouw vertrouwen op

• Laat in het overzicht zien wat de klant koopt, met afbeelding en prijs.
• Vermeld retourbeleid en levertijd kort en duidelijk.
• Toon een keurmerk als je dat hebt, bijvoorbeeld van Thuiswinkel.
• Zorg dat je contactgegevens zichtbaar zijn.

6. Haal afleiding weg

Een volledig menu, banners en pop-ups op de afrekenpagina trekken de aandacht weg van de bestelling. Veel thema’s hebben een optie voor een eenvoudige header op de checkout. Laat het logo staan, zodat mensen weten waar ze zijn.

7. Test op mobiel

Doe zelf een bestelling op je telefoon. Let op het toetsenbord (cijfers bij postcode en telefoon), automatisch invullen van adressen en hoe groot de knoppen zijn. Een postcodecheck die het adres invult, scheelt veel typwerk.

Plugins of maatwerk?

Voor de meeste aanpassingen heb je geen ontwikkelaar nodig. In de blok-checkout regel je velden en volgorde in de editor. Er zijn ook plugins voor complete checkoutpagina’s in één stap of met een eigen opmaak.

Wees zuinig met plugins. Elke extra plugin op de checkout kan conflicten geven met je betaalprovider of je thema. Test na elke wijziging een volledige bestelling, inclusief betaling, bevestigingsmail en factuur. Werk je met een koppeling naar je boekhouding, check dan ook of nieuwe velden goed doorkomen. Meer daarover in WooCommerce koppelen aan je boekhouding.

Meten wat je wijzigingen opleveren

Verander niet alles tegelijk. Pas één ding aan, laat het een paar weken lopen en vergelijk het aantal gestarte en afgeronde bestellingen. In Google Analytics 4 kun je de stappen begin afrekenen en aankoop met elkaar vergelijken. Heb je genoeg verkeer, dan kun je varianten tegen elkaar testen. Hoe dat werkt, lees je in wat is A/B-testing.

Praktijkvoorbeeld: een webshop in thee

Een kleine theewebshop op WooCommerce ziet dat veel mensen het afrekenen starten maar niet afronden. De checkout vraagt om een account, heeft verplichte velden voor bedrijfsnaam en telefoon, en laat verzendkosten pas aan het eind zien.

De eigenaar zet afrekenen als gast aan, maakt bedrijfsnaam optioneel, toont verzendkosten en een drempel voor gratis verzending in de winkelwagen en zet iDEAL bovenaan. Ze verandert de stappen niet allemaal op één dag, maar verspreid over een paar weken, zodat ze per wijziging kan zien wat het effect is op afgeronde bestellingen.

Zelf doen of uitbesteden?

Gastaccounts aanzetten, velden verbergen, betaalmethoden ordenen en verzendkosten instellen kun je prima zelf, zeker met de blok-checkout. Dat zijn ook vaak de wijzigingen met het meeste effect.

Laat het liever doen als je naar de blok-checkout wilt overstappen maar plugins gebruikt die niet compatibel zijn, als je maatwerkvelden of logica nodig hebt (zoals bezorgdata of B2B-prijzen), of als je checkout al instabiel is. Overweeg je een ander platform, lees dan Shopify of WooCommerce. Meer ideeën voor de rest van je shop vind je in meer omzet uit je webshop.

Tot slot

Een betere WooCommerce afrekenpagina begint met weghalen: minder velden, geen verplicht account, geen verrassingen in de kosten. Test elke wijziging met een echte bestelling en meet wat het oplevert. Wil je een webshop met een checkout die vanaf de start goed werkt? Bekijk dan onze pagina over een webshop laten maken.

Veelgestelde vragen