MageSentinel

Moving to the WooCommerce Checkout block without losing orders

The block-based Cart and Checkout are now what new WooCommerce stores get by default, and older stores are being nudged towards them. The switch is a good one — but it is a new checkout, and extensions that hooked into the old one do not automatically work in the new one.

All posts1 min read

Stacking wooden blocks

Why things break

The classic checkout is PHP templates and hooks; the block checkout is a React application talking to the Store API. Plugins that added fields, fees or payment UI through classic hooks need explicit block support.

WooCommerce keeps a compatibility list for the blocks. Check every payment, shipping and checkout-field plugin against it before switching.

Switch on a copy first

On staging, replace the shortcode with the Checkout block and walk every path: each payment method, each shipping method, coupons, account creation, custom fields. Look for things that are silently missing, not only errors.

Keep the shortcode page ready to restore. If a critical gateway is not supported yet, stay on the classic checkout — a working old checkout beats a modern broken one. See why WooCommerce checkouts stop working for what to look at if something fails.

After the switch

Watch orders by payment method for the first days: a method that disappeared shows up as zero orders for that method. Recheck after each plugin update, because block support is still actively changing.

A scheduled check that walks the block checkout to the payment step confirms the whole thing keeps working, whatever changes underneath it — the same idea as in how to monitor a WooCommerce checkout.

Check your own store now with the free WooCommerce checkout checker: it walks the checkout in a real browser and shows the step where it stops.

Find out your checkout broke before your customers do.

Real checkout checks for Magento and WooCommerce · 14 days free · no card required

Common questions

What is the WooCommerce Checkout block?

The block-based checkout that is the default for new stores since WooCommerce 8.3, replacing the [woocommerce_checkout] shortcode.

Why do plugins break with the Checkout block?

Plugins that add fields or change checkout through PHP hooks and jQuery events of the shortcode checkout need block-compatible versions.

Can I go back to the shortcode checkout?

Yes: replace the Checkout block on the checkout page with the Classic Checkout block or the [woocommerce_checkout] shortcode.