Seasonal sales
Show the end date so shoppers do not miss it.
Commerce / widget · Elementor module
Product Sale Status Widget Plugin for Elementor
Show how much a WooCommerce product is reduced, up to how much for products with options, when the offer ends and when a scheduled sale starts.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product sale status badgeProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real sale states
These are the actual published outputs of the widget for real WooCommerce products: on sale and scheduled.
02 / Inside WordPress
Product sale status controls in Elementor
Content sets the product (the current one or a selected product), the texts for on sale, options with different savings, no percentage, the end date, a scheduled sale and no sale, the date format and an optional icon. The Style tab covers typography, colour, alignment, background, border, radius and padding, separate colours for on-sale and scheduled states, the end date colour and the icon.
03 / Website use cases
Where to use product sale status badge
WooCommerce's sale flash only says “Sale!”, so shoppers have to work out the saving themselves and never learn when the offer ends. Product sale status shows the percentage saved from the real regular and sale prices, “Save up to” for products with options, the end date when the sale has one, and “Sale starts” for a sale scheduled in the future. Products without a sale show nothing.
Launch offers
Announce a sale before it starts.
Clearance
Show the largest saving across sizes or colours.
04 / Installation and setup
How to show a sale saving 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 Product sale status in the Complementor library.
Set a sale price, and optional sale dates, on a product.
Add the widget to the product template, or choose a product.
Adjust the texts for each sale state.
Style it and check a product on sale.
05 / Content and style controls
Customize product sale status badge in Elementor
Configure the settings available for this module to suit the page you are building.
Percentage saved, rounded down.
“Save up to” for variable and grouped products.
End date when the sale has one.
“Sale starts” for scheduled sales.
Hidden when there is no sale.
Own colours per state.
06 / Choose the right approach
Product sale status badge and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce's sale flash
Says “Sale!” without the saving or dates.
Typing the saving by hand
Goes wrong when prices change or the sale ends.
07 / Requirements and compatibility
Product sale status badge compatibility with Elementor
- Requires Elementor and WooCommerce.
- Reads sale prices; does not create discounts or coupons.
- Cart and coupon discounts are not included.
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 product sale status badge
Check these settings if the published page behaves differently from the editor.
Why “On sale” without a percentage?
The saving is under 1% or the regular price is missing.
Why no end date?
The sale has no end date, or the options end on different days.
Why is a scheduled sale not shown?
The product needs a sale price and a start date in the future, and the Sale scheduled text must not be empty.
Why is the percentage lower than I expected?
It is rounded down so it never overstates the saving.
Product sale status badge plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Where does it get its information?
From the product's regular price, sale price and sale dates in WooCommerce.
Does it work in a product template?
Yes. Leave Product on Current public product and it follows the product being viewed.
Why does nothing show in some cases?
It stays silent when the information would be missing or untrue. In the editor a short note explains why.
Does it include tax?
The amount saved follows how the shop displays prices; the percentage is the same either way.
10 / Annual All Access subscription
Get product sale status badge 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.