---
title: "How to Install the Storefront Theme in WordPress"
description: "In this first tutorial of the Storefront series, we will show you how to install the Storefront theme in WordPress. This theme was designed to work seamlessly with the WooCommerce plugin and allows..."
url: https://www.inmotionhosting.com/support/edu/wordpress/themes/install-storefront-woocommerce-plugin/
date: 2018-01-23
modified: 2021-02-02
author: "InMotion Hosting Contributor"
categories: ["Themes"]
type: post
lang: en
---

# How to Install the Storefront Theme in WordPress

In this first tutorial of the **Storefront** series, we will show you how to **install the Storefront theme** in WordPress. This theme was designed to work seamlessly with the [WooCommerce](support/edu/woocommerce) plugin and allows you to easily build an eCommerce store. Since the *Storefront* theme and *WooCommerce* plugin were created by the same developers, it ensures they are compatible and will work well together.

## Install Storefront Theme in WordPress

**Note:** Since this theme was designed to work with WooCommerce, you should [install WooCommerce](https://www.inmotionhosting.com/support/edu/wordpress/woocommerce/) before completing this guide.

1. [Log into your WordPress Dashboard](https://www.inmotionhosting.com/support/edu/wordpress/logging-into-wordpress-dashboard/).
2. [![](https://www.inmotionhosting.com/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_wordpress-appearance-themes.png)](/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_wordpress-appearance-themes.png)   Click **Appearance** then **Themes** in the navigation menu.  
3. [![](https://www.inmotionhosting.com/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_add-new-theme.png)](/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_add-new-theme.png)   Click the **Add New** button on the *Themes* page.  
4. [![](https://www.inmotionhosting.com/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_search-for-storefront.png)](/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_search-for-storefront.png)   Type ‘**storefront**‘ in the search field.  
5. [![](https://www.inmotionhosting.com/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_install-storefront-theme.png)](/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_install-storefront-theme.png)   You will see the **Storefront** theme by *automattic*. Click the **Install** button.  
6. [![](https://www.inmotionhosting.com/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_activate-storefront-theme.png)](/support/wp-content/uploads/2018/01/wordpress_woocommerce_storefront_activate-storefront-theme.png)   After the *Storefront* theme has been installed click the **Activate** button to enable it.  

Congratulations, now you know how to **install the Storefront theme** in WordPress! In the next guide we will show you how to create a homepage with the Storefront theme.

Learn more about the power of [WordPress Themes](https://www.inmotionhosting.com/support/edu/wordpress/themes/) and how they can simplify your website building and maintenance.