How to Display WooCommerce Products on Custom Page in Elementor?

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor includes a Product Listing widget that displays WooCommerce products on custom pages.
  • Users can refine product listings by selecting specific categories and including or excluding certain products.
  • The Product Listing widget requires The Plus Addons for Elementor to be installed and activated.
Table Of Content

Are you looking to create a personalized and visually appealing product display on a custom page in Elementor? By displaying products on a custom page you can show specific products to the targeted audience.

With the Product Listing widget from The Plus Addons for Elementor, you can easily show WooCommerce products on a custom page.

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 a custom page. 

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

Product listing content layout new how to display woocommerce products on custom page in elementor? From the plus addons for elementor

Now you’ll see products on that page, you can further refine the listing from the Content Source tab, by showing products from specific categories, including and excluding certain products.

Also, check How to Hide Add to Cart Button in WooCommerce in Elementor.

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 isn't displaying my WooCommerce products?

If the Product Listing widget isn't showing your products, first ensure that you have added products to your WooCommerce store. The widget requires products to be present to display. Additionally, check that The Plus Addons for Elementor is installed and activated, as it is necessary for using this widget.

What is the best way to style the Product Listing widget for a custom page?

To style the Product Listing widget effectively, select the appropriate style and layout from the Product Listing Types dropdown after adding the widget to your custom page. This customization helps create a visually appealing display that aligns with your site's design and enhances user experience.

Does the Product Listing widget support custom layouts for product displays?

The Product Listing widget allows for various layout options, enabling you to create custom displays that fit your design needs. By selecting different styles from the widget settings, you can achieve a unique look that enhances the presentation of your WooCommerce products.

Last reviewed: April 11, 2026

Related Docs