---
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-04-11
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: 191
---

# How to Display WooCommerce Products by Category in Elementor?

## Key Takeaways

- The Product Listing widget from The Plus Addons for Elementor allows users to display WooCommerce products by category.
- Users can select multiple categories in the Select Category field within the Content Source tab of the Product Listing widget.
- The Plus Addons for Elementor requires installation and activation to access the Product Listing widget features.

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 from The Plus Addons for Elementor, you can easily show products based on different categories.

*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 its installed & activated to enjoy all its powers.***

[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’ve added some products to your WooCommerce store then follow the 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.

You can add multiple categories as well.

Now you’ll see products from that category only.

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

## Frequently Asked Questions

**Q: What should I do if the Product Listing widget is not displaying my WooCommerce products?**
A: If the Product Listing widget isn't showing your products, ensure you've added products to your WooCommerce store and created product categories. The widget relies on these categories to filter and display products. If everything is set up correctly, check the Content Source tab in the widget settings to confirm you've selected the appropriate category.

**Q: What is the best way to organize my WooCommerce products for display in Elementor?**
A: To effectively organize your WooCommerce products for display in Elementor, create clear and descriptive product categories. This helps visitors navigate your store more easily. Using the Product Listing widget from The Plus Addons for Elementor, you can select specific categories to highlight, enhancing the shopping experience.

**Q: Does the Product Listing widget support custom styling options?**
A: The Product Listing widget from The Plus Addons for Elementor allows you to choose different styles and layouts from the Product Listing Types dropdown. This customization enables you to match the product display with your site's overall design, making it visually appealing and user-friendly.

**Q: What happens if I forget to create product categories before using the Product Listing widget?**
A: If you forget to create product categories before using the Product Listing widget, the widget won't be able to filter and display your products correctly. It's essential to set up product categories in WooCommerce first to ensure that the widget functions as intended and showcases the right products.

**Q: How can I show related products on a product page using Elementor?**
A: To show related products on a product page, you can refer to the documentation on [How to Show Related Products on a Product Page](https://theplusaddons.com/docs/show-related-products-on-a-product-page/). This feature complements the Product Listing widget by enhancing product visibility and encouraging additional purchases.