Sale Tag/ Dynamic Sale Badge is a feature that helps e-commerce businesses indicate to customers that a product is on sale or discounted. It is a visual element that appears on a product's image and can be customized to show the percentage discount for price based rules (which includes Product Adjustment, Bulk Discount, Bundle (Set) discount and BOGO rules).

The feature can be enabled using the Discount Rules for Woocommerce plugin. This allows businesses to help customers make informed purchase decisions and promote their products more effectively.

To display a Sale Badge, install and activate our free pack Discount Rules for WooCommerce. We are happy to let you know that Free Pack is sufficient to enable the Sale Badge feature, but the PRO pack offers more advanced features.

Now, let's cover the above topics one by one in detail.

Woocommerce Sale Tag is a visual badge or label that appears on the product image of On Sale products set via WooCommerce. It indicates that the product is currently discounted or on sale, and this feature is available by default in WooCommerce.

To simply put, WooCommerce shows a Sale badge (a.k.a, Sale tag), when your product has both

In the above image,

As you can see, the Sale price is lower than the Regular price. So WooCommerce treats this product as on SALE!. It shows a SALE badge on top of the product image as shown in the below screenshot.

Go to WordPress backend -> WooCommerce -> Discount Rules -> Settings -> Product -> On-sale badge.

Choose the anyone of the available option to enable/ disable sale badge.

Show only after a rule condition is matched exactly : This option enables the sale badge only when the condition is matched exactly.

For example, if you have a discount rule for buying 5 or more caps to get 10% off, the sale badge will only be displayed when the cart contains 4 or more quantities of caps.

Show on products that are covered under any discount rule in the plugin: This option enables the sale badge regardless of whether the condition is met or not.

Let's see with the same example : If you have a discount rule for buying 5 or more caps to get 10% off, the sale badge will be displayed immediately even if there are no products in the cart.

Do not show: This option disables the sale badge for discounted products set through the plugin.

The default style supported by WooCommerce is

You are however free to change the text

Example:

or even add an HTML snippet for more advanced customization.

IMPORTANT!: Change/customize the HTML elements only you know what you are doing.

This can be done using the second checkbox “Force override the label for sale badge (useful when your theme has override for sale badge).”

To display a percentage discount on the sale badge, enable the "I would like to display percentage in sale badge" checkbox.

Note: The % badge is only for price-based rules like Product Adjustment, Bulk Discount, Bundle (Set) Discount, BOGO rules. It will only be shown on products covered by the discount rule when the rule condition is met. Otherwise, the default "Sale!" badge will be displayed.

Let’s take a scenario: 10% discount on Shoe Category on the whole cart.

Choose “Cart Adjustment” as Discount type, “Category” in the Filter section, select category as “Shoes” by entering few characters of that category and set Percentage discount as “10” (You also have options like All products, products, attributes, tags in the filter section and can also have Fixed discounts)

Now, let’s see how, sale badge shows for this cart based rule.

For cart-based rules like Cart Adjustment like above, the "Sale!" tag will be enabled for products in the Shoe category, not the % badge. As we saw above, the % badge is only for price-based rules like Product Adjustment, Bulk Discount, Bundle (Set) Discount, BOGO rules.

Choose “Product Adjustment” as Discount type, “All Products” in the Filter section as this discount is store-wide and set Percentage discount as “10” (You also have options like categories, products, attributes, tags in the filter section and can also have Fixed discounts)

Now, let’s see how, sale badge shows this price based rule (Product Adjustment).

For this price based rule, percentage sale badge will be enabled for products which have a discount set via our plugin.

Choose “Bulk Discount” as Discount type, “All Products” in the Filter section, set minimum quantity as 5 and percentage discount as “20” as first range. (You also have options like categories, products, attributes, tags in the filter section and add additional ranges using the “Add Range” button).

Now, let’s see how the sale badge shows for this price based rule (Bulk Discount).

Since ours is a dynamic sale badge, the percentage badge will be shown on products only when condition matches (ie.., when the cart has 4 quantities next immediate product adding to the cart is eligible for the discount and this will trigger the percentage sale badge to be shown on products)

Please note that this dynamic sale badge is similar for all types of price based rules (which includes Product Adjustment, Bulk Discount, Bundle (Set) discount and BOGO rules) and can be displayed only while condition matches.

Also, if the discount is applied from the very first quantity, then the % sale badge will be shown on all products from the very first quantity.

The Percentage Sale Badge works based on the priority settings you choose when there are multiple rules enabled for the same product. For example, if you set the priority to "Biggest one from matched rule" and have rules for 20% and 30% off, the 30% off Percentage Sale Badge will be displayed on the product.

You can adjust the priority settings under "Apply Discount" in the Discount Rules plugin settings.

Go to WordPress dashboard -> WooCommerce -> Discount Rules -> Settings -> General -> Apply Discount”

To show different sale badge for woocommerce "onsale" products and products which have discount via our plugin:

Step 1: You can exclude woocommerce "onsale" products from discount.

Choose “Product Adjustment” as Discount type, “All Products” as first filter and exclude “Onsale” products in the second filter using the “Add filter” option and set Percentage discount as “10”

Step 2: From the settings tab you can disable the "force override" checkbox, so that different sale badges will be displayed for Woocommerce Onsale products and products which have discounts via our plugin.

Now, let’s see how the sale badge is reflected on Woocommerce Onsale products and for products that have discounts set through the plugin.

If you're looking for additional features, consider upgrading to our PRO version.

Here are some additional resources that you might find helpful:

Do you still have questions or need further assistance? Don't hesitate to contact our support team, we are always here to help you with a smile :)