How to Customize WooCommerce Category Page with ProductX - WPXPO

How to Customize WooCommerce Category Page with ProductX

  • By: Ruhul
  • Updated:
How to Customize WooCommerce Category Page with ProductX

Want to learn how to customize WooCommerce category pages?

Category pages are vital to any WooCommerce site because they enable prospective buyers to study items before making a purchase. However, suppose your category pages include inaccuracies. In that case, visitors can abandon your website, resulting in a loss of leads and money.

This article will demonstrate how to edit and display WooCommerce category pages to enhance the user experience and boost sales.

Why Should You Customize WooCommerce Category Pages

WooCommerce is one of the most used platforms to make online stores. While this is undoubtedly a testament to WooCommerce’s reliability as an e-commerce platform, it also reflects that hundreds of thousands of websites use the same template.

And if you believe that sticking with the standard WooCommerce homepage is the best way to make your site stand out, you’d be incorrect. Besides these, there are more factors to think about.

If you take a peek around, you’ll see that the default WooCommerce category page isn’t exactly eye-catching. Additionally, it lacks sophisticated features such as name-based product searches, attribute-based product filters, etc. All these things matter if you want customers to have a positive experience shopping on your website.

Furthermore, it’s hard to find someone who doesn’t appreciate a well-designed, aesthetically pleasing and intuitive website.

Now, let’s move on to the next part, where you’ll discover how to modify the appearance of WooCommerce category pages without touching a single line of code.

How to Customize WooCommerce Category Page with ProductX

This guide will show you how to customize the look of WooCommerce category pages without any code. So, without further ado, let’s get started.

Step 1: Install and Activate ProductX

To customize, you need to Install and activate this fantastic plugin ProductX. To do so: 

Install ProductX
Install ProductX
  • Open the Plugins menu in the WordPress Dashboard.
  • Now install the plugin by clicking the “Add New” option.
  • Type “ProductX” into the search bar and then hit the “Install” button.
  • Click the “Activate” button after you’ve installed the ProductX plugin.

Step 2: Turn on Builder

After successfully activating ProductX, you need to activate the Builder. Here’s how to do it:

Turn on WooCommerce Builder Addon
  • Go to ProductX from the WordPress dashboard.
  • Select the Addons Tab
  • Enable the Builder via the toggle option.

Step 3: Create Category Page Template

After turning on the Builder, you can create a category page. To do that:

Creating Category Page Template
  • Go to ProductX from the WordPress dashboard.
  • Select the Builder tab.
  • Click Add New.
  • Name your template.
  • Select the template type as ‘Product Archive.’
  • If you want to show this template on all product pages, mark the tickbox of ‘All product_cat Pages.’
  • Click Create Template.
  • And then click Save and Edit Template.

And you’re done with creating a WooCommerce Category Page Template.

Step 4: Design WooCommerce Category Page by Adding Blocks

You have created the Category page template. Now, you need to design your category page. You can use the following guide to add a few blocks to design your WooCommerce Category page.

Adding Blocks in Category Page
Adding Blocks in Category Page
  • First, add the Archive Title block (to control the category titles dynamically across all pages).
  • Then add the Product Grid block.
  • Also, add the Pagination block for the best outcome (as you might have a lot of products).

Step 5: Customize WooCommerce Category Page Template

You have already created and designed the category page, and now comes the fun part… Customizations. So, let’s not waste time and go to the customization settings.

When you add a Product grid block of ProductX, by default, it gives a lot of customization options to go through.

Category Page Customization
Category Page Customization


You can showcase your product in a grid or a slide view, giving you complete control to create a perfect Woo-store. You can choose the columns, rows, and sizes and customize them with paddings and height-width correctors.

Product Stocks

ProductX has settings to show in-stock and out-of-stock products quickly, which eases your process to increase customer satisfaction.


ProductX’s query setting itself is a great customizer. For example, if you want to limit the number of your product, or show specific products like top rated, recently added, etc., you can do it from here.


This is a fundamental thing to add, but ProductX makes it unique with a heck ton of customizations. Like picture size, animations, hovers, and whatnot.

Product Attributes / Additional Data

Some people want to show hots, sales, price, deals, or other additional information in their store, also known as product attributes. So, ProductX came up with an excellent solution of giving each of them an easy enabler with a toggle button.


If you have a lot of products, which is obvious, you can enable the pagination option from settings (toggle enable). Pagination makes your product page more user-friendly, giving the store a sense of comprehensibility. Also, ProductX can choose numeric pagination or a load more button, along with its particular customizations like color size, alignment, and much more.

After all the customization hit the Publish button to publish the page.

Benefits of Customizing WooCommerce Category Pages

You should modify your WooCommerce category pages for a few different reasons:

Increase Revenues

You can attribute a significant portion of your company’s success to the category pages since they generate around 70% of all purchases. Building specialized category pages that answer buyers’ questions can increase sales.

Enhance Search Engine Optimization

Search engine rankings can be improved by optimizing category pages. However, there is a lot of room for improvement when it comes to optimizing your online store’s categories and subcategories for the keywords your target audience uses to find products like yours.

Capture Audience

Search engines direct consumers to category pages rather than product pages because they are more interested in providing relevant results. Consumer-generated material, enhanced product images, and user reviews can be integrated into those pages to pique readers’ interest and encourage them to make a purchase decision.

Modifying WooCommerce’s category pages can ultimately help you better serve customers, raise search engine rankings, and increase sales.


Both your clients and search engines will find the category page vital. Adding personalization and SEO to your category pages will only boost your online store’s sales.

The bright side is that you now know how to customize the WooCommerce category page and optimize the page to increase conversions by a factor of two. Further, you understand how to tailor each category’s WooCommerce page to your needs.

You can check out WordPress video tutorials on our YouTube Channel. Also, find us on Facebook and Twitter for regular updates!

Like this article? Spread the word

Written byRuhul

Ruhul is a technical and SEO-driven content writer, a tech enthusiast, and a pro gamer. He loves exploring new things and has written over 1,500 articles on diverse topics.

Leave a Reply