I hope you enjoy reading our blog posts. If you want DCP to build you an awesome website, click here.
In this tutorial, I will show you how to add simple products to your WooCommerce shop page.
In WooCommerce there are options to add both simple products and product variations. Before you can add products to your e-commerce website, you need to go through the basic WooCommerce setup wizard.
Adding products to your WooCommerce website is super simple once you know how to complete this task. A good option is to also install Yoast Duplicate plugin so you can copy an existing product are re-use the base for a new product. This will help speed up the data entry on your website.
Below, I show you my step-by-step guide on how to add your first WooCommerce product.
Tip: You can click on any of the images below to enlarge.
Tip: View this article for how to add product variations in woocommerce.
Note: In this tutorial, I will be using the Flatsome WooCommerce Theme but the logic of the tutorial can apply to any other Theme.
On the left side menu options select "Products" and then select the "Add New" button.
Tip: If your product is available in different colours, then try to incorporate the colour into the product name.
What is a Product SKU?
An SKU (Stock Keeping Unit) is a unique identification number used in your business to track product inventory.
SKUs are often alphanumeric and contain information on the most important elements of a product. An SKU code can incorporate any of the following:
The content of an SKU's information is often placed in priority order.
Example SKU: 25REDMTSSM
Note: Before adding a product to WooCommerce it is worth spending some time to build out your WooCommerce product category structure.
Tip: You can select more than one category for listing your product, but in most cases, you would select a single category.
Product tags are optional, but I would suggest adding tags as this is searchable content.
Tags can be used to help customers find a specific product on your website.
For example, if you are listing a Grey T-Shirt with a Spartan Helmet Graphic, then you might add the following tags:
Note: When you add the next product to your WooCommerce store you will be able to re-use the tags, as you type in a new tag it will automatically show if it has been used before.
For all products you add to the shop, you need to assign the main image.
The main image is the image that is shown to customers when they are browsing your website.
Tip: Try to keep your images consistent.
I would recommend adding images with the dimensions of 1000 pixel width and 1000 pixel height.
Remember to update the Alt text.
Select the "Set product image" button.
You can now see the image listed in the product.
Note: You can simply click on the image to change it if required.
In this article I am listing a T-Shirt product, so I want to display a size table.
I suggest adding a size table for clothing based products, for other products a general description should be fine.
Try to use bullet lists if possible when highlighting key features of your product.
At present you have added a lot of information to your product listing, it is advisable to save your product listing as a draft copy.
Note: A daft product is not live, so only you can see the product on your website.
Saving the product as a draft is a good method of adding products to your website as you can save the content after a few completed steps.
It is worth taking the time to make your product listing the best as possible, this will help your customers when making a buying choice and you can also duplicate the product listing to create more products faster.
On most WooCommerce themes you should be able to add a product short description.
The short description often displays near the top of the product listing page near the "Add to basket" button.
The short description can be:
The content can also contain URL links to alternative products or information pages.
The short description is optional but is a good idea to have some content that quickly explains the benefits and features of your product.
This is also good for search engine optimisation.
Just like the product short description, you can also add a custom meta description for your product listings. The meta description is used in the search engine results so it is important that it contain useful information.
Try to get the most important information about your product in the first 160 characters. I have seen a lot of websites state that the meta description should be 50 - 170 characters, this is not true!
The meta description can be any length, but I would suggest adding no more than 500 characters and make sure the most enticing product information is displayed first.
In WooCommerce there is an option to add some additional product images.
I would recommend adding 4 or 5 additional images but this is totally optional.
If you are selling a clothing item then you might add an additional image for the:
The type of alternative images you upload will really depend on the product listing. I suggest you go and check out some competitor websites and see what works for them!
At present we have been saving our product as a draft copy. Once you are happy with all the content added you can simply select the "Publish" button to make the product live on your website.
Don't forget to promote your new product on social media like Instagram, Facebook, Twitter and even YouTube.
Well Done! - Your product live now live on your WooCommerce shopping website.
WooCommerce is a plugin that you can download for free and install on a WordPress website. The plugin gives you a full turnkey e-commerce solution. You can simply add products, categories and general pages. Once completed you can add a payment gateway like PayPal or Stripe to accept payments. You can even set up discount codes and specific cost for the delivery of products based on a customer's location.
A WooCommerce Theme often adds some additional functionality to a WooCommerce shop website which is not available in a standard WooCommerce Theme. The functionality can improve the speed of your website, add features like zooming in to products images, customised the layout of pages, categories listings and product content pages. The goal of a theme is to give a user a more simple way to customise a WooCommerce Shop.
This really depends on the types of eCommerce shop you are creating. At DCP Web Designers we often use the Flatsome Theme as we find this theme to be highly customisable.
Article created by: Pankaj Shah | DCP Web Designers London
Thank you for contacting us.
We will reply to you in next 2 working days.
How to add products to WooCommerce shop page - Step by Step Guide
In this tutorial, I will show you how to add products to WooCommerce shop page. In WooCommerce there are options to add both simple products and product variations. Before you can add products to your e-commerce website, you need to go through the basic WooCommerce setup wizard. Adding products to your WooCommerce website is super simple once you know how to complete this task. A good option is to also install Yoast Duplicate plugin so you can copy an existing product are re-use the base for a new product. This will help speed up the data entry on your website.
Thank you for contacting us.
We will reply to you in next 2 working days.