WooCommerce block checkout: less friction, more orders.
70% of carts are abandoned before payment. WooCommerce's new block checkout reduces that number. Here's how.
average cart abandonment rate
The classic checkout is from another era.
WooCommerce's legacy checkout is a monolithic form built with shortcodes. It loads everything at once: all fields, all validation scripts, all styles - even those the customer doesn't need.
What it costs:
- High load time: 200-400 KB of CSS/JS for a single page
- No native express payment (Apple Pay, Google Pay)
- Rigid form, hard to customize without code
- No dynamic updates (changing country = full page reload)
The numbers: Average cart abandonment rate in e-commerce is 70.19% (Baymard Institute, 2024). Top reasons: process too complex (22%), mandatory account creation (26%), not enough payment options (13%).
Block checkout changes the game.
Introduced in WooCommerce 8.3, the block checkout is a complete rewrite. Built on the Gutenberg editor: modular, lightweight, and designed for conversion.
Modular loading
Only the needed blocks are loaded. No useless CSS/JS.
Native express payment
Apple Pay, Google Pay, and other wallets automatically appear at the top of the checkout.
Dynamic updates
Changing the country updates shipping costs and taxes without reloading the page.
No-code customization
Via the Gutenberg block editor, add or remove fields as you wish.
Simplified form
WooCommerce automatically detects required fields based on country and shipping method.
of online carts are abandoned. A fast, smooth checkout makes the difference between a sale and a lost visitor.
Moving from legacy to block checkout.
Migration isn't automatic. The legacy checkout uses PHP hooks (woocommerce_checkout_fields, woocommerce_after_order_notes...) that the block checkout no longer supports. If you have customizations, they need to be adapted.
What I check:
- Custom fields added to the checkout (via code or plugin)
- Payment gateway compatibility (Stripe, PayPal, Mollie, etc.)
- Plugins that modify the checkout (upsell, cross-sell, conditional fields)
- Custom PHP snippets using legacy hooks
- Coupons and promotions working correctly
The process:
- Audit existing customizations
- Identify incompatibilities
- Adapt custom code to the block checkout API
- Test on staging with real orders
- Switch to production
Compatibility with your payment methods.
Major gateways are block checkout compatible:
For more specific gateways (Alma, Oney, French bank gateways), compatibility needs case-by-case verification. It's one of the first things I check during the audit.
The checkout migration in practice.
A checkout migration is not judged by flipping an option, but by what happens on day one in production: does every payment method charge correctly, do the emails go out, do the accounting exports stay accurate? That is why I systematically run real orders on staging, payment method by payment method, before any switch.
The customization inventory is the decisive step. A "VAT number" field added in 2019, a conditional shipping message, a conversion tracking snippet on the thank-you page: all of it must be identified, then ported to the Additional Checkout Fields API or the block extension points. What is not inventoried before the migration becomes a bug after it.
Finally, the migration is a chance to simplify. Many funnels accumulate useless fields that hurt conversion. Moving to blocks also means rethinking what you really ask your customer, re-enabling express payments, and measuring the funnel before/after with real data. Same principle as the performance audit: measure, fix, measure again.
Block checkout: frequently asked questions
What is the WooCommerce block checkout?
It is the new generation of the WooCommerce payment flow, built with Gutenberg blocks on a React + API architecture. Unlike the classic (shortcode) checkout, it validates fields in real time, updates without page reloads and natively integrates express payments like Apple Pay and Google Pay. It has been the default checkout for new installations since WooCommerce 8.3.
What conversion difference between classic and block checkout?
The block checkout removes measured friction: page reloads on every error, late field validation, no express payments. The Baymard Institute estimates 35% of cart abandonments are avoidable with a better checkout. Your exact gain depends on your store, but fewer steps and less waiting mechanically translate into more completed orders.
Is my payment gateway compatible?
Stripe, PayPal, Mollie and WooCommerce Payments are fully compatible. For French gateways (Payplug, Systempay, Monetico, Alma, Oney...), compatibility varies by version: some support blocks natively, others only the shortcode. It is the first thing I check in an audit, because it conditions the whole migration.
Will I lose my checkout customizations?
Classic PHP hooks (woocommerce_checkout_fields and friends) no longer work as-is: the block checkout uses its own JavaScript extension points and the Additional Checkout Fields API. Existing customizations must be inventoried, then ported. That is usually the bulk of the migration work, far more than the activation itself.
Can I test the block checkout without risk?
Yes. The clean method: duplicate the site to staging, switch the checkout there, run test orders with every payment method and every scenario (promo codes, multiple shipping, customer accounts, guests). In production, the switch is reversible: you can go back to the shortcode in minutes if an issue shows up.
How long does a block checkout migration take?
For a store without heavy customizations and with compatible gateways: a few days, tests included. With custom fields, a modified funnel or a stubborn gateway: one to three weeks. The initial audit gives a precise answer; it is what surfaces the forgotten customizations accumulated over the years.
Is the block checkout faster than the old one?
Yes, noticeably. Validation happens client-side without reloading, updates (shipping, taxes, promos) go through the API without full page reloads, and rendering benefits from block optimizations. Combined with a full store optimization, the funnel becomes near-instant.
Should I migrate now or wait?
The direction is clear: the block checkout is the present of WooCommerce, the shortcode is in maintenance mode. New features (express payments, modern extensibility) only land on blocks. Migrating now, calmly and on your terms, beats migrating under pressure during a future deprecation. My detailed migration guide covers it step by step.
Your checkout is costing you sales.
I migrate your checkout to blocks, verify every payment gateway, and make sure your customizations work. Result: a faster, more effective sales funnel.