storefront blocks for woocommerce

Storefront Blocks is a plugin that gives you total freedom to design the WooCommerce Shop Pages using the Gutenberg Block Editor

Customize Shop Page Customize Category Pages Customise Home Page 🚀 Launch Demo

Purchase a license (or take a free trial)

Storefront blocks


$49 / year

  • storefront-blocks 1 1 site license
  • storefront-blocks 1 1 year support and updates
  • storefront-blocks 1 14-day money back guarantee
Buy Now

Or start 14-day free trial

Ecommerce bundle

$246 / year

$125 / year

  • storefront-blocks 1 Single site
  • storefront-blocks 1 Storefront Blocks
  • storefront-blocks 1 WooBuilder Blocks
  • storefront-blocks 1 Gutenberg pro
  • storefront-blocks 1 WooHoo Bar
  • storefront-blocks 1 Pootle Pagebuilder pro
  • storefront-blocks 1 Storefront pro

100% No-Risk Money Back Guarantee!

You are fully protected by our 100% Money Back Guarantee. If you aren’t completely satisfied within 14 days of purchase, just reach out to our support team and we’ll provide a full refund!

Benefits of customizing the WooCommerce Shop and Category Pages

More Sales

Great design is incredibly important to build a great brand and to convince your customers to buy from you. By creating a better design for your most important WooCommerce Sales Pages you’ll get a big advantage over your competitors (who are likely to be restricted to the normal WooCommerce Page layout).

Much better SEO

By breaking free of the normal WooCommerce Shop Page and Category Page layouts you can include much more keyword-rich content that your customers will be searching for on Google.

Storefront Blocks are Premium WooCommerce Blocks that help you create beautiful Store pages. Built for the WordPress Block Editor (Gutenberg), the blocks are easy to use and fully customizable. Uniquely, Storefront Blocks has additional settings that let you customize your Shop and Category Pages.

storefront woocommerce blocks

What people are saying about Storefront Blocks

OMG, this plugin! You will Not be disappointed.

This plugin is the Real Deal! It does exactly what it promises and a whole lot more. I am inept in all things computer, so that my partners charged me with creating our site is scary. I got stuck a few times and had A Lot of questions. Was support there for me? Uh, Yeah! The support team went above and beyond. Considering the fact that there is a five hour difference (at least) in time zones, my question and problems were answered and resolved very quickly. It felt as if I was the only person they were helping, which I know was not the case. They walked me through and help me understand where and how to make their plugin work for our website. Our website could not have been created without this plugin and its support. Thank you!

storefront-blocks 25
Sandy Ward

Very Good

Makes the website look more bespoke and professional.

storefront-blocks 25
Kieran Mcninch

Great way to customize your shop!

The Storefront blocks are easy to use and a great way to customize your shop!

storefront-blocks 25
Jeanne Vogel

Easier control

within minutes I had easily made improvements to the look of my web shop, well done Pootlepress

storefront-blocks 28
Eric Dowsett

The plugin that saved the day!

My client was keen to use Shopify within a Wordpress site, I really wanted her to stay within the normal framework, it was the design that was holding us back. Then we found the Storefront Blocks which was just the perfect solution! My client is OVER the MOON! as am I. Jamie is amazing and gets back to you straight away with any questions.. Just the perfect solution. thank you so much.

storefront-blocks 25

Great Plugin

Tried it first then couldn't live with out it. does exactly what it advertises. allows you to build the front page you want. The them i was using was restrictive and this solved the problem. Easy to install and simple to use, as it should be.

storefront-blocks 25
Ken May

Wodnerful plugin and perfect support

reactivity in solving issues is astounding

storefront-blocks 25
Francesco Maiolini

Excellent as always

Works beautifully. Minor hiccups were addressed. Beautiful images and excellent variety of layouts. Hoping for additional enhancements, but very satisfied with this new product.

storefront-blocks 25
Carol Ann Johnson

Fantastic features

Storefront blocks adds awesome new blocks to take your WC page designs to another level. Easy to use, great designs and first class support..

storefront-blocks 33
Cy Messenger

Great support

I got support almost instantly when needed. The videos are so helpful as well. I'm still learning it but so far, love it.

storefront-blocks 34

Great support

The plugin as well as Storefront Pro are very useful in customising a Woocommerce site. Support from Jamie has been exceptional.

storefront-blocks 25
Aarne Sipilä

In the press

wp tavern storefront blocks review

The ‘Storefront Blocks’ plugin makes it easy for non-technical store owners to showcase their products in a compelling way and enables them to create and customize product layouts. Storefront Blocks is an impressive example of how Gutenberg-powered products can replace clunky shortcodes with a more user-friendly interface for building store pages.
Click here to read the full article

Storefront Blocks quick start guide

Click on the links below to see instructions on how to customize each WooCommmerce page.

Shop Page customization (read more)
Category Page customization (read more)
Home Page customization (read more)
Create Product Showcases in your Blog Posts (read more)
Create an awesome Mobile Store (read more)
View Blocks (read more)

Customize your WooCommerce Shop Page

One of the really clever things that Storefront Blocks does is make it easy to change the normal WooCommerce Shop page and create your own awesome design and layout.

The WooCommerce Shop page is generated dynamically and normally you have little or no control over the layout.

Storefront Blocks gives you 100% control over the layout and design of the WooCommerce Shop page. There are just 3 simple steps to make – instructions and video tutorial below :)

  1. Create a brand new page (this is going to be your new WooCommerce shop page)
  2. Customize the design or your new page using Storefront Blocks
  3. Set this page to be your new WooCommerce Shop page in WooCommerce / Settings / Products

Video walkthrough

Customize WooCommerce Category Pages

Storefront Blocks makes it really easy to create customized WooCommerce Category Pages.

Normally, WooCommerce creates your category pages dynamically for you. This means that your WooCommerce Category pages aren’t like other pages – they don’t really exist as pages. The downside of this is that you can’t change the layout of them and every store running WooCommerce tends to look the same.

WooCommerce Category pages are really important and if you can make them look better, then you’ll get more sales!

Using Storefront Blocks you will also benefit from much better SEO (Search Engine Optimisation) because you can add much more relevant and engaging content into your WooCommerce Category Pages.

The good news is that there is a really simple way to customize your WooCommerce Category Pages with Storefront Blocks, just follow the two steps outlined in the short video tutorial below.

Video walkthrough

Customize the WooCommerce Home Page

Storefront Blocks makes it easy to create a fully customized home page. Many themes will automatically generate the items shown on your home page, but with Storefront Blocks you can re-arrange the sections, or bring in completely new categories, products or sections.

Video walkthrough

Create a great looking mobile store

Storefront Blocks makes it easy to create a great looking mobile store.

We’ve built in easy to use settings so you can change the number of WooCommerce columns for Desktop, Tablet and Phone.

Video walkthrough

Meet the Storefront Blocks

The Flip Book Block

The Product Table Block

The Product Card Block

storefront-blocks 36

The Masonry Product Block

the woocommerce product square grid

The Square Grid Product Block

The WooCommerce Product List Block

The Product List Block

The WooCommerce Sales Countdown Block

The Sales Countdown Block

storefront-blocks 37

The Filter Block

The WooCommerce Single Product Block

The Single Product Block

The WooCommerce Category Masonry Block

The Category Masonry Block

The WooCommerce Square Grid Block

The Category Square Grid Block

the standard block for woocommerce

The Standard WooCommerce Block

Adding Blocks is easy…really easy

how to add a block

Easy customization

All blocks can be highly customized.

easy customization storefront blocks

Frequently asked questions

  • Does Storefront blocks work on all themes?
  • Do i need the new WordPress editor (Gutenberg) to use Storefront blocks?
    Yes, Storefront blocks uses the new WordPress Block editor (Gutenberg)
  • Does Storefront blocks work with your Storefront Pro plugin?
    Yes absolutely. Storefront blocks and Storefront Pro work great together. We have also added an extra option in Storefront Pro so that your first row of blocks can sit flush under the navigation if you require it.
  • Can I use Storefront blocks on a page that I’ve built with Pootle Pagebuilder?
    At the moment this isn’t possible. The new WordPress editor (Gutenberg) is very new and we are waiting for it to be merged fully into the core WordPress before we look at integrating blocks into Pagebuilder.
  • Can I cancel my payment at any time?
    Yes you can. The licence gives you access to one years support and updates. You can cancel and Storefront blocks will still be active, however you won’t get updates and support in year two.
  • What is your refund policy?
    We offer a 14 day refund if you have a technical issue that we cannot resolve. Please send our terms and conditions for more details.

Examples of Storefront Blocks in action

Create an awesome WooCommerce shop page

Your WooCommerce shop page is one of your most important pages.

With Storefront Blocks you can easily create a great looking Shop page, and you can layout the page anyway you like.

Storefront Blocks makes it easy to create an awesome shop page.

In the picture on the right you can see a shop page that has been built with a selection of Storefront Blocks.

These are the blocks that have been used

  • Product Slider Blocks
  • Category Masonry Block
  • Standard Product Grid Block
  • Product Square Grid Block
  • Single Product Block

Each Storefront Block comes with it’s own set of customization options including

  • Change font size
  • Change font family
  • Change font color
  • Change product label position
  • Change grid spacing
  • Change button color
storefront-blocks 38

Make your WooCommerce Home Page stand out

First impressions count.

Storefront Blocks makes it easy to showcase your products in a beautiful and professional way on your website home page.

In the picture on the right you can see how we’ve built an awesome looking home page.

To build the page we’ve used the following Storefront Blocks

  • Product slider block
  • Category masonry block
  • Product masonry block
  • Product square grid block
  • Standard product block
storefront-blocks 39

Create stunning WooCommerce Category Pages

Storefront Blocks makes it easy to create awesome looking WooCommerce Category Pages

In the picture on the right you can see an example of a WooCommerce Category page built using Storefront Blocks.

edit category pages woocommerce

Up sell products in your Blog Posts

One of the great things about Storefront Blocks is that they can be used on any page or any post.

In the picture on the right you can see how we’ve used a blog post to insert some Storefront Blocks to showcase relevant products within the context of the post.

This is a big opportunity for you to increase sales through your content marketing.

add woocommerce products to blog

Walkthrough video

Scroll to Top