How to Revert Blocks Checkout to Classic in WooCommerce - woocommerce expert

How to Revert Blocks Checkout to Classic in WooCommerce

WooCommerce, a popular e-commerce plugin for WordPress, introduced a block-based checkout system designed to enhance the checkout experience. Website admins can edit the checkout page and add the block checkout widget, which displays checkout forms including payment methods. It works similarly to the WooCommerce checkout page shortcode, but the block checkout has a different layout and some limitations. For example, users cannot edit or customize the checkout page form or add any custom fields to the predefined checkout page. From a design point of view, it looks better than the classic checkout. However, some users have faced issues, particularly with payment methods. This guide provides step-by-step instructions on reverting Blocks Checkout to Classic, helping you back-switch your WooCommerce checkout page from the new Blocks Editor to the classic checkout interface. 

If you prefer a visual guide, watch the video below for a step-by-step walkthrough on Switch Back Blocks Checkout to Classic in WooCommerce.

Blocks-checkout

Issues with Blocks Checkout

1. Payment Method Error 

A common issue reported is that the payment method fails to work in the Blocks Checkout. The error message displayed is: “There are no payment methods available. This may be an error on our side. Please contact us if you need any help.” For example, one user posted on stack overflow about PayPal payment method not working on block checkout, and other users suggested switching back to the classic checkout. checkout.

2. Complexity and Customization Challenges

Blocks Checkout introduces a more modular and flexible design. However, some users find it more complex and harder to customize compared to the simpler Classic Checkout.

Switch Blocks Checkout to Classic

First, to address these issues and convert Blocks Checkout to Classic Checkout, follow these steps:

1: Navigate to the Checkout Page to revert Blocks Checkout to Classic

    1. Access your WordPress dashboard, go to “Pages.”
    2. Locate and edit the checkout page.

2: Select the “Payment Options” Block

  1. Within the checkout page editor, find the “payment options” block.
  2. A warning box may appear in the right column, stating, “Some active extensions do not yet support this block.”
  3. Click on the “Switch to classic checkout” button.

block editor checkout page

3: Complete the Switching Process to Shift Blocks Checkout to Classic

  1. Follow the prompts and continue the process until you successfully switch to the Classic Checkout.

classic checkout popup

classic-checkout-page

By following these steps, you can resolve payment method issues and simplify the checkout experience for both you and your customers. Additionally, the Classic Checkout uses traditional WooCommerce templates and hooks, making it easier to customize and avoiding complications associated with the Blocks Checkout.

Experiment with both first, blocks checkout and then Revert Blocks Checkout to Classic checkout systems to determine which best suits your online store’s needs. If you encounter any further issues, don’t hesitate to reach out for assistance. Enjoy a streamlined and error-free checkout process on your WooCommerce store!

If you need help with checkout customization or want to convert the Blocks Checkout to Classic, please contact me. You can also get a free quote by submitting the form in the top right sidebar. Happy coding!

Leave a Comment

×

Hello!

Click on the contact below to start a chat with us on WhatsApp.

× Need Help?