HOW TO MANAGE

Woocommerce Products

Mr Bubbles from SEO WEB Designs.

Hey There!

Woocommerce is the go-to eCommerce platform for WordPress websites. If you’re reading this, there’s a good chance our team has built your website and set-up your online store, including the products in your shop.

Now you need to know how to manage your products, right? In this tutorial, we’ll cover the basics of adding new products to the shop and managing your online store.

This tutorial is best viewed on a desktop or tablet.

For more comprehensive tutorial on this subject, please see the Woocommerce documentation.

Hello Woocommerce!

First things first. Let’s define a few important terms.

Product Types

Woocommerce caters for a number of product types, but the two most common types are Simple Products and Variable Products.

Simple products are single products without any options or variations. For example, a book.

Variable products are products with variations. Each variation may have their own price, SKU (Stock Keeping Unit), stock quantity and the like. For example, a shirt may be available in various colours or sizes.

Product Categories

Product categories are an important way of grouping and organising your products. This helps your site visitors find what they’re looking for. If we’ve built your site, we’ve no doubt already worked with you in identifying your key categories.

When adding new products, you’ll just need to select the relevant category. If you’d like to add a new category, this is very easy to do, and we’ll show you how in a moment.

QUICK TIP

Before adding a product, it’s best to collate the following information:

(1) Adding a Simple Product

In your WordPress Dashboard, select Products → Add Product.

(You can also click on Products → All Products in the Dashboard Menu. This will take you to the Products Dashboard where you’ll see a list of your products. You can then click the “Add New” button at the top of the page.)

You’ll be presented with the following:

Woocommerce Tutorial

1 = Add your product name.

2 = WordPress auto-generates your URL (permalink) from your product name.

You can edit the permalink if required.

3 = Select your product category.

Or create a new one by clicking on “Add New Product Category” link)

4 = Add your long description. (This will appear in the Product Tabs section.)

Now, scroll down to the “Product short description” panel:

Woocommerce Tutorial

5 = Add your short description. (This will appear next to the Product Image.)

Next, scroll to the “Product Data” panel:

Woocommerce Tutorial

You’ll notice several product data tabs. The first is labelled “General”.

General tab

If you use SKUs, add your number to the SKU field. 

And add the product price.

The second tab covers your stock inventory.

Inventory tab

Check the “Manage stock?” box if you manage your stock.

If you do select “Manage stock?”, an option will appear where you’ll need to add your stock quantity.

Woocommerce Tutorial

The other tabs offer more options but you need not fuss with them as we’ve configured all the default settings for you.

All that’s left for you to do is to add your Product Image. If you’d like to add a few more product images for a Product Gallery, you can do that too.

Woocommerce Tutorial

Simply click the links and upload your images from your computer via the WordPress Media Library. We suggest you add no more than four images in the Product Gallery.

When you’re happy, click publish and your product will immediately appear “live” on the Shop page. Easy as.

How do you sort your products on the Shop page (i.e. re-order their position)? We’ll tell you how in a moment. Or jump there now.

(2) Adding a Variable Product

Again, in your WordPress Dashboard, select Products → Add Product.

As with the Simple Product, you’ll be presented with the following:

Woocommerce Tutorial

1 = Add your product name.

2 = WordPress auto-generates your URL (permalink) from your product name.

3 = Select your product category.

Or create a new one by clicking on “Add New Product Category” link)

4 = Add your long description. (This will appear in the Product Tabs section.)

Again, scroll down to the “Product short description” panel:

Woocommerce Tutorial

5 = Add your short description. (This will appear next to the Product Image.)

Next, scroll to the “Product Data” panel. This is where things are different to the Simple Product.

Select “Variable product” from the Product Data drop-down fields.

Woocommerce Tutorial

Once you’ve done this, you’ll notice a new tab appears labelled “Variations”.

Woocommerce Tutorial

For Variable Products, the two extra tabs that need attention are the Attributes tab and the Variations tab. Let’s consider these one at a time.

Attributes tab

Attributes help you define the distinct characteristics of your variations. For example, if you offer a product in various colours, you can define these colours here. In other words, before you can display your variations of black, blue and green, you need to first create these attributes. Let’s do this now.

Select the Attributes tab and click “Add” (to add a custom product attribute).

Woocommerce Tutorial

The following panel opens:

Woocommerce Tutorial

1 = Select your attribute (eg. colour, size, etc.).

2 = List your attribute characteristic or value (eg. black, blue and green or if your attributes are sizes, you would perhaps select small, medium, large separated by a vertical pipe).

3 = Check both options: “Visible on the product page” and “Used for variations”.

4 = Click the “Save attributes” button.

PS. The attributes must be assigned first BEFORE moving on to the Variations tab.

Okay, now let’s turn to the Variations tab.

Variations tab

Via this tab, we now assign the attributes and complete the respective product variables.

Select the Variations tab, choose “Create variations from all attributes” from the drop-down and then click “Go”.

PS. You’ll get a pop-up message asking you to confirm this choice. Confirm your decision.

Woocommerce Tutorial

The following panel opens with the attributes assigned:

Woocommerce Tutorial

This means you now have three variations of your product. In this case, we have a product offered in three colours. We now need to complete the specific product data for each variation.

The best way to do this is to click the “Expand” link. This will open up the data fields for each variation.

Woocommerce Tutorial

1 = The “Regular price” is the only field that is required.

2 = If you use SKUs, fill in this field.

3 = Select “Manage stock?” if necessary. (And add your stock quantity.)

4 = Do the same now for the remaining variations.

Make sure you click “Save Changes” when you’re done.

Before publishing the product, don’t forget to add your Product Image (and Product Gallery if required).

PS. You may have noticed that you can add a Product Image to each variable. Do this in place of the Product Gallery if preferred.

For a more comprehensive tutorial on Variable Products, please see the Woocommerce documentation.

(3) Sorting Products in Your Shop

To re-order (sort) the products on your Shop page is very easy.

In your WordPress dashboard, go to Products → All Products.

Select Sorting.

Woocommerce Tutorial

Now you can drag and drop the products to re-order them.

(4) Deleting Products from Your Website

Deleting a product is also very simple.

In your WordPress dashboard, go to Products → All Products.

Find the product you wish to delete.

Hover over the area under the Product Name and click “Trash”.

Woocommerce Tutorial

You should delete the product permanently when you’re sure you no longer need it.

(5) Hiding Products from Your Shop

There are times you’d prefer to “hide” a product from your shop rather than deleting it from the site. In other words, you no longer want it visible on the Shop page for whatever reason but you don’t want to delete it permanently.

Simply click “Edit” Catalog visibility in the right-hand Publish panel:

Woocommerce Tutorial

The following drop-down options will appear:

Woocommerce Tutorial

Select “Hidden” and the product will no longer appear on the Shop page or should a site visitor do a search of your site. Don’t forget to press “Update” (or “Publish”).

At any point that you want to make the product visible in the future, simply select “Shop and search results” and press “Update”.

 

QUICK TIP

If you’re new to Woocommerce (and WordPress), we suggest you practice with a test product first.

In this case, make sure you DO NOT press “Publish” at any point, as this will immediately display the test product on your Shop page. (If you make this mistake, you can quickly unpublish it by changing the status to “Draft” but try to avoid this mistake.)

Instead, press “Save Draft” and use the “Preview” button to preview your product without displaying it on the Shop page.

Woocommerce Tutorial