International shoppers
Show pounds and kilograms side by side.
Commerce / widget · Elementor module
Variation Weight Converter Widget Plugin for Elementor
Show the weight of the WooCommerce variation a shopper picks in another unit, such as 0.5 lbs (0.23 kg), updating as they choose.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation weight unit converterProduct 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 variable product in the lab shop; on a product page the weight follows the shopper’s choice.
02 / Inside WordPress
Variation weight converter controls in Elementor
Product chooses the current product, a selected variable product or one fixed variation, and what to show before a choice. Display sets the unit to convert to, decimal places, dropping trailing zeros, the text with {converted} and {store}, a prefix and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, prefix and weight colours, and the icon.
03 / Website use cases
Where to use variation weight unit converter
WooCommerce stores every weight in one unit, but shoppers abroad think in another. Variation weight converter shows the weight of the option the shopper picks in kilograms, grams, pounds or ounces, alone or beside your store’s unit, and the range before they choose.
Postage
Show the weight in grams to help shoppers estimate shipping.
Bulk goods
Show 1 lb (0.45 kg) for each pack size.
04 / Installation and setup
How to show a variation’s weight in another unit 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 weight converter in the Complementor library.
Enter each variation’s weight in WooCommerce, in the store’s weight unit.
Add the widget to a single product template, or to a page with the product’s add-to-cart form.
Choose the unit to convert to and write the text, such as {store} ({converted}).
Pick an option on the product page to check the weight changes.
05 / Content and style controls
Customize variation weight unit converter in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the shopper’s choice in the product’s add-to-cart form.
Convert to kilograms, grams, pounds or ounces.
Text with {converted} and {store}, such as {store} ({converted}).
Decimal places and dropping trailing zeros.
The shared weight or the range before a choice, or nothing.
Variations without a weight use the product’s, as WooCommerce does.
Prefix, weight colours and an optional icon.
06 / Choose the right approach
Variation weight unit converter and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Additional information tab
Shows the weight in the store’s unit only, once a variation is chosen.
Variation measurements
Shows dimensions and weight together in the store’s units.
07 / Requirements and compatibility
Variation weight unit converter compatibility with Elementor
- Requires Elementor and WooCommerce.
- Variable products and their published variations only.
- Shows public products 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 variation weight unit converter
Check these settings if the published page behaves differently from the editor.
Why is the conversion wrong?
The weights must be entered in the store’s weight unit, set under WooCommerce › Settings › Products. The editor shows which unit that is.
Why does nothing show before a choice?
Some options have no weight, or Before the shopper chooses is set to Nothing.
Why does the weight not change when I pick an option?
The widget follows the add-to-cart form of the same product on the page. Add the form alongside it.
Why does it say 1 lbs?
It uses WooCommerce’s unit labels. Use {converted} alone or a prefix to word it differently.
Variation weight unit converter plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Which units can it convert to?
Kilograms, grams, pounds and ounces.
Does it change shipping weights?
No. It only displays a converted copy of the weight.
Can it show both units?
Yes. Use {store} ({converted}) in the text.
Does it work with simple products?
No. It is for variable products and their variations.
10 / Annual All Access subscription
Get variation weight unit converter 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.