My Top 10 Blocks for WooCommerce

Here's my Top 10 Blocks for WooCommerce.

Even though WooCommerce will automatically create pages – for example, your shop page, and your category pages – and automatically show your products within those pages, you can get more control by handcrafting these pages by dropping in Blocks specifically designed for WooCommerce.

By using the WordPress Block Editor (Gutenberg), you'll be able to customize the look of your WooCommerce store without touching any code or writing a single line of CSS. With WooCommerce Blocks, you can change colors, fonts, spacing, and much more. It's easy to use too! Just drag blocks into place on the page and they'll update live as you work.

So if you are looking for a way to add some pizzazz to your Woo Store, using the Block Editor and WooCommerce is a great way to take your shop to the next level.

These demos are part of the following plugins
Block Injector for WooCommerce (coming soon)

Guides and tutorials

Timeline
0:00 - Intro
0:30 - Featured Product Block (WooCommerce Blocks)
2:15 - Recently Viewed Product Block (Storefront Blocks)
4:43 - Block Injector for WooCommerce (Block Injector)
9:45 - The Product Card Block (Storefront Blocks)
11:43 - Masonry Product Block (Storefront Blocks)
12:52 - Best Sellers Product Block (WooCommerce Blocks)
13:53 - Product List Block (Storefront Blocks)
15:52 - Reviews Block (WooCommerce Blocks)
18:00 - Flip Book Block (Storefront Blocks)
20:20 - Cart and Checkout Block (WooCommerce Blocks)

[karl-ford]

Jamie, I'd really appreciate it if you make an updated version of this video when you have the time please!

[stuartmorley]

Great informative video as always. Your videos are always concise and very informative. I've learnt so much about Wordpress from them and your courses. The blocks look great especially Product Card, Masonary and Product List but I noticed they all have one omission (or seem to). I didn't see the ability to use tags in any of them and it means that you lose some of the dynamic capability of WP. If you delete or remove a product then you have to edit all the blocks to add another if you add them manually. If you create a separate category for them then you end up with loads of useless categories which you have to hide. We (wrongly) had loads of categories and we are slowly removing them in favour of categories (or product attributes). The Block Injector is SO SO cool and is a game changer. Keep up the great work.

[commonindian]

Thanks for the video
I am using Gutenberg blocks of WooLentor and ProductX blocks
I noticed something (i amy be wrong) that across difference plugins, the "best selling" may work differently. i am trying to build a carousal wrapped on these blocks but seeing that every plugin has its own mechanisam to query and display products and so if I use another plugin instead of woocommerce blocks, the result changes. WooLentor also shows the "best selling" differently compared to these blocks
what is the way out of this ? and more importantly, can you share plugins which can have caresoul around these blocks ? I need to display those on my customer;s home page
Thanks

[amthyhardware]

Thanks for your video firstly, but I find it can not set the blocks for different devices, like mobile or tablet independently. do you have any good solutions? Thanks

[prassistant]

Hello! Check the email (and spam) with a letter of cooperation (ConveyThis)