---
title: "How to Display WooCommerce Products by Category in Elementor?"
url: https://theplusaddons.com/docs/display-woocommerce-products-by-category-in-elementor/
date: 2023-08-08
modified: 2026-06-15
author: "Aditya Sharma"
description: "Looking to organize and showcase your WooCommerce products by category on your website? Categorizing products helps visitors quickly find their desired items, streamlining their shopping experience. With the Product Listing..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Display-WooCommerce-Products-by-Category-in-Elementor_-1024x536.jpg
word_count: 269
---

# How to Display WooCommerce Products by Category in Elementor?

## Key Takeaways

- Utilizes the Product Listing widget from The Plus Addons for Elementor to display WooCommerce products by category.
- Requires installation and activation of The Plus Addons for Elementor to access the Product Listing widget features.
- Enables selection of multiple product categories through the Content Source tab in the Product Listing widget settings.

Looking to organize and showcase your WooCommerce products by category on your website? Categorizing products helps visitors quickly find their desired items, streamlining their shopping experience.

With the Product Listing widget in [The Plus Addons for Elementor](https://theplusaddons.com/), you can show WooCommerce products filtered by category on any page.

*To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it is installed & activated to enjoy all its powers.***

**Best Used For:**

- WooCommerce stores that display products from specific categories on dedicated landing or shop pages

- Multi-niche shops that need to segment product listings by department, type, or collection on any Elementor page

- Promotional pages featuring seasonal or curated product collections pulled from a specific WooCommerce category

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, make sure you have added some products to your WooCommerce store, then follow these steps.

1. Add the Product Listing widget on the page.

2. Select **Normal Page** from the **Product Listing Types** dropdown, then select the appropriate style and layout.

> *Note: Make sure you've created some product categories and added some products.*

3. Then go to the **Content Source** tab and select the product category from the **Select Category** field.

For more control over how individual products appear in the listing, see [how to add a product quick view popup in Elementor](https://theplusaddons.com/docs/add-product-post-quick-view-in-elementor/).

You can add multiple categories as well.

You will now see only products from the selected category on the page.

Also, check [How to Show Related Products on a Product Page](https://theplusaddons.com/docs/show-related-products-on-a-product-page/).