---
title: "How to Display WooCommerce Products on Custom Page in Elementor?"
url: https://theplusaddons.com/docs/display-woocommerce-products-on-custom-page-in-elementor/
date: 2023-08-08
modified: 2026-04-11
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Display-WooCommerce-Products-on-Custom-Page-in-Elementor_-1024x536.jpg
word_count: 187
---

# How to Display WooCommerce Products on Custom Page in Elementor?

## 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.

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

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

![](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-content-layout-new.png)

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](https://theplusaddons.com/docs/hide-add-to-cart-button-in-woocommerce-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if the Product Listing widget isn't displaying my WooCommerce products?**
A: 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.

**Q: What is the best way to style the Product Listing widget for a custom page?**
A: 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.

**Q: Does the Product Listing widget support custom layouts for product displays?**
A: 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.
