Post Single Page

How To Build Perfect Product Pages In WooCommerce: Tips & Tricks

Miguel Piñas

In WooCommerce Posted

This is the first post in a series of articles on “How to build perfect product pages in WooCommerce”. This time, we will offer you tips and tricks on how to build perfect product pages for your online shop in WooCommerce that can turn your visitors into your customers. This is surely one way to make sure that you are ahead of your competitors!

The first impression is the last impression. Many e-store owners spend time tweaking their homepage but often ignore the importance of a well-designed and responsive product page.

Let’s get started:

1. Adding the Products

Go to products and then click on add product. Subsequently, enter the title and description for your product, and then go to the product data section and all of the descriptive material that your customers might need in order to ascertain whether or not the product they are looking into, is for them.

Adding a Simple product is similar to writing a post in WordPress.Add the price and then in the inventory section mention how many units you have available to sell to customers.

The inventory section allows you to manage stock for the product individually

2. Adding Variable Products

Variable Products let you define the variation of a single product where each variation may have a different unit, price, SKU, etc

Firstly, you need to select variable product when you are in the add product drop-down menu. Once this has been selected, you need to write down the criteria that would help differentiate the variations of the product that you are putting up on your product page.

Variable products define set of variations in each product

3. Adding Images

You can either have a single product image, medium-sized catalog images or thumbnails if you want to add as many images as possible. Click on the product image and then select from gallery or upload an image if you want to be able to get more options that might not exist in your preexisting gallery.

Select an existing image or add a new one4. Add Shipping Classes

Create shipping classes so that you can charge your customers accordingly without having to decide for each product. Just go into settings, then shipping and then shipping class. Put in the criteria for the various shipping classes based on weight, Dimension and shipping class. 

Add a shipping class

Go to Settings >> Shipping >> Shipping Classes. Here the screen lists existing classes.

View existing shipping lists

5. Create Categories

Go into products and then select categories. Create a slug for each category which is a user-friendly version of the URL, this will help your customers find the products that they are looking for. Also, add a parent if this is a subcategory that you are working on.

Select a new or a parent product category

By default the homepage shows the product category as below:

By default template foe product category6. Include Digital Products

This can be done by first selecting the downloadable products category and subsequently creating a payment gateway to make sure that customers are only able to download the product after they have actually paid for it in full. Downloadable products are easy to sell because of the fact that they only require an upload.

7. Incorporate Related Products

This includes up-sells as well as cross-sells. Essentially it involves going to the product page and linking the products you want to up-sell or cross-sell. Just make sure that you only add relevant products to the mix in this manner.

Include up sell and cross sell

8. Locate Product IDs

The “categories” section in the products page is where you will find the product ID. Hover over the category and you will see a series of numbers and letters. The last four numbers in this sequence are your product ID, which you can use to help identify your product from a number of others.

Edit Product category

9. Export / Import Product CSV

Create a CSV in the right format and then upload it to your page. This is going to help you get all of the information that you wanted to get across in the easiest possible way, thus enabling you to make the most of your product descriptions.

Import products from CSV file10.  Manage Store Notice / Catalog / Images

In the dashboard, you can find a button for customization. This is the sort of thing that can help you manage your store. Make sure you preview any changes you make before you publish them, as there is a lot of potential for mistakes here and there.

Manage Store Notice / Catalog / Images

Tips on Improving Your Product Pages For Your Online Shop

  • Have a Visible Call to Action

If your customer does not see an easy to spot call to action, they will not know how they can buy the product that you have on offer! Hence, you need to make your call to action clearly visible.

Add CTA in your website

Below is the list of few sample CTA button ideas for your website

Have a visible CTA to attract more customers

  • Improve Product Photography

The fact of the matter is that your photography is one of the most important aspects of your product pages for your online shop, so you need to make sure that the photographs featured on these pages are clearly visible and also are artistic to some degree since aesthetically pleasing pictures make it more likely that a customer would want to buy what you are selling.

Add a clearly visible and appealing picture of your products

  • Add Enough Detail for Customers

Add enough detail that your customers would know exactly what they are getting when they choose to buy your product, but not so much that you end up forcing them to waste a great deal of time just tried to do so.

use an interactive 360 degree product photography

  • Display Your Brand Proudly

Your product pages for your online shop are not just some web pages where people can buy things. It is a proper brand with an identity of its own, and your product pages need to incorporate this brand into all of its aspects so that your customers start associating your products with this brand.

  • Describe the Problems Your Products Solve

Each product out there is meant to be a solution to some kind of problem, it is meant to make people’s lives easier in some way. This more than anything else is what is going to make it easier for you to boost your sales since you are going to end up in a pretty good spot as far as giving customers a reason to buy what you are offering goes.

Describe the problems your product solve

  • Write Organic Content

One enormous mistake that a lot of people make when they are making product pages is that they write mechanical content. However, mechanical content is going to end up doing next to nothing to attract customers to the products that you are offering. A much better idea would be to just put some extra effort in and write content that looks like it was written by a human.

  • Use Keywords Intelligently

Keywords are very useful at attracting potential buyers to your product pages, but you need to understand that they need to be used smartly if you want them to work as many as possible. What this means is that you can not just randomly add keywords and stuff as many of them into your text as possible.


Leave a Comment