Storefront is the only free theme that I recommend for Woocommerce, it’s so good I’d rank it above many of the top paid themes out there.
Storefront is a free to use WordPress theme that is built by the Woocommerce team to integrate perfectly with Woocommerce, it’s simple to use and lets you build out online stores that look great in a single afternoon without having to code or troubleshoot anything. If you want to learn more, check out my full Storefront theme review below.
Woocommerce is the most popular e-commerce plugin for WordPress and Storefront is build specifically for Woocommerce.
Storefront is a little different to many other themes available such as Divi, what you’ll find is that you don’t have the same customizable options than other WordPress themes.
It’s very set in the appearance, which means certain features that you could customize in other themes are unavailable in Storefront.
However, this is something that I feel makes it perfect for beginners, what I’ve noticed is that many WordPress themes that are highly customizable are great for professional web developers, the learning curve might be too steep for people just getting started with WordPress. Whereas, Storefront has a very small learning curve which makes it perfect for beginners.
The main way you’re going to customize your Storefront shop is with the Customize feature of WordPress, this can be accessed when you’ve logged in via the front end of your website by clicking Customize in the top WordPress navbar or in the back end by hovering over Appearance and clicking Customize.
While the level of customization is still very minimal compared with other WordPress themes, you can still make your online store look unique.
There are three page attributes that come with Storefront, Homepage, Default template, and Full width.
Default template and Fullwidth are very similar, Default template has a sidebar and fullwidth has no sidebar. Because of the sidebar, I like to use the default template for the Shop page which I can add widgets such as product categories so customers can narrow down the products so they can find the one they want and because of the lack of sidebar I like fullwidth for account and checkout pages so customers can focus on the payment process.
The homepage is very set in stone with Storefront, to create the homepage, you need to change the page attribute to Homepage in the page editor of the page you are using as your homepage.
Most themes either have a page builder such as Divi or let you use a page builder like Elementor and you create headers and customize the content inside the header.
Storefront is unique where you add a featured image which is used as the header image and it uses the page name as the text help within the featured image, then the content such as paragraphs and buttons you add below the page name are held within the featured image as header content.
This is very different compared with most other themes, because of this, it does mean that you are limited to how you can make your pages look.
If you set the page attribute of a page to Homepage, Storefront will automatically add shop elements below, the names cannot be changed without some custom coding.
However, you can remove and reorder elements easily with a plugin called Homepage Control.
There are 6 spaces for widgets made available in Storefront: Sidebar, Below header, Footer Column 1, Footer Column 2, Footer Column 3, and Footer Column 4.
The sidebar widget is only visible when you have the default template page attribute activated on the page, which I tend to use on the Shop page.
Below header widget is content the appears below the Header and above the featured image and can be a great way to promote specials.
There are three menus available in Storefront, the Primary, Secondary, and Handheld.
This is where you can put links under the logo, I find this is ideal for your main links such as Home, Blog, and Shop.
These links appear to the left of the search products box, I find this placement is ideal for accounts pages and social media links.
Neither Primary or Secondary menus are visible on the mobile and are instead replaced by Handheld, I tend to place all the content in the Primary and Secondary menu in the Handheld menu.
The free version of Storefront is perfect to get started with but if you want to add extra visual features and make it more customizable, there are paid extensions available at the Woocommerce website.
Why is Storefront so good
I not only recommend Storefront to people who are building online stores for the first time but also people who are experienced with building website.
It’s really simple to use but also provides just enough features so that you can create an online store effortlessly.
I’ve often found that beginners will get caught up using WordPress themes with a large number of customizable elements, only to end up spending months spinning their heels and getting nowhere.
The problem I’ve often noticed is that the more complex a theme is, the higher the learning curve and the more time and skill required to produce a professional looking website.
While you might not get the exact website you imagined with Storefront, you will have a website that looks great and works perfectly.
What I don’t like about Storefront
I think while the limited customizability is a good thing for people getting started, I would like a little more control over the appearance.
One of my main problems is that the name of the page is visible on the page itself which can be frustrating and it doesn’t really support page builders.
I have attempted to install page builders such as Elementor to try to create pages with however, it doesn’t seem to fit right and would require some custom CSS in order to make it work.
I think the base version is perfect for people getting started but there but I would like to see more features such as page builder integrations for more experienced web designers without having to create a child theme.
Storefront is free to use, however, there are some customizable elements that are hidden behind a paywall.
There is an extension bundle available on the Woocommerce website that costs $69 which includes one year of updates that gives you everything you need to customize your online store.
There is also a range of child themes available that use Storefront as the framework but look a little more unique. There are a couple of free child themes available but most cost $39.
The free version is perfectly fine to get started with, but I do really like that you can get starting for free and once you start generating revenue you can reinvest in extra extensions to customize your store.
I highly recommend Storefront for most people who want to use Woocommerce to power their e-commerce website.
It’s extremely simple to use and everything just works perfectly with Woocommerce.
I’ve used a few different premium themes to build Woocommerce sites that advertise that it’s perfect for Woocommerce, but more often than not, I often have to change elements and add custom CSS to make things work.
I’ve never had to add any custom coding or CSS to Storefront because everything just works.
It’s free to use and there is the option to buy extra extensions to add more customizable features, but I’ve found for most people that they can get away with the free version to start with and as they start making sales, they can then look at customizing their online store.
I have personally used Storefront to build lots of online stores without any coding in a single afternoon, if you’re interested in checking it out, here are some of my most recent e-commerce sites. I run a series called 30-minute websites where I build online stores from scratch within 30 minutes and I use Storefront because it is really simple to use and gives me the ability to build great looking e-commerce websites fast.
I highly recommend checking it out and I give it a full 5-star review but would like to see a little more integration options with 3rd party page builders.