How to Display WooCommerce Products by Category in Elementor?

Updated onApril 11, 2026By

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.
Table Of Content

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.

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

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.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the Product Listing widget is not displaying my WooCommerce products?

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.

What is the best way to organize my WooCommerce products for display in Elementor?

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.

Does the Product Listing widget support custom styling options?

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.

What happens if I forget to create product categories before using the Product Listing widget?

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.

How can I show related products on a product page using Elementor?

To show related products on a product page, you can refer to the documentation on How to Show Related Products on a Product Page. This feature complements the Product Listing widget by enhancing product visibility and encouraging additional purchases.

Last reviewed: April 11, 2026

Related Docs