Custom product cards
Head a card with the linked product name.
Commerce / widget · Elementor module
Product Title Link Widget Plugin for Elementor
Show a WooCommerce product's name linked to its page, as a heading or text, in custom product cards, menus and landing pages.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product title linkProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
See it
These are the actual published outputs of the widget for a sample product. On a product page or template it shows the current product.
02 / Inside WordPress
Product title link controls in Elementor
Product chooses the current product or a selected one. Display sets the HTML tag, the link and new-tab options, a prefix outside the link and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, when the link is underlined, link, hover and prefix colours, and the icon.
03 / Website use cases
Where to use product title link
Custom product cards and landing pages need the product's real name, linked to its page, without retyping it each time the name changes. Product title link reads the name from WooCommerce and links it, as a heading or text, with its own underline and colours that hold up under the theme.
Landing pages
Link to a featured product by its real name.
Single product templates
Place the name exactly where your layout needs it.
04 / Installation and setup
How to add a product title link 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 title link in the Complementor library.
Add the widget to a single product template, a product card or a landing page.
In Product, choose Current product or pick a selected product.
In Display, choose the HTML tag, keep or switch off the link, and add a prefix if you like.
Style the text, link and underline on the Style tab, then hover and tab to the link to check it.
05 / Content and style controls
Customize product title link in Elementor
Configure the settings available for this module to suit the page you are building.
Current product on product pages and templates, or any published product.
HTML tag from H1 to H6, P, Div or Span; headings keep the theme's heading style.
Link on or off, optionally in a new tab.
Optional prefix shown outside the link, such as Featured:.
Underline on hover and focus, always or never.
Link, hover and prefix colours that hold up under the theme.
Draft, private and password-protected products show nothing.
06 / Choose the right approach
Product title link and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Elementor Pro Product Title widget
Shows the current product's title on templates; use it when you need no link or selected product.
Elementor Heading widget with a link
Fine for one fixed name, but it does not update when the product is renamed.
07 / Requirements and compatibility
Product title link compatibility with Elementor
- Requires Elementor and WooCommerce.
- Shows public products only; drafts, private and password-protected products show nothing.
- Shows the product name; prices and images come from other widgets.
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 title link
Check these settings if the published page behaves differently from the editor.
Why does nothing show on the page?
The product is not published, is private or password-protected, or the page is not a product and no product is selected.
Why is my heading the size of body text?
A Typography setting overrides it. Clear the font size under Style, or set the size you want.
Why is the link not underlined?
By default it is underlined on hover and focus. Choose Always under Underline the link.
Why does the editor show a note?
The page you are editing is not a product. Pick a selected product, or edit a product template.
Product title link plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does the name update when I rename the product?
Yes. The name is read from WooCommerce each time the page loads.
Is the prefix part of the link?
No. It sits before the link, so the link text is just the product name.
Can I show the name without a link?
Yes. Switch off Link to the product.
Does it work with keyboards?
Yes. The link is reachable with Tab and shows a visible focus outline.
10 / Annual All Access subscription
Get product title 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.