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 –
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.
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.
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’.
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.
Inventory Tab – From this area you can manage your product stock by providing stock quantity, allow backorders, set stock status and sold individually status.
Shipping Tab – Lets you to set the weight, dimension and shipping class for your product.
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.
The Grouping option let you to make the product part of a grouped product.
Attributes Tab – Through this area you can assign attributes to your products.
The selected attributes will be shown in the Additional Information tab in the product description page.
Advanced Tab – This tab let you to set purchase note, menu order and option to enable/disable reviews of the product.
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.
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.
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 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.
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.
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.
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–
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.
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.
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.
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’.
Now you can add this newly created ‘Colour’ attribute from the ‘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.
Shipping classes are meant to group similar products for shipping. They can be added from the dashboard area Product > 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.
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.
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.
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.