Limited-time offers
Tell shoppers exactly when the reduced price ends.
Commerce / widget · Elementor module
Variation Sale End Date Widget Plugin for Elementor
Show when the sale ends on the WooCommerce variation a shopper picks, from the sale dates you already set, with the earliest end before a choice.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation sale end dateProduct 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 changes to the size the shopper picks.
02 / Inside WordPress
Variation sale end date controls in Elementor
Product chooses the current product, a selected variable product or one fixed variation, and whether to show the earliest end date before a choice. Display sets the prefix, the prefix before a choice, the date format and an optional icon. The Style tab covers typography, prefix and date colours, background, border, radius, spacing, alignment and the icon.
03 / Website use cases
Where to use variation sale end date
Shoppers are more likely to buy when they know a sale will end, and WooCommerce already stores the end date of each scheduled sale, but it does not show it. Variation sale end date shows that date for the size the shopper picks, and the earliest end date before they choose.
End-of-season sales
Show different end dates for different sizes or colours.
Campaign pages
Show the earliest end date next to a product's add-to-cart form.
04 / Installation and setup
How to show a variation sale end date 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 sale end date in the Complementor library.
In WooCommerce, give each variation on sale a schedule end date under Product data › 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, edit the prefix and the date format.
Style it, then pick sizes on the product page to check the date changes.
05 / Content and style controls
Customize variation sale end date in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the size the shopper picks on the product's options form, and returns when the choice is cleared.
Before a choice, the earliest end date among the sizes on sale, or nothing.
Offers end from … when sizes end on different dates; the normal prefix when they all end together.
Any PHP date format, or the site's own date format.
Dates in the site's time zone inside a time element with a machine-readable value.
Sizes not on sale, or on sale without an end date, show nothing.
Optional icon such as a clock, with colour, size, gap and position.
06 / Choose the right approach
Variation sale end date and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce scheduled sales
Start and end sales automatically but never show the end date to shoppers.
Elementor Pro Countdown widget
Better for one fixed deadline on a landing page; it does not read product sale dates or follow the chosen size.
07 / Requirements and compatibility
Variation sale end date compatibility with Elementor
- Requires Elementor and WooCommerce; works with variable products.
- Reads the sale end dates set in WooCommerce; nothing is scheduled by the widget.
- 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 sale end date
Check these settings if the published page behaves differently from the editor.
Why does nothing show for one size?
That size is not on sale now, or its sale has no end date. Set the schedule under Product data › Variations.
Why is the date a day out?
Dates are shown in the site's time zone. Check Settings › General › Timezone.
Why does it say Offers end from?
Before a choice, sizes on sale end on different dates, so the earliest is shown. Change the words in Prefix before a choice.
Why does it not change when I pick a size?
The product's options form must be on the same page, for example its own product page or a product shortcode.
Variation sale end date plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it end the sale?
No. WooCommerce ends the sale on its schedule; the widget only shows the date.
Can I change the date format?
Yes. Use any PHP date format, such as j F Y, or leave it empty for the site's format.
Is it a countdown?
No. It shows the end date as text; nothing ticks down.
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 sale end date 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.