How to Customize Product Category Page in WooCommerce?

woocommerce category page template

Most WooCommerce store owners often focus on improving product pages, cart pages, and checkout pages because they directly affect customer shopping experiences.

This effort, of course, is highly appreciated and worth their while. But it seems such a waste to overlook other pages that are also helpful for enhancing the user experience. And, the WooCommerce product category page is one of the cases worth considering.

This kind of page shows all the products of the same category in your WooCommerce. In other words, they allow your customers to see similar items at the same time and place. If you can take advantage of them, then these product category pages will greatly contribute to promoting your online store.

If you have neglected them for a long time, then it is time to stop and customize WooCommerce category page to the best.

To get how the category pages are so important and how you can customize them, please scroll down right now.

customize WooCommerce category page

What is a WooCommerce Category Page?

WooCommerce allows users to list products from a specific category or subcategory in a grid-style layout. By default, large product images with their name, price, and purchase options will be displayed. Here is what the default WooCommerce product category page looks like on the front end:

This way of displaying products is definitely not suitable for all scenarios. In other words, the default WooCommerce category page template might not work for you. It can even work against you, depending on the type of your store and the products you sell.

Why customize WooCommerce category pages?

As said above, if you can utilize category pages effectively, they will bring your WooCommerce store lots of benefits.

Right in this part, we will show you the three reasons why you should consider customizing your category pages in WooCommerce. Let’s see!

Boost your sales

Do you know on every online store, 70% of sales come from category pages? It means the pages directly contribute to the success of your business and customers really love to visit these pages, even in some cases, they like to visit them more than product pages or shop pages.

As usual, customers only come to your product page when they know exactly the item they want and are ready to purchase. Meanwhile, the shop page is home to hundreds or thousands of different products, which makes potential customers feel a bit confused.

As a result, many people usually tend to approach the pages optimized with categorization. It is the category page whose scope is not too broad as the shop page or too narrow as product pages.

Therefore, creating a good WooCommerce product category page promises a high conversion rate.

Improve your SEO

Optimizing product pages is a must in WooCommerce stores. But do you know a category page is also a good place for you to improve SEO?

Yeah, it’s a great option for SEO. Many store owners usually have thin content on their category pages. Then, it’s a good opportunity for you. Grab it right now!

You can have a WooCommerce WordPress custom category page optimized by searching for keywords and writing some pieces of content that describe a specific group of products. If you can do that, surely Google will love your customized category page much more than a default one and any other pages with poor SEO from your competitors.

Make your store more eye-catching

We must say that all your WooCommerce pages should be designed carefully because each of them is able to create a good first impression on users when they somehow or other come to visit your store.

What’s more, WooCommerce product category pages are where similar items are being displayed. Google sometimes takes people to your category pages more regularly than your shop page because of their narrow scopes.

Therefore, don’t miss the opportunity to let your customers see how your website is designed cleverly and specially through the category pages.

In short, increasing sales, enhancing SEO, and beautifying your store are all the things you can get with customized category pages. Then, it is worthwhile to invest in WooCommerce category pages, right?

Top 3 Cases You Should Really Consider Customizing the Category Pages in Your WooCommerce Store

Now, let’s see some scenarios in which the default WooCommerce category page template may not work.

When You Need to Display Extra Information 

The default WooCommerce category page template may not be optimal for products that need to display detailed information.

For example, if you sell flowers, you may want to display information like your plants’ family name, their lifespan, and crucial care details. This additional information can help your customers make the correct decision when purchasing from you.

When You Offer Lots of Variations

If you sell products with lots of variations, it may be helpful for customers to pick one without going through many web pages. In other words, customers should be able to browse and add product variations to their cart from a single WooCommerce category page.

Let’s use an online fitness store that sells equipment like jump ropes, weights, and yoga mats as an example. If it lists product variations separately, customers can check out faster.

When You Sell Non-Visual Products

For unappealing products, a grid-style layout that focuses on thumbnails may hinder purchasing decisions. You’ll want to choose a different approach instead.

For example, hand tools like wrenches don’t need large thumbnails. Instead, you can list them neatly and organized along with product details. This makes customers construct more informed purchasing decisions and pay faster.

Now what you need to do is look for an effective way to edit WooCommerce category pages.

Luckily, there are several options for you to select. Right now, we will let you see one of them!

How to add product categories in WooCommerce?

You can easily add a new category by selecting Products > Categories after accessing the Admin Area Dashboard.

WooCommerce product categories

Then, add as many categories as you want. And when building any products, please assign them to different categories.

how to add category in woocommerce

For each WooCommerce category created, you are highly recommended to write the description and set up a thumbnail for it.

How to display WooCommerce categories

1. Display product categories on the shop page

There are several options to display products on the shop page. Customizing with Product Catalog will help you set it up.

Go to Appearance > Customize > WooCommerce > Product Catalog. Here you choose what to display on the main shop page. Then, select Show categories to have product categories displayed on your shop.

You also should decide what to display on product category pages. If you have various subcategories, then select Show subcategories. If not, select Show products.

Let this step be done with a click on Publish.

WooCommerce product category display type
WooCommerce show category on shop page

2. Display product categories on the page sidebar/footer

You can show a list of product categories on the page sidebar or footer with the widget named Woostify Product Categories, which is so helpful for arranging products in different categories.

In the dashboard, go to Appearance > Widgets > Woostify Product Categories. Then, there will be three position options to display, including Main Sidebar, WooCommerce Sidebar, and Footer Widget. Just select the position you want all your product categories to display.

woocommerce show product category

After choosing it, select and cover all the parts as expected and Save it. Done!

woocommerce sidebar product category

After completing this step, you view your shop page again. It will look like the image shown below. Once your customers click on any categories, they will be led to your WooCommerce category pages.

woocommerce category display

3. Display Product Categories in a Menu

In the dashboard, go to Appearance > Menus, then click on Screen Options and tick Product Categories

WooCommerce product categories in menu

Then, in the section of Add menu items, you will find the Product Categories tab. Click here and select the categories to add to menu. Finally, click on Save Menu.

WooCommerce product categories

How to create WooCommerce category page template with WooBuilder

Woobuilder page builder is a great add-on offered by Woostify. This powerful tool allows customizing numerous elements on the WooCommerce thank you page, product page, shop page, account page, cart page, checkout page, and category page.

Now we will show you how to edit the product category page WooCommerce using the WooBuilder add-on.

Step 1: Create a new category page

For the first step, you will select the template type as Shop Page. This step is just like the way you build a new WooCommerce shop page.

custom WooCommerce category page

Step 2: Customize WooCommerce category page

While designing the shop page, you can find many Elementor built-in widgets available such as Woostify Featured Product, Woostify Product Category, and Woostify Product Filter. To have WooCommerce product category pages, you definitely have to use the Woostify Product Category widget.

On the left panel of the Editor, you search for the Woostify – Product List widget, then drag and drop it.

After building the products for the category page, you go to Display options which will display when you click on the arrow beside the Publish or Update button. There will be four suggestions for you to choose from, including All Product Archives, Shop Page, In Product Category, and Product Tag. Here you select In Product Category and fill your category, for example, 3d Glass, in the next box as the image below. Click the Save & Close. Done!

After that, your products will display on the 3d glass category page as below.

You also can add a header image for the page by using the Elementor Image widget. Drag and drop it, then simply upload the image you want to display in the header.

A short description that gives users some additional information should be also added. It is advisable to search for keywords before writing the content. Your description should be around 200-300 words and includes the links to other category pages.

woocommerce product category page elementor

The above-mentioned is all about how to customize WooCommerce category pages with WooBuilder. You also can choose to use other methods like using a WooCommerce category page plugin. But, of course, it will require the plugin installation which may cause the incompatibility problem.

4 tips to optimize WooCommerce Category Pages for a good conversion rate

No matter which way you choose to customize WooCommerce category pages, the tips below will help a lot in creating an attractive WooCommerce product category page template.

Add descriptive text

Like any other pages in WooCommerce, writing something relevant to the on-page products should be the first thing you think about when customizing WooCommerce category pages. These pieces of writing will help your website get a lot of benefits.

First, a mix of text and images will make your page more eye-catching. Although people usually love visuals, adding short descriptive paragraphs will create balance in design and attract them a lot.

Second, it will be a good chance to improve user experience if your given text is relevant and appropriate. But remember that don’t write too much because people won’t love that.

Last, it will help you do SEO better. The text on the page will cover a specific topic. Make it informative and optimized by researching the topic and keywords. Then, there’s a good chance that Google will rank your category page.

Take notice of product thumbnails

Regardless of which place you want to show your products, it is important to pay attention to their resolution and size.

All the product thumbnails on the category pages should be of high quality and the same size. Then, customers will feel satisfied to admire your store. Even they will highly appreciate your store because of being designed neatly and professionally.

Besides, if you are selling physical items, it is recommended to make the images more lifelike, which is the point loved so much by online shoppers.

In short, design the images so that users visit your category page, feasting their eyes on impressive images. Make them excited to buy your product even before seeing the price or visiting your product page.

Add a striking image to the header

Apart from descriptive text and high-quality product thumbnails, your category pages should have incredible images in the header.

There are two main reasons for displaying them on the page. Let us show you.

First, they tell the customers that they find the right place. The category page contains numerous products of the same kind. Then, the page needs to have the elements relevant to these products. Text and product images are responsible for carrying out this task. And the header image also does the same.

Second, a large, eye-catching header image will make your page looks amazing at first sight. After this great first impression, users certainly will be interested in seeing your category page thoroughly to buy something then.

Eye-catching images and descriptive text seem to be not enough to convince all the potential customers. Some fastidious ones will want to spend time learning more about your brand and feedback from other customers as well.

Therefore, in addition to adding the content relevant to the on-page products, you should link to other pages such as other category pages, customer review page, about us page, and homepage.

By reaching these pages, users will understand more about what your store can offer them. Maybe not only some physical items but also the great experiences they brought.

Please grasp the chance to educate your potential customers through WooCommerce product category pages.

In conclusion,

Creating a unique design, boosting SEO, and increasing sales are what you will achieve if you customize WooCommerce category pages.

That sounds great. That is also completely true!

So what are you waiting for? Customize them as soon as possible, then your store will gain more traffic and sales. Besides, we want to suggest to you some WordPress solutions that are helpful for eCommerce businesses.

In the post, we have also shown you some effective ways to create a custom category page. It is quite easy to carry out no matter which one you choose.

Thanks so much for spending time on our post. If you have comments or questions, don’t hesitate to leave them below. Our team will be so happy to get them.

Notify of

1 Comment
Newest Most Voted
Inline Feedbacks
View all comments
11 months ago

thank you

Would love your thoughts, please comment.x

stay informed!

Subscribe to receive exclusive content and notifications