How to Disable the WooCommerce blocks and revert to the old checkout page - Zoho Campaigns
As published on the WooCommerce website, "For
WooCommerce stores started after the release of version 8.3 in November
2023, the Cart and Checkout blocks are the default experience, no setup
is required to put the cart and checkout blocks in place."
What are blocks and how does it affect Zoho Campaigns?
Blocks
are individual pieces of elements that are part of the overall layout
and functionality of a webpage. They comprise of images, videos, and
texts that can be customized with a website's editor. Blocks let you
customize and simplify your webpage, and make the customer see what you
want them to see, including the cart and checkout pages. They are additional features introduced to simplify web design, and not a default part of a website.
These
blocks which were previously an add on plugin that had to be installed
separately, and now been integrated into WooCommerce itself. This might
cause compatibility issues with the Campaigns Plugin and
prevents actions triggered from plugin code from functioning properly.
Therefore, the checkout and opt-in features might not work when the
WooCommerce Blocks are turned on.
How to disable them?
Follow
these instructions to revert the WooCommerce block checkout to classic
checkout and restore functionality to such plugins.
When
a block is active on your page, you will see the options under your
Appearance menu showing the Editor option. You can edit or delete the
blocks with the editor. The Block’s Content is displayed in the center
of the editor. Here, we need to edit the cart and checkout pages in
order to make sure the Marketing Automation Plugin functions properly.
- Go to your WordPress Admin Page
- Navigate to the "Pages" section from the left sidebar menu
- Click on the "Edit page" option from the top
- Select the list view option with the 3 dashes.
- Identify the checkout and cart page from the list and select it to make the edits.
- Select the block from the center section of the Editor.
- Select the three-dot icon in the block’s toolbar.
- Click the “Delete” option.
- In the same center section, enter the Slash Command (/) and select the "Shortcode" option that auto appears.
- Under this, type [woocommerce_checkout] to insert the Shortcode.
- Click the update button in the top right to save your changes
- Click the pop-up with the text "View Page" appearing at the bottom of the screen.
- You can now view the updated page.
- To verify, you can also place an order and navigate to the checkout page to ensure that all the options are displayed correctly.