Trade and phone orders
Let buyers quote the exact option code.
Commerce / widget · Elementor module
Variation SKU Widget Plugin for Elementor
Show the SKU of the variation a shopper picks on a variable product, the product's own SKU before a choice, or one fixed variation's SKU.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation SKUProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget for the sample Merino scarf. On a product page they change with the chosen colour.
02 / Inside WordPress
Variation SKU controls in Elementor
Content sets the product (current, selected or one fixed variation), whether to follow the shopper's choice, the text before, what shows before a choice and what to do when a variation has no SKU of its own. The Style tab covers typography, colours, surface, border and icon.
03 / Website use cases
Where to use variation sku
On a variable product the SKU that matters is the chosen option's: the navy scarf, not the scarf. Stores need it for phone orders, trade customers and stock checks, but a custom product page built in Elementor has nowhere to show it that changes with the shopper's choice. Variation SKU shows the product's SKU (or a prompt) before a choice and the chosen variation's SKU straight after, on the product page or next to an add-to-cart form.
Custom product pages
Show the SKU anywhere in an Elementor layout.
Feature pages
Show one option's code on a landing page.
04 / Installation and setup
How to add a variation sku 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 Variation SKU in the Complementor library.
Place the widget on a product template or next to an add-to-cart form.
Choose what shows before the shopper picks an option.
Style the SKU.
Publish and check it on the live page.
05 / Content and style controls
Customize variation sku in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the chosen variation.
Product SKU or a prompt before a choice.
Uses the default variation when one is set.
One fixed variation as an option.
Falls back to the product SKU, as WooCommerce does.
Hidden on drafts and private products.
06 / Choose the right approach
Variation SKU and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce product meta
Updates the SKU too, but only in its fixed meta block on the default template.
A static text widget
Cannot change with the shopper's choice.
07 / Requirements and compatibility
Variation SKU compatibility with Elementor
- Requires Elementor and WooCommerce.
- Shows SKUs only; it does not search or edit them.
- Full-page caches keep the value until they are refreshed.
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 variation sku
Check these settings if the published page behaves differently from the editor.
Why does it not change when I pick a colour?
The page needs the product's options form, and the module's script must be loaded. Check the product page or add the add-to-cart shortcode.
Why does a variation show the product's SKU?
That variation has no SKU of its own. Choose “Show nothing” to hide it instead.
Why is nothing shown in the editor?
The product is not published or has no SKU; the editor shows a hint.
Can I show one option only?
Yes. Choose One fixed variation and pick it from the list.
Variation SKU plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it need WooCommerce?
Yes. It reads the product and its variations from WooCommerce.
Does it work on simple products?
Yes. It shows the product's own SKU.
Is it accessible?
Yes. It is plain text that updates in place after the shopper's own choice.
Is the value saved into the page?
No. It is read live each time the page is built, so it stays up to date.
10 / Annual All Access subscription
Get variation sku 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.