Tutorial – How to Manage Products in WooCommerce?

Tutorial – How to Manage Products in WooCommerce?

This WooCommerce Tutorial will guide you to add Products to your WordPress website. Your products can be of any type – physical or digital, and can have any type of variation like colors, size, length, etc.

There are 4 types of products in WooCommerce –

  • Simple :- These are vast majority of products which have no option like book, ball etc.
  • Grouped :- These products are collection of related simple products eg a set of glass cups.
  • External/Affiliate :- These products are the ones that can be listed in your website but sold from elsewhere.
  • Variable :- These products can have variations in colors, size, length, etc. For example a shirt with different colors in red, green, blue, white, etc.

Adding a Simple Product

To add a simple product go to Products > Add Product in your dashboard. When the Add New Product page opens, give Product Name and Product Description in the textboxes.

Consider you don’t have your own products to list in WooCommerce, in such a case you can list WooCommerce External Products and earn commission on the sale of every product from your site.

Product Categories – Give your product some category by selecting a category from the Product Categories area, which is given on the right side of the page (Multiple Product Categories can be selected too).

You can create a new category from the same area by clicking the Add New Product Category link.

Product Tags – Here give your product different tags and separate they by comma. This option is on the right side of the page.

Product Image & Product Gallery – Give your product an image by clicking the Set product image link on the right side. This will open Media Library window from where you can select an image or upload a new one.

Through Add product gallery images link, given on the right, you can add more images to your product from the Media Library. You can select more than one image by holding the Ctrl Key and then selecting images.

Product Price – Under the Product Data area, which is given under the product description text area, select Product Type as Simple Product. Give your product some price in the Regular Price textbox.

Finally Click the Publish blue button on the top right side of the page to publish your product.

adding a simple product

Adding a Simple Product

Product Data

Apart from selecting product type, you can also provide product as Virtual or Downloadable. Virtual product are those who aren’t shipped like any service, example ‘1 hours math training over skype’.

Make sure you have done your WooCommerce General Settings correctly. The general settings includes choosing your currency from USD, Pound, Euro, etc, base location, selling location, and other important things.

Downloadable products are those which can be downloaded after purchase like an ebook.

General Tab – Provide SKU code, if any, to track products. Should be unique and not clash with product IDs. Don’t forget to provide Regular Price and sale price (discounted price).

Sale price is optional but you should provide regular price so that people can buy the product.

general tab

General Tab

Inventory Tab – From this area you can manage your product stock by providing stock quantity, allow backorders, set stock status and sold individually status.

inventory tab

Inventory Tab

Shipping Tab – Lets you to set the weight, dimension and shipping class for your product.

shipping tab

Shipping Tab

Linked Products Tab – This is used for showing WooCommerce Related Products based on the current product.

Up-Sells are products which you recommend in the product details page. Cross-sells are the products which are displayed in the cart page and are related to the products currently in the cart. 

After you have read this tutorial make sure you read a related tutorial on WooCommerce Products Settings.

The Grouping option let you to make the product part of a grouped product.

linked products tab

Linked Products Tab

Attributes Tab – Through this area you can assign attributes to your products.

Note that both global attributes (which are created from Products > Attributes area of the dashboard) and Custom product attribute (which can be created right here from the dropdown option called ‘Custom product attribute’), will be available to assign to the product.

The selected attributes will be shown in the Additional Information tab in the product description page.

attributes tab

Attributes Tab

Advanced Tab – This tab let you to set purchase note, menu order and option to enable/disable reviews of the product.

advanced tab

Advanced Tab

Product Short Description
It is a short description appearing next to product image in the product description page. The long product description will appear in Description tab.

You should give your customers a perfect experience when they do the checkout. The WooCommerce Checkout Settings area is the place to do these checkout settings of your online store.

Adding a Grouped Product
A grouped product is created when you select Grouped product from the Product Type dropdown given in the Product Data area.

The price and several other fields will be unavailable for grouped product. This is totally fine as these fields can be set to the individual child products of this grouped product.

After you have published a grouped product you can create child products from the Products > Add New area of your dashboard. In the Product Data area click ‘Linked Products’ and then select the parent product from the Grouping dropdown.

Example of a Grouped Product

Let’s create a grouped product iPhone which contains 3 individual child products – ‘iPhone 4’, ‘iPhone 5’ and ‘iPhone 6’.

Creating grouped product ‘iPhone’ – Go to Products > Add Product. Give the product name as ‘iPhone’, add description, set product image and select Product Type as Grouped product. Finally click the publish button.

Creating grouped product

Creating Grouped Product

Creating child product – First create child product ‘iPhone 4’. Then go to Products > Add Product.  Give product name as ‘iPhone 4’, description, product image, in the ‘Product Data’ area set ‘Product Type’ as ‘Simple Product’, and give it some ‘Regular Price’.

Next click Linked Products and select Grouping to ‘iPhone’. Similarly do the same for ‘iPhone 5’ and ‘iPhone 6’ child products.

Creating child product

Creating Child Product

After creating these 3 child product, view the grouped product iPhone in your browser and you will see all the child products – iPhone 4, iPhone 5 and iPhone 6 there.

grouped product working

Grouped Product Working

Adding an External/Affiliate Product

To create an External/Affiliate Product select External/Affiliate Product as product type in the Product Data area. Give the Product Url through where this external product can be bought. This Url can be of amazon, ebay or any other external site.

When a custom visits this product he will see Read More button instead of ‘Add to cart’ button directing them to the Product Url.

What is CloudFlare? CloudFlare is a CDN which gives a big speed boost to your online store. It is free to use and you can easily install it within just 5 minutes time.

Adding a WooCommerce Variable Product

A WooCommerce Variable Product allows to set variations in a product. Like having different colors for a same shirt, different sizes for a shoe, etc.

Creating a Variable Product

Let us create a variable product named Men’s Shirt in 4 color variation ‘blue’, ‘black’, ‘white’,’red’.

Follow the steps–

  • Go to Products > Add Product
  • Give the product name, add description to it, set product image and add product gallery images to it.
  • From the Product Data area, select ‘Product Type’ dropdown control value as ‘Variable product’.
    adding variable product

    Adding Variable Product

  • Click Attributes in the ‘Product Data’ area. You will find a dropdown control, select Custom product attribute in this control and click the ‘Add’ button.
    custom product attribute

    Custom Product Attribute

  • A new area opens up which have textboxes for adding Name and Value(s), plus 2 checkboxes for options Visible on the product page and Used for variations. Put Color for name. For Value(s) write Blue|Black|White|Red. Here you can have any number of values separating by character “|”. Select the 2 checkboxes there and then click Save Attributes button.
    adding attributes to variable product

    Adding Attributes to Variable Product

  • From the Product Data area, click Variations. In the dropdown control that appears, select Create variations for all attributes and click the ‘Go’ button. Click ‘OK’ for the small message box that appears there. This will add the 4 color variations.
    create variations for all attributes

    Create Variations for all Attributes

  • Open the first variation Red, by moving your mouse over it which will show you a ‘Toggle’ arrow on the right side. Click this arrow to open this variation. Give it regular price and other information like image, sale price, weight, variation description etc. In the same way do it for the other 3 variations too. Note that it is necessary to give each of the variation Regular price else they won’t show in the product.
    opening individual variation by clicking arrow

    Opening Individual Variation by Clicking the Arrow

  • Finally click the ‘Publish’ button.

In this way we can create WooCommmerce Product Variations. You can also add size attribute with color attribute for this product and let user choose between different color and sizes option for the same shirt.

variable product

Variable product with Multiple Colors Variations

Attributes

Attributes are piece of data that provide more information to products, like a pant having color attributes ‘red’, ‘white’ and ‘black’. In the same way a novel can have language attributes in ‘english’, ‘hindi’ and ‘chinese’.

We can set attributes directly in the product from the Attributes area in ‘Product Data’ region, or from the Products > Attributes area in the WordPress dashboard. Note that the attributes created directly in the Products Data will be available only for that product where as the attributes created from the Products > Attributes area of WordPress dashboard will remain available for all products.

Adding Attribute

Go to the Products > Attributes area of the dashboard. In the page that opens, add ‘Colour’ to the name field and click the ‘Add Attribute’ button.  

This will add the colour attribute, now click the gear icon on the same page. This opens up a new page where you can give values to our ‘Colour’ attribute.

creating variations for an attribute

Creating Variations for an Attribute

Next, for the name field write ‘Black’ and click ‘Add New Colour’ button at the bottom. Now add ‘White’ then add ‘Red’ in the same manner.

I have successfully created ‘Colour’ attributes having values ‘Black, ‘White’ and ‘Red’.

adding variations

Adding Variations

Now you can add this newly created ‘Colour’ attribute from the ‘Product Data’ area.

attribute in product data area

Attribute in Product Data Area

Attributes can be a great way to filter down products for the customer. For this just you can use WooCommerce in built widget WooCommerce Layered Nav from the Appearance > Widgets area, and drag and drop it to your sidebar.

Now the customers will see the ‘Filter By’ option coming in the sidebar from where they can filter the products based on attributes.

WooCommerce Layered Nav

WooCommerce Layered Nav


filtering products with attributes

Filtering Products with Attributes

Shipping Classes

Shipping classes are meant to group similar products for shipping. They can be added from the dashboard area Product > Shipping Classes.

creating shipping classes

Creating Shipping Classes

Shipping Classes can be assigned to the products from the Product Data > Shipping area during product creation or during editing. The price on these shipping classes can be set from WooCommerce > Settings > Shipping area.

assigning shipping class

Assigning Shipping Class to Products

Tags

Tags can be used to group products of similar types. The product tags can be set from the Products > Tags area of the dashboard. These tags then can be assigned to the product from the Product Tags area during product creation or during product edit.

Just write two characters in the textbox and the matching available tags will show up. You can also create new tags by directly adding them there to.

product tags

Assigning Tags to Products

Editing Products and WooCommerce Featured Products

To edit products go to Products in your dashboard. There you will see all the products added to your website. Click on any product you want to edit, this will open the product for editing.

In the same page you will see the star icon. Through this you can create Featured Products in WooCommerce. Just click the star icon given besides any product you want to make featured. To un-feature the product, click the star icon once again. You can create as many featured products as you like.

If the star icon is not showing up in your browser, it may be due to it being hidden by default. To unhide it, click the Screen Options link given at the top and select Featured option.

featured products

Making Products as Featured

I hope you like our WooCommerce Tutorial. It will help you to learn everything related to Products in WooCommerce. Feel free to submit your question and views in the commments section below.

Share this article -

yogihosting

ABOUT THE AUTHOR

This article has been written by the Technical Staff of YogiHosting. Check out other articles on "ASP.NET Core, jQuery, EF Core, SEO, jQuery, HTML" and more.

Leave a Reply

Your email address will not be published. Required fields are marked *