Mastering WooCommerce 4

By Patrick Rauland
    What do you get with a Packt Subscription?

  • Instant access to this title and 7,500+ eBooks & Videos
  • Constantly updated with 100+ new titles each month
  • Breadth and depth in over 1,000+ technologies
  1. Free Chapter
    Configuring Products
About this book
WooCommerce is one of the most flexible platforms for building online stores. With its flexibility, you can offer virtually any feature to a client using the WordPress system. WooCommerce is also self-hosted, so the ownership of data lies with you and your client. This book starts with the essentials of building a WooCommerce store. You’ll learn how to set up WooCommerce and implement payment, shipping, and tax options, as well as configure your product. The book also demonstrates ways to customize and manage your products by using SEO for enhanced visibility. As you advance, you’ll understand how to manage sales by using POS systems, outsource fulfillment, and external reporting services. Once you’ve set up and organized your online store, you’ll focus on improving the user experience of your e-commerce website. In addition to this, the book takes you through caching techniques to not only improve the speed and performance of your website but also its look and UI by adding themes. Finally, you’ll build the landing page for your website to promote your product, and design WooCommerce plugins to customize the functionalities of your e-commerce website. By the end of this WooCommerce book, you’ll have learned how to run a complete WooCommerce store, and be able to customize each section of the store on the frontend as well as backend.
Publication date:
March 2020


Installing WordPress and WooCommerce

WooCommerce was designed as a WordPress plugin from its conception. Everything that WooCommerce has done is done on top of the WordPress platform. So, while this is a book about mastering WooCommerce, we can't start talking about WooCommerce until we make sure a few basic things are taken care of in your WordPress installation.

We're going to make sure your WordPress site is set up correctly and then install WooCommerce. To do that, we're going to look into the following:

  • Why and how you should use test sites
  • Creating an ad-free admin experience
  • How to install WooCommerce
  • Configuring settings through the WooCommerce welcome wizard

Once you've done all of the preceding, you'll have WooCommerce installed on a test site and you can start building your online store.

Let's first look at why and how we should use test...


Importance of test sites

If you've been a WordPress developer for a while, you're probably familiar with test sites. And while they're important in regular WordPress development, they're critical in WooCommerce development. The following screenshot shows what a website development process looks like:

With a typical WordPress development project, you'll build custom functionality on your local machine. Then, you'll upload it to a test site where the client usually approves it. Then, you move the test site to the live site, replacing data and files.

And this works great for most WordPress projects. But when it comes to e-commerce, there are two problems:

  • You can never replace the live database: Since an e-commerce site is always on and always accepting new orders, payments, and marking items as shipped, you can't replace the live database with...

Creating an ad-free experience

Both WooCommerce and Jetpack, a plugin we'll install later in this chapter, include promotions. And these promotions make it less clear what's going on. And if you're developing this site for a client, you want to recommend plugins—you don't want your plugin doing that for you.

As an example, in the following screenshot, there's a promotion for premium functionality:

Note: Throughout this book, I'll include several screenshots. To make sure these are valuable to you, I'm going to make sure they're showing you what I need you to see and I'll get rid of extra content.

To make this book clearer, I'm going to install two plugins that remove these ads, which lets me share more useful screenshots and will give you and your clients a much cleaner user experience.

Let's first install something...


Installing WooCommerce

Let's get started by actually installing WooCommerce on our site. Perform the following given steps:

  1. Search for WooCommerce under plugins in your admin menu:
  1. Click Install Now followed by Activate. This will take you to the welcome wizard, which will help you to configure all of the settings you'll need to get up and running.

Now we can configure the general settings in WooCommerce, followed by payment and then shipping.

General store settings

The first screen shows all of your general settings—things like where your store is located, what currency you accept, and what type of products you sell, which will set some smart defaults:

Go ahead and enter all of this information. One...


Disabling nags

There's one final thing we can do to make our experience in WooCommerce a little nicer. Click View Dashboard to get back to the WordPress administrator. You should see approximately four nags (depending on your store settings and what add-ons you installed) and one of those nags is huge. You can see the nags here:

Let's temporarily disable the PayPal, Stripe, and Facebook plugins and switch back to a default theme. Here's our dashboard after disabling a few plugins:

Switching to a default theme so we don't see storefront nags and disabling some payment gateways will temporarily remove the nags so you can actually see what you're doing in the administrator. This will make it much easier for you to follow along with this book and will give you a cleaner and easier user experience.

Don't worrywe'll continue customizing those...



Before we could install WooCommerce, we had to make sure our WordPress site was set up correctly and that we could build everything in a properly setup test site.

Once we had that, we installed a few plugins to keep our admin interface free from ads. We then installed WooCommerce and Jetpack and configured a number of basic settings through the welcome wizard. With these steps, you can set up and test as many WooCommerce sites as you want.

Now that we've done all of that, we're ready to create products in our store. Configuring products will be covered in the next chapter.

About the Author
  • Patrick Rauland

    Patrick Rauland is obsessed with WooCommerce. He has used it as a customer, worked for WooCommerce support, developed core functionality in WooCommerce itself, led three releases, and helped plan their yearly conference (WooConf). He now helps people by writing his blog, creating courses for LinkedIn Learning/Lynda, and writing books. Patrick is also the co-founder of WooSesh, an online conference for WooCommerce developers and store owners. Patrick lives in Denver, Colorado, where you can probably find him at a local coffee shop, typing away

    Browse publications by this author
Mastering WooCommerce 4
Unlock this book and the full library FREE for 7 days
Start now