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.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
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 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.
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.
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 — every control in the widget.
- Show cross-sell products
- Show related products
