--- 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-09-11 lang: en author: "Aditya Sharma" description: "Do you want products on a landing page, a campaign page or your home page, not only on the WooCommerce shop page? The Woo Product Listing widget in The Plus..." image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Display-WooCommerce-Products-on-Custom-Page-in-Elementor_-1024x536.jpg word_count: 290 --- # How to Display WooCommerce Products on Custom Page in Elementor? ## - Woo Product Listing widget places a product listing on any page built in Elementor, including a landing page, a campaign page, or the home page. - The Plus Addons for Elementor Pro includes Woo Product Listing, and it does not appear in the widget panel of the free plugin; WooCommerce must be installed and active, with some published products. - Content Source lets Woo Product Listing select Category, Include Product(s) by ID, Exclude Product(s) by product IDs, Display Product such as featured or on sale, and Maximum Posts Display defaults to 8. Do you want products on a landing page, a campaign page or your home page, not only on the WooCommerce shop page? The Woo Product Listing widget in The Plus Addons for Elementor places a product listing on any page you build. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](https://theplusaddons.com/docs/product-listing-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#woo-products-wgts) ## Before You Start - **Edition:** **Pro** — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.- **WooCommerce** installed and active, with some published products.- **Widget to enable:** Woo Product Listing, switched on under **ThePlus Settings > Widgets**. ## Step 1: Add the widget Edit the page in Elementor and drag in the **Woo Product Listing** widget. In **Content > Content Layout**, keep **Product Listing Types** on **Normal Page**. ![Product Listing Types set to Normal Page](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-product-listing-types-wide-grid.webp) ## Step 2: Pick the style and layout Choose a **Style** for the product card and a **Layout** — Grid, Masonry, Metro or Carousel. ## Step 3: Choose which products In **Content > Content Source**: - **Select Category** — [one or more categories](https://theplusaddons.com/docs/display-woocommerce-products-by-category-in-elementor/).- **Include Product(s)** — [specific products by ID](https://theplusaddons.com/docs/show-specific-woocommerce-product-by-product-id-in-elementor/).- **Exclude Product(s)** — product IDs to leave out.- **Display Product** — [featured, on sale, top rated](https://theplusaddons.com/docs/display-featured-products-in-woocommerce-in-elementor/) and more.- **Maximum Posts Display** — how many, default 8. ## Limitations - **Pro only.** The Woo Product Listing widget is not in the free plugin.- **It lists; it does not build the shop page.** For the shop and category pages, use [an archive template](https://theplusaddons.com/docs/create-a-woocommerce-product-archive-page-in-elementor/). ## Related Docs - [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) — every control in the widget.- [Show products in a grid](https://theplusaddons.com/docs/show-woocommerce-products-in-grid-layout-in-elementor/)- [Add a category filter](https://theplusaddons.com/docs/filter-woocommerce-products-by-category-in-elementor/) ## Frequently Asked Questions **Q: Why isn’t the Woo Product Listing widget showing in Elementor?** A: The widget is part of The Plus Addons for Elementor Pro, so it will not appear in the free plugin’s widget panel. It also needs WooCommerce installed and active, with some published products, and the Woo Product Listing widget switched on under ThePlus Settings > Widgets. That combination matters because the listing widget depends on both the addon and product data before it can place products on a custom page. **Q: Can I display WooCommerce products on a landing page or home page instead of the shop page?** A: The Woo Product Listing widget places a product listing on any page you build, including a landing page, campaign page, or home page. That is the main reason it exists: it lets you surface products outside the default WooCommerce shop page. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this inside the Elementor editor without writing code. **Q: What is the best layout for showing products on a custom page in Elementor?** A: Grid is the safest choice when you want a clean product list, while Masonry, Metro, and Carousel fit different visual goals. The widget lets you pick both a Style for the product card and a Layout, so the layout decision affects how dense or promotional the page feels. If you want a straightforward catalog feel, Grid is usually the most predictable option. **Q: Can I use this widget to build my WooCommerce shop page or category pages?** A: The widget lists products on a page, but it does not build the shop page itself. For shop and category pages, the tutorial points to an archive template instead. That distinction matters because a custom landing page listing and a true WooCommerce archive solve different problems: one is for curated placement on any page, the other is for store browsing structure. **Q: What should I read if I need more control over Woo Product Listing settings?** A: The settings overview is the best next stop when you need to understand every control in the widget. The tutorial links to [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/), plus related guides for [showing products in a grid](https://theplusaddons.com/docs/show-woocommerce-products-in-grid-layout-in-elementor/) and [adding a category filter](https://theplusaddons.com/docs/filter-woocommerce-products-by-category-in-elementor/). Those docs help when you want to refine layout or filtering after placing the listing.