Affiliate product pages
Place a clearly marked sponsored buy button near your review or comparison.
Commerce / widget · Elementor module
External Product Buy Link Plugin for Elementor
Link a WooCommerce external or affiliate product to its merchant URL as a styled button, with new-tab, nofollow and sponsored options.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / External product buy linkProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Buy buttons from real WooCommerce external products
These are the actual published outputs of the widget for sample external products: the default button with the product's own text, a styled affiliate button with an icon, your own label opening in the same tab, and a product without button text.
02 / Inside WordPress
External product buy link controls in Elementor
Content › Source uses the current product or a selected published external product. Behaviour sets new tab, rel="nofollow" and rel="sponsored". Display sets an optional label override, an icon and its position. The Style tab covers alignment, typography and colours, background, border, shadow, Hover and Focus states, corner radius, padding, and icon gap and size.
03 / Website use cases
Where to use external product buy link
WooCommerce external and affiliate products send shoppers to another site, but placing that link elsewhere on the page means copying URLs by hand. External product buy link reads the product URL and button text saved in WooCommerce and shows them as a button you can style, with options to open a new tab and mark the link nofollow or sponsored.
Maker and marketplace listings
Send shoppers to a maker's own shop from a product page in your catalogue.
Product templates
Use one template for every external product; each button links to its own merchant URL.
04 / Installation and setup
How to add an external product buy button in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor and WooCommerce, connect your license and enable External product buy link in the Complementor library.
Create an External/Affiliate product in WooCommerce with its Product URL and, optionally, Button text.
Add the widget to a single product template or the product page, or choose a Selected product in Content › Source.
Choose new tab, nofollow and sponsored to match how the link is paid or placed.
Style the button, publish, and click it to check the merchant page opens.
05 / Content and style controls
Customize external product buy link in Elementor
Configure the settings available for this module to suit the page you are building.
Source: the current product, or a selected published external product from a picker.
Uses the Product URL saved in WooCommerce; only http and https links are printed.
Label from the product's Button text, your own override, or 'Buy now'.
Open in a new tab with rel="noopener" and screen-reader text, plus optional rel="nofollow" and rel="sponsored".
Optional icon before or after the label, with gap and size.
Style: typography, colours, background, border, shadow, Hover and Focus states, radius and padding.
06 / Choose the right approach
External product buy link and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce's external product button
WooCommerce already shows a button to the Product URL in the product summary. Use it there; use this widget to place and style the same link anywhere, with nofollow and sponsored options.
Elementor Button widget
A Button widget needs the URL typed in by hand for each product. This widget reads the URL from WooCommerce, so templates stay correct.
07 / Requirements and compatibility
External product buy link compatibility with Elementor
- Requires Elementor and WooCommerce; External/Affiliate products only.
- One link per widget, to the product's saved URL.
- The product picker lists up to 200 published external products.
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 external product buy link
Check these settings if the published page behaves differently from the editor.
Why is the button not showing?
The product must be a published External/Affiliate product with a Product URL starting with http or https. Simple and variable products show nothing; the editor explains why.
Why does the button say 'Buy now'?
The product has no Button text in WooCommerce and the widget label is empty. Set either one.
Should I use nofollow or sponsored?
Use rel="sponsored" for paid or affiliate links, as search engines recommend. nofollow is a general hint not to pass ranking credit.
Why is the button in my theme's link colour?
The default outlined button uses your theme's link colour so it fits any site. Set Text colour and Background in the Style tab to change it.
External product buy link plugin questions
Does it add the product to the cart?
No. External products are bought on the merchant's site; the button is a link there.
Does it need Elementor Pro?
No. It works with Elementor and WooCommerce; Elementor Pro lets you place it in single product templates.
Does it change the affiliate URL?
No. It prints the Product URL exactly as saved in WooCommerce and never adds tracking.
Is the new-tab behaviour accessible?
Yes. Links that open a new tab include hidden '(opens in a new tab)' text for screen readers and rel="noopener".
Can it show the price too?
No. It is only the buy link. Use a price widget beside it.
10 / Annual All Access subscription
Get external product buy link 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.