Bulky sizes
Warn that the largest size travels by a different courier.
Commerce / widget · Elementor module
Variation Shipping Class Label Widget Plugin for Elementor
Show the shipping class of the WooCommerce option a shopper picks, such as Oversized, with its description and Varies by option before a choice.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation shipping class labelProduct 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 the value follows the size the shopper picks.
02 / Inside WordPress
Variation shipping class label 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 prefix, the label for options without a class, the class description, the text when options differ and an optional icon. The Style tab covers typography, prefix, class and description colours, background, border, radius, spacing, alignment and the icon.
03 / Website use cases
Where to use variation shipping class label
Large or fragile options often ship differently, and shoppers are surprised at checkout when they do. WooCommerce assigns a shipping class to each variation but never shows it on the product page. Variation shipping class label names the class of the option the shopper picks, with the description you wrote for it, before they reach the basket.
Fragile items
Explain the special packing some options need.
Furniture and large goods
Show which finishes or sizes are delivered on a pallet.
04 / Installation and setup
How to show a variation shipping class 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 shipping class label in the Complementor library.
In WooCommerce, create shipping classes under Settings › Shipping › Classes and set them on the product and its variations.
Add the widget to your single product template, or to a page that also shows the product's add-to-cart form, and choose the product in Product.
In Display, add a prefix such as Shipping:, set the label for options without a class and turn on the class description if you like.
Style it, then pick options on the product page to check the class changes.
05 / Content and style controls
Customize variation shipping class label in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the option the shopper picks on the product's options form, and returns when the choice is cleared.
Class names come from WooCommerce › Settings › Shipping › Classes.
Same as parent options show the product's class.
Optional class description, such as Sent by two-person courier.
Label for options without a class, or nothing.
Before a choice, the shared class, or Varies by option when classes differ.
One fixed variation can be shown anywhere instead.
06 / Choose the right approach
Variation shipping class label and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce shipping calculator
Shows costs in the basket; use it for prices rather than an explanation on the product page.
Elementor Pro Product Meta widget
Shows SKU, categories and tags; it does not show shipping classes.
07 / Requirements and compatibility
Variation shipping class label compatibility with Elementor
- Requires Elementor and WooCommerce; works with variable products.
- Shows shipping class names and descriptions only, not costs.
- Follows the choice only on pages that show the product's options form.
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 shipping class label
Check these settings if the published page behaves differently from the editor.
Why does it say No shipping class?
Neither the option nor its product has a class. Set one in WooCommerce, or clear the label to show nothing.
Why does an option show the product's class?
Its shipping class is Same as parent, so it uses the product's class, as WooCommerce does at checkout.
Why is the description missing?
Turn on Add the class description, and write a description for the class under Settings › Shipping › Classes.
Why does it not change when I pick an option?
The product's options form must be on the same page, for example its own product page or a product shortcode.
Variation shipping class label plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it show shipping costs?
No. Costs depend on the address and shipping zone; the widget shows the class name and description.
Does it change shipping settings?
No. It only reads the class of each option.
Can I write my own wording?
Yes. The prefix, the no-class label and the text when options differ are editable, and the class name and description come from WooCommerce.
Does it need JavaScript?
Only to follow the shopper's choice; without it the starting value is shown.
10 / Annual All Access subscription
Get variation shipping class label 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.