Customer support
Let customers quote an exact code when they get in touch.
Commerce / widget · Elementor module
Product ID Reference Widget Plugin for Elementor
Show a product's SKU or ID as a reference customers can quote, with an optional Copy button, following the chosen variation on variable products.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product ID referenceProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Examples
These are the actual published outputs of the widget for products in our sample shop.
02 / Inside WordPress
Product ID reference controls in Elementor
Content sets the product, whether the SKU, the ID or both are shown, their labels and layout, following the chosen variation, an optional Copy button and an optional icon. The Style tab covers typography, surface, label and value colours, a fixed-width font for values, the icon, spacing and the Copy button.
03 / Website use cases
Where to use product id reference
When customers ask about a product by email or phone, they describe it in their own words, and staff have to guess which item or which variation they mean. Product ID reference shows the SKU, the product ID or both on the product page, with your own labels, and lets customers copy it. On variable products it switches to the chosen variation's reference, so the code they quote is the one they are looking at.
Trade and wholesale
Show stock codes buyers use on their own orders.
Variable products
Show the code of the size or colour actually chosen.
04 / Installation and setup
How to show a product reference 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 ID reference in the Complementor library.
Add the widget to a product template or page.
Choose whether to show the SKU, the ID or both, and set the labels.
Optionally add a Copy button.
Style it and preview a product, including a variable one.
05 / Content and style controls
Customize product id reference in Elementor
Configure the settings available for this module to suit the page you are building.
SKU, ID, or both.
Falls back to the ID without a SKU.
Follows the chosen variation.
Optional Copy button.
Fixed-width values for easy reading.
Respects the WooCommerce SKU setting.
06 / Choose the right approach
Product ID reference and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce product meta
Shows the SKU with categories and tags, without your own labels or a Copy button.
Typing codes into descriptions
Goes out of date and does not follow variations.
07 / Requirements and compatibility
Product ID reference compatibility with Elementor
- Requires Elementor and WooCommerce.
- Shows one product's reference; it does not search by SKU.
- Follows variations on the product's own page only.
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 id reference
Check these settings if the published page behaves differently from the editor.
Why does nothing show with SKU only?
The product has no SKU, or SKUs are turned off in WooCommerce. The editor explains which.
Why does the reference not change when I pick a size?
It follows variations only on the variable product's own page, with Follow the chosen variation on.
Which value does Copy copy?
The SKU when one is shown, otherwise the ID.
Why is a variation's SKU the same as the product's?
WooCommerce uses the product's SKU for a variation that has none of its own.
Product ID reference plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it change product data?
No. It only reads the product's ID and SKU.
Can I rename the labels?
Yes. Both labels are editable, and can be left empty.
Does it work on product archives?
Choose a product in the widget, or place it in a single product template.
Is it accessible?
Yes. The values are plain text, Copy is a real button, and the result is announced.
10 / Annual All Access subscription
Get product id reference 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.