--- title: "How to Show Upsell Products in WooCommerce in Elementor?" url: https://theplusaddons.com/docs/show-upsell-products-in-woocommerce-in-elementor/ date: 2023-08-08 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do you want to suggest a better or bigger version of the product a shopper is looking at? Those are upsells, and they belong right on the product page. The..." image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Show-Upsell-Products-in-Woocmmerce-in-Elementor_-1024x536.jpg word_count: 309 --- # How to Show Upsell Products in WooCommerce in Elementor? ## - The Woo Product Listing widget in The Plus Addons for Elementor shows the upsells set in WooCommerce in a custom card design on the product page. - WooCommerce upsells are added by editing a product, opening Product data > Linked Products, adding products to Upsells, and updating the product. - The Woo Product Listing widget is Pro only, works on single product pages only, and shows nothing on a product without upsells. Do you want to suggest a better or bigger version of the product a shopper is looking at? Those are upsells, and they belong right on the product page. The Woo Product Listing widget in The Plus Addons for Elementor shows the upsells you set in WooCommerce, in your own card design. *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.- **A single product template** from [Nexter Builder](https://nexterwp.com) or Elementor Pro's Theme Builder.- **Widget to enable:** Woo Product Listing, switched on under **ThePlus Settings > Widgets**. ## Step 1: Set upsells in WooCommerce Edit a product, open **Product data > Linked Products**, and add products to **Upsells**. Update the product. ![The Upsells field in WooCommerce Linked Products](https://theplusaddons.com/wp-content/uploads/2023/08/woocommercer-add-upsell-product.png) ## Step 2: Add the listing to the product template Edit the single product template, drag in the **Woo Product Listing** widget, and set **Product Listing Types** to **Upsells**. ![Product Listing Types set to Upsells](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-product-listing-types-wide-upsell.webp) ## Step 3: Check a product page Open a product that has upsells. The listing shows them; on a product without upsells it shows nothing. ## Limitations - **Single product pages only.** It reads the upsells of the product being viewed.- **No loading options or filter** on this listing type.- **Pro only.** The Woo Product Listing widget is not in the free plugin. ## Troubleshooting ### Nothing appears The product has no upsells set, or the widget is on a normal page rather than the single product template. ## Related Docs - [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) — every control in the widget.- [Show cross-sell products](https://theplusaddons.com/docs/show-cross-sell-products-in-woocommerce-in-elementor/)- [Show related products](https://theplusaddons.com/docs/show-related-products-on-a-product-page/) ## Frequently Asked Questions **Q: What do I need before showing upsell products on a WooCommerce product page in Elementor?** A: The setup depends on a Pro-only widget and a proper single product template. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides the Woo Product Listing widget, but it only appears in the widget panel when the free plugin is not enough and Pro is active. You also need WooCommerce installed and active, some published products, and a single product template from Nexter Builder or Elementor Pro's Theme Builder. **Q: How do I make upsell products appear on a WooCommerce product page?** A: Upsells show up when the product has them assigned in WooCommerce and the product template uses the Woo Product Listing widget set to Upsells. The key detail is that this widget reads the upsells from the product being viewed, so the listing is driven by product data, not by a manual list on the page. That makes it a clean way to keep recommendations tied to each product. **Q: Why are my upsell products not showing on the product page?** A: The usual cause is either no upsells were added to that product or the widget was placed on a normal page instead of a single product template. The listing only works on single product pages and it reads the upsells of the current product being viewed. If nothing appears, check whether the product actually has Upsells set in Product data > Linked Products. **Q: Can I use the Woo Product Listing widget for upsells on normal pages?** A: No, this listing type is built for single product pages only. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses the current product context to read its upsells, so it needs a single product template from Nexter Builder or Elementor Pro's Theme Builder. On a normal page, there is no current product for it to pull from. **Q: What happens if a product has no upsells set?** A: Nothing displays for that listing on that product page. That behavior matters because it keeps empty recommendation blocks from cluttering the layout when there is no linked upsell data. If you want something visible there, you need to add products under Product data > Linked Products > Upsells first. **Q: Is there another way to show related products instead of upsells?** A: The same widget family includes separate options for cross-sell products and related products. The related docs point to [Show cross-sell products](https://theplusaddons.com/docs/show-cross-sell-products-in-woocommerce-in-elementor/) and [Show related products](https://theplusaddons.com/docs/show-related-products-on-a-product-page/), so if upsells are not the right recommendation type, those are the other two paths in this workflow.