How to Enhance Shopping Experience with Block Checkout in WooCommerce 8.3

Image[1] - How to Enhance Shopping Experience with Block Checkout in WooCommerce 8.3 - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

Use of block checkout

Starting with WooCommerce version 8.3, newly installed stores have optimized cart and checkout blocks enabled by default. These blocks are newly designed to provide a smoother checkout experience, following industry best practices.

If you want to take advantage of these new features in your own store, just follow these simple steps to replace the old code on the shopping cart and checkout pages. This guide will help you do this easily.

Attention:These new blocks are fully functional and most extensions developed by WooCommerce now fully support block-based shopping carts/checkouts. However, extensions running in the store may not be able to use block shopping carts and checkouts as expected.

Image [2] - How to Enhance Shopping Experience with Block Checkout in WooCommerce 8.3 - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

Replace existing shopping cart shortcode

  1. Check if your site is running WooCommerce 8.3 or later.
  2. click (using a mouse or other pointing device)"Page"menu item, then find and edit the"Shopping cart."Page.
  3. Delete Generationcart
    Your cart is currently empty.
    Short code for page content.
  4. look for sth.Shopping Cart Blocksor by navigating toWooCommerce BlocksPart of finding it.
  5. Select the block to add it to thecartPage.

You should now see a preview of the block-based shopping cart. Shopping cart blocks can be customized using the settings in the sidebar. When you are ready, remember to click"Renewal"button to save and publish your changes.

Image [3] - How to Enhance Shopping Experience with Block Checkout in WooCommerce 8.3 - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response

Replacement of existing checkout shortcodes

  1. Check if the site is running WooCommerce 8.3 or later.
  2. click (using a mouse or other pointing device)"Page"menu item, then find and edit the"Checkout."Page.
  3. Delete Generationpay the bill
    Short code for page content.
  4. look for sth.Checkout Blockor by navigating toWooCommerce BlocksPart of finding it.
  5. Select the block and add it to yourpay the billPage.

You should now see a block-based checkout preview. You can customize the checkout block using the settings in the sidebar. When you're ready, remember to click"Renewal"button to save and publish your changes.

Image [4] - How to Enhance Shopping Experience with Block Checkout in WooCommerce 8.3 - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast Response

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
Customer Service
Customer Service
Tel: 020-2206-9892
QQ咨詢:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
? Reprint statement
This article was written by Harry
THE END
If you like it, support it.
kudos0 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments