Custom product pages
Put the live price wherever the layout needs it.
Commerce / widget · Elementor module
Variation Current Price Widget Plugin for Elementor
Show the price of the variation a shopper picks, with sale prices and tax wording as WooCommerce shows them, and the price range or a “From” price before a choice.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation current priceProduct 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 current price controls in Elementor
Content sets the product, whether to follow the shopper's choice, the text before, and the price range, a From price or nothing before a choice. The Style tab covers typography, colours, sale and crossed-out price colours, surface, border and icon.
03 / Website use cases
Where to use variation current price
A variable product's price is a range until the shopper chooses, and on a custom Elementor product page the price often stays a range even after a choice. Variation current price shows the range or a From price first, then the chosen option's exact price, with sale prices and tax wording exactly as WooCommerce prints them.
Feature pages
Show one option's price on a landing page.
Sales
Show the sale price of the chosen option clearly.
04 / Installation and setup
How to add a variation current price 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 current price in the Complementor library.
Place the widget on a product template or next to an add-to-cart form.
Choose the range, a From price or nothing before a choice.
Style the price and sale colours.
Publish and check it on the live page.
05 / Content and style controls
Customize variation current price in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the chosen variation.
Range or From price before a choice.
WooCommerce's own price HTML.
Sale and crossed-out price colours.
One fixed variation as an option.
Hidden on drafts and private products.
06 / Choose the right approach
Variation current price and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce's variation price
Appears under the options form only, and not when all prices are equal.
Elementor Pro Product Price
Shows the product price but does not follow the chosen variation.
07 / Requirements and compatibility
Variation current price compatibility with Elementor
- Requires Elementor and WooCommerce.
- Shows prices only; it does not change them or add products to the cart.
- 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 current price
Check these settings if the published page behaves differently from the editor.
Why does the price not change?
The page needs the product's options form and the module's script. Check the product page or add the add-to-cart shortcode.
Why is tax wording shown?
WooCommerce adds it from the tax settings; the widget shows its price HTML as is.
Why does the From text show no price?
The text must contain {price}; otherwise “From {price}” is used.
Why is nothing shown?
The product has no price, or it is not published; the editor shows a hint.
Variation current price plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it need WooCommerce?
Yes. Prices come from WooCommerce.
Does it show sale prices?
Yes, as WooCommerce shows them: the regular price crossed out and the sale price.
Is it accessible?
Yes. It uses WooCommerce's price markup, which includes screen reader text for sale prices.
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 current price 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.