--- title: "How to Show Cross Sell Products in WooCommerce in Elementor?" url: https://theplusaddons.com/docs/show-cross-sell-products-in-woocommerce-in-elementor/ date: 2023-08-08 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do you want to suggest products that go with the one a shopper is viewing — a case with a phone, socks with shoes? Those are cross-sells. The Woo Product..." image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Show-Cross-Sell-Products-in-Woocmmerce-in-Elementor_-1024x536.jpg word_count: 299 --- # How to Show Cross Sell Products in WooCommerce in Elementor? ## - The Plus Addons for Elementor Woo Product Listing widget shows WooCommerce cross-sells on the product page, while WooCommerce normally shows cross-sells on the cart page. - WooCommerce cross-sells are set in Product data > Linked Products, and the Cross-sells field is available on simple and variable products. - Woo Product Listing is Pro only, and it works on single product templates from Nexter Builder or Elementor Pro's Theme Builder when Product Listing Types is set to Cross Sells. Do you want to suggest products that go with the one a shopper is viewing — a case with a phone, socks with shoes? Those are cross-sells. The Woo Product Listing widget in The Plus Addons for Elementor shows them on the product page. *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**. > *WooCommerce normally shows cross-sells on the **cart** page. This listing shows a product's cross-sells on **its own product page** instead.* ## Step 1: Set cross-sells in WooCommerce Edit a product, open **Product data > Linked Products**, and add products to **Cross-sells**. The field is available on simple and variable products. ![The Cross-sells field in WooCommerce Linked Products](https://theplusaddons.com/wp-content/uploads/2023/08/woocommercer-add-cross-sell-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 **Cross Sells**. ![Product Listing Types set to Cross Sells](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-product-listing-types-wide-crosssell.webp) ## Limitations - **Single product pages only.** It reads the cross-sells 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 cross-sells, or the widget is not in 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 upsell products](https://theplusaddons.com/docs/show-upsell-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 cross-sell products on a WooCommerce product page in Elementor?** A: The setup depends on a few specific pieces being in place: WooCommerce installed and active, some published products, a single product template from Nexter Builder or Elementor Pro’s Theme Builder, and the Woo Product Listing widget enabled under ThePlus Settings > Widgets. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this widget as part of the Pro edition, so it will not appear in the free plugin’s widget panel. **Q: How do cross-sells show on the product page instead of the cart page?** A: WooCommerce normally shows cross-sells on the cart page, but the Woo Product Listing widget can display that same cross-sell data on the product page itself. The key detail is that it reads the cross-sells of the product being viewed, so the listing changes based on whichever single product page is open. That makes it useful when you want related add-on items visible before checkout rather than only in the cart. **Q: Why is nothing showing after I add cross-sells to a product?** A: The most common reasons are simple: the product has no cross-sells set, or the widget is not placed inside the single product template. Since this listing only reads cross-sells from the product currently being viewed, an empty Cross-sells field means there is nothing to display. It also only works on single product pages, so placing it elsewhere will not produce results. **Q: Can I use this for variable products as well as simple products?** A: The Cross-sells field is available on both simple and variable products, so both product types can feed this listing. That matters because you are not limited to one catalog structure when building upsell-style recommendations. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses the Woo Product Listing widget to surface those linked products directly on the single product page. **Q: Is there a way to filter or load more cross-sell items in this listing?** A: This listing type has no loading options or filter. That limitation matters because it keeps the output tied tightly to the cross-sells assigned to the current product instead of turning it into a broader browsing widget. If you need more control over how items are displayed, the [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) covers every control available in the widget. **Q: What is the difference between cross-sells, upsells, and related products in Elementor?** A: Cross-sells are products you want to suggest alongside what a shopper is already viewing, like a phone case with a phone or socks with shoes. Upsells and related products are separate use cases covered in other docs: [Show upsell products](https://theplusaddons.com/docs/show-upsell-products-in-woocommerce-in-elementor/) and [Show related products](https://theplusaddons.com/docs/show-related-products-on-a-product-page/). The important distinction here is that cross-sells are shown on the product page through the Woo Product Listing widget.