How to Show Cross Sell Products in WooCommerce in Elementor?

Key Takeaways

  • The Plus Addons for Elementor includes a Product Listing widget that allows users to display cross-selling products on a single product page.
  • Users must add cross-selling products through the Linked Products tab in the Product data section for Simple and Variable products.
  • To show cross-sells, users select Cross Sells from the Product Listing Types dropdown after adding the Product Listing widget to their single product template.
Table Of Content

Cross-selling is a popular technique used by eCommerce businesses to increase their revenue and customer retention. It is a process of offering related or complementary products to the customers who have already made a purchase.

With the help of the Product Listing widget from The Plus Addons for Elementor, you can easily show cross selling products on a single product page.

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 its installed & activated to enjoy all its powers.

To create the single product template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.

Now once you have created the single product template, make sure you’ve added some products to your WooCommerce store. 

Add Cross Selling Products

Then you have to add cross selling products to individual products. 

1. To do so, from the Dashboard, go to Products, go to the product you want to add cross selling products to and click on edit.

2. Then go to the Linked Products tab in the Product data section.

In the Cross-sell field, add the product names.

Note: You can only add cross sell on a Simple and Variable product. 

Woocommercer add cross sell product

Use Product Listing Widget

1. Add the Product Listing widget on the single product template. 

2. Select Cross Sells from the Product Listing Types dropdown, then select the appropriate style and layout.

Product listing cross sells new how to show cross sell products in woocommerce in elementor? From the plus addons for elementor

You can fine-tune the settings and style from other options. 

Now you should be able to see some cross sells products on the single product pages for which you’ve added cross sell products in the backend.

Also, check How to Show Upsell Products in WooCommerce in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if cross-sell products are not showing on my WooCommerce product page?

If cross-sell products aren't appearing, ensure you've added them correctly in the Linked Products tab of the product data section. Only Simple and Variable products can have cross-sells. If you've done this and they still don't show, check that the Product Listing widget from The Plus Addons for Elementor is properly added to your single product template.

Can I use the Product Listing widget to show cross-sell products on any WooCommerce product?

The Product Listing widget can display cross-sell products, but only for products where you've specifically added cross-sells in the backend. Make sure to add these in the Linked Products tab for each individual product you want to feature cross-sells on.

What is the best way to style cross-sell products using The Plus Addons for Elementor?

To style cross-sell products effectively, use the Product Listing widget and select Cross Sells from the Product Listing Types dropdown. You can then choose the appropriate style and layout that fits your site's design. Fine-tuning these settings can enhance visibility and encourage purchases.

What happens after I add cross-sell products to my WooCommerce store?

Once you add cross-sell products, they will appear on the single product pages where you've configured them. This can help increase average order value by suggesting related items to customers at the point of purchase.

Last reviewed: April 11, 2026