WooCommerce & Storefront Install

About WooCommerce and Storefront

Storefront is the official WooCommerce theme that helps small businesses launch, manage, and sell products online through a clean, standard WordPress interface. Storefront remains one of the top ten most used WooCommerce themes globally. Automattic, the official creators and maintainers of WooCommerce, actively maintains, updates, and supports it.

If you learn Storefront, your knowledge and experience will transfer to other popular WordPress retail themes like Astra, Hestia, Flatsome, etc. The core mechanics of WooCommerce remain identical regardless of the theme used:

  • The Data Model: Product types (Simple, Variable, Grouped), attributes, SKUs, inventory management, tax rates, shipping classes, and checkout flow function the exact same way in every WordPress e-commerce site.
  • The Core Concepts: Learning how Storefront hooks into WooCommerce teaches how e-commerce sites are structured. Once you understand how categories, product galleries, mini-carts, and widgets connect, switching to another theme (like Astra or a Block Theme) is simply learning a new visual layout tool.
  • The Analogy: Learning WooCommerce with Storefront is like learning to drive in a standard, reliable sedan. Once you know traffic rules, steering, and braking, switching to an SUV or sports car (a complex or block-based theme) takes only a short period of practice.

Install WooCommerce and Storefront

1. Install & Activate the WooCommerce Plugin:

  1. Log in to your WordPress Admin Dashboard.
  2. Go to Plugins > Add New Plugin in the left sidebar.
  3. Type WooCommerce into the top-right search box.
  4. Locate the official WooCommerce plugin (by Automattic) and click Install Now.
  5. Once installed, click Activate.
  6. (Optional) Follow the on-screen setup wizard to configure your basic store details.

Verification: Check your sidebar navigation; you should now see WooCommerce and Products listed as main menu items.

2. Install the Storefront Theme:

  1. Navigate to Appearance > Themes in your left menu.
  2. Click the Add New Theme button at the top.
  3. Type Storefront into the search bar.
  4. Hover over the Storefront theme thumbnail and click Install.

Verification: The button on the Storefront card will change from Installing… to Installed and show an Activate button.

3. Activate Storefront:

  1. Click the blue Activate button directly on the Storefront theme card.

Verification: Storefront will now appear as the first active theme under Appearance > Themes, displaying an Active: Storefront tag.

4. Run the Storefront Setup Tour (Optional):

  1. Look for the top notification prompt in your dashboard that says “Welcome to Storefront” or “Design Your Store”.
  2. Click Let’s Go! to launch the automated setup. This will generate demo homepage content, set full-width shop templates, and launch the WordPress Customizer tour.

Verification: Visit your main website URL in a new tab; you will see the default Storefront layout populated with initial store sections.