Accessories
Suggest the case, refill or stand on the product page.
Commerce / widget · Elementor module
Product Cross-Sell Links Widget Plugin for Elementor
List a WooCommerce product's cross-sells as links under a heading such as “Goes well with”, optionally with prices, on the product page.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product cross-sell linksProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real cross-sells
These are the actual published outputs of the widget for a real WooCommerce product with three visible cross-sells: the default list, a card with prices, and links only.
02 / Inside WordPress
Product cross-sell links controls in Elementor
Content sets the product (the current one or a product ID), the heading and its tag, the maximum number of items, whether prices show, and an optional icon. The Style tab covers the heading's typography, colour and spacing, the list's typography, colours and surface, link and hover colours, and the icon.
03 / Website use cases
Where to use product cross-sell links
WooCommerce cross-sells only appear in the cart, so shoppers never see them while deciding on a product. Product cross-sell links lists a product's cross-sells on its own page under a heading you choose, with optional prices, skipping hidden and deleted products.
Consumables
Point to the tea, ink or filters that go with a product.
Bundles without bundling
Show what pairs well without building a bundle.
04 / Installation and setup
How to show cross-sells on a product page in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Product cross-sell links in the Complementor library.
Link cross-sells in the product's Linked Products tab in WooCommerce.
Add the widget to the product template, or choose the product by ID.
Set the heading and whether prices show.
Style it and check the product page.
05 / Content and style controls
Customize product cross-sell links in Elementor
Configure the settings available for this module to suit the page you are building.
The product's cross-sells, in WooCommerce order.
Heading with H2, H3, H4 or paragraph tag.
Optional prices, including sale prices.
Hidden, private and deleted products skipped.
Maximum number of items.
Style: heading, list, links, surface, icon.
06 / Choose the right approach
Product cross-sell links and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Cart cross-sells
WooCommerce shows cross-sells only in the cart. This shows them on the product page.
Upsell blocks
Upsells suggest alternatives; cross-sells suggest additions. This uses the cross-sells you set.
07 / Requirements and compatibility
Product cross-sell links compatibility with Elementor
- Requires Elementor and WooCommerce.
- Cross-sells only.
- Links and prices, no images.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot product cross-sell links
Check these settings if the published page behaves differently from the editor.
Why is nothing shown?
The product has no visible cross-sells. Add them in Linked Products › Cross-sells.
Why is a cross-sell missing?
It is hidden from the catalog, private, a draft, password-protected or deleted.
Why are only some shown?
Raise Maximum items in the Content tab.
Can it show images?
No. It is a compact list of links; use a product grid for images.
Product cross-sell links plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it change the cart?
No. It only links to products.
Are sale prices shown correctly?
Yes. Prices use WooCommerce's own price display, with old and new prices on sale.
Is it accessible?
Yes. It is a real list of links under a heading, and sale prices include screen reader text.
Does it add JavaScript?
No. It is plain HTML and CSS.
10 / Annual All Access subscription
Get product cross-sell links with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.