In a recent Business Bloomer Club Slack thread, a WooCommerce user wanted to reorder the checkout page so that the Billing Address section appears first, with a checkbox option to use the same address for Shipping.
Currently, this customization is challenging if you’re using WooCommerce’s new Checkout Block, as it doesn’t yet support the reordering of sections or fields.
Current Limitations of the WooCommerce Checkout Block
The WooCommerce Checkout Block provides a streamlined, modern checkout experience but is limited in terms of customization, especially for field order. While you can reorder fields in the classic checkout layout, the Checkout Block doesn’t yet support this level of customization.
Workaround Options
- Switch to Classic Checkout: If reordering is essential, consider temporarily switching to the classic checkout layout, where you can use custom code or plugins to reorder fields. Use plugins like Checkout Field Editor to manage field arrangement easily.
- Monitor WooCommerce Updates: WooCommerce has an active GitHub ticket aimed at gathering user needs for Checkout Block customization. Subscribe to updates on this ticket to stay informed on new customization features as they’re released.
- Custom Code for the Future: When WooCommerce introduces block-based field customization, it will likely be controlled via new hooks or filters within the block. For now, code-based customization isn’t supported for blocks, but monitoring WooCommerce’s GitHub and forums will ensure you’re ready when the feature becomes available.
Conclusion
The current WooCommerce Checkout Block doesn’t support reordering sections like Billing and Shipping addresses. While waiting for WooCommerce’s block customization support, using the classic checkout template provides more flexibility for checkout layout adjustments.
