WooCommerce Cart and Checkout blocks

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Woocommerce Cart and Checkout blocks are gaining more and more popularity due to their modern design and really nice UI/UX.
Free Shipping Label Pro is fully compatible and you can place the Progress Bar block in any position you like.

In this example, we’ll show you how to add a Progress Bar block above order summary in the WooCommerce Cart block.
This is just an example and you can apply the same procedure on any position in the Cart or Checkout block.

1. Step

  1. Open the side panel to show all blocks in the list view.
  2. Find the desired position, in our case, this is Heading in the Order Summary group.
  3. Choose one of the following options:
    – Insert before
    – Insert after

2. Step

  1. Click on the Add Block icon
  2. Select Progress Bar

3. Step

This is how it looks when the Progress Bar is successfully inserted.

Update the page and you are ready to go.

Voilà! 🙂