Storefront Blocks is a WordPress plugin that works on all Themes!
Read the quick start guide
Try it risk free with a 14 day trial – cancel at any time
Prices – $49 for 1 site, $75 for 5 sites, $99 for 25 sites, and $199 for an unlimited license
Create stunning layouts in just a few minutes
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!
The plugin as well as Storefront Pro are very useful in customising a Woocommerce site. Support from Jamie has been exceptional.
Storefront blocks adds awesome new blocks to take your WC page designs to another level. Easy to use, great designs and first class support..
within minutes I had easily made improvements to the look of my web shop, well done Pootlepress
Makes the website look more bespoke and professional.
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.
In the press
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
Quick start guide
How to customize the WooCommerce Shop page – instructions and video tutorial
How to customize WooCommerce Category pages – instructions and video tutorial
How to customize the WooCommerce Home page – instructions and video tutorial
How to create product showcases in your Blog Posts – Instructions and video tutorial
Customize your WooCommerce Shop Page with Storefront Blocks
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 :)
- Create a brand new page (this is going to be your new WooCommerce shop page)
- Customize the design or your new page using Storefront Blocks
- Set this page to be your new WooCommerce Shop page in WooCommerce / Settings / Products
For this to work you will need the Storefront Blocks plugin active as this lets you override the WooCommerce default shop page design with your own layout. If the Storefront Blocks plugin is not active then the default WooCommerce shop page layout will show.
Customize WooCommerce Category Pages with Storefront Blocks
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.
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.
Meet the Storefront Blocks
Here’s what each block does :)
The Square Grid Block
The Square Product Grid block lays out your products in a beautiful square grid. You can choose which products to show or filter by category.
The Square Grid Block comes with a whole host of customization options, including, show/hide price, fullwidth layout, change number of rows and columns, change the grid gap, change font family, color and size.
The Masonry Product block
The Masonry Product Block automatically creates a masonry layout for products. You can select individual products to show or choose to show by category.
The Masonry Product block comes with a whole host of customization options, including, show/hide price, fullwidth layout, change number of rows and columns, change the grid gap, change font family, color and size.
The Slider block
The Product Slider Block lets you insert a beautiful slider into your site.
You can choose which products to show, and it comes with lots of customization options, including font family, alignment, size and colour. You can also change the height of the product slider and set it to be full width.
The Masonry Category Block
The Category Block creates a beautiful layout automatically for you to show your Categories.
The Cateogry block comes with a whole host of customization options, including, show/hide price, full-width layout, change number of rows and columns, change the grid gap, change font family, color and size.
The Single Product Block
The Single Product Block is one of the most powerful blocks. It lets you add a single product into a page and then customize almost every aspect of the layout.
Because it’s a block you can add multiple single product blocks into the same page. It’s quite difficult to show all it’s features with a picture, so here’s a video walkthrough.
The Carousel Block
The Carousel Block lets you create a moving carousel of your products. The Carousel Block comes with a whole host of customization options.
The standard Woo Block
This block is like the normal WooCommerce block, however it has extra customization options, including the ability to hide the WooCommerce ‘add to basket’ button, hide the price, and hide the product title. You can also set the block to be full width, like shown in the example below.
Look how easy it is to add a Storefront Block
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
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
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.
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.
Here’s a selection of the blocks included with Storefront blocks.