How to Install the Storefront Theme For Your WooCommerce Online Store

In this post, we will go through how to install the custom Storefront theme for WooCommerce online stores. These steps will be similar for any shop theme you want to install.

Storefront is one of the main official WooCommerce Store Themes built by the WooCommerce team. It’s easy to use and good for beginners.

This theme is also open source, so developers can submit their own contributions on GitHub, or develop their own child theme to play with.

The advantage of using the Storefront Theme is that it’s free and it’s the first one to get updated. If there’s new features coming to WooCommerce, chances are they’ll be applied to the Storefront Theme first. It also has over 200,000 active installations and pretty good reviews on the WordPress Theme Directory.

Installing the Storefront Theme

First, click Appearance in the WordPress sidebar, and then select Themes.

WordPress Themes Menu

Next, press Add New.

WordPress Add a New Theme

Type Storefront into the search box on the right.

How To Search For A Theme On WordPress

The theme you’re looking for is this one!

WooCommerce Storefront Theme

If you hover over the theme, you’ll see an option to Install.

How To Install the Storefront Theme for WooCommerce

You can also select details and preview if you want to check it out first, but we’re just going to go ahead and install now.

Once you’ve hit install, you should get a green box up the top saying installed. Then click Activate.

WooCommerce Activate Storefront Theme

Congratulations! You’ve now installed and activated the Storefront Theme for your WooCommerce store.

Once installed, you’ll be presented with two options:

WooCommerce Storefront Theme Create Homepage and Example Products

Create a homepage using Storefront’s homepage template

If you opted to go with this option, your basic homepage will look like this.

WooCommerce Storefront Theme Homepage

Don’t worry, we’ll do a lot of customizing later, but at least there’s a basic homepage set up now.

Add example products

Adding example products is good for when you want to test out your theme and settings before making your store live. Just make sure to delete them once you’re ready to launch!

You can view and edit your sample products under the Products tab in your WordPress Dashboard.

WooCommerce Storefront Example Products

Now that we’ve finished with the installation, we’re ready to customize!

Check out our other posts if you want to know how to edit your WooCommerce store’s general or product settings using the WordPress Dashboard.

Default image
Hi, I'm Lari. I hope what I've written here is easy to understand and you find it useful. Feel free to drop a comment if you've got any questions or topics you want me to look into and write about! Catch you in the next one ?
Articles: 15