Discount Gauge

Discount Gauge is a lightweight and user-friendly plugin designed to display the amount or percentage of discounts on both simple and variable products that are on sale. It does not add any extra CSS or JavaScript loading on the front-end, ensuring no negative impact on speed. The plugin’s settings include basic style features, and for further customization of the discount display, you can use CSS for the ID #disgau_discount_total_price. For example:

#disgau_discount_total_price {
    border: 1px dashed #1e73be;
    border-radius: 25px;
    width: 30%;
    text-align: center;
}

Configuration

Go to your WordPress admin dashboard.
Navigate to WooCommerce > Discount Gauge tab
Choose the desired option for displaying the amount or percentage saved.
Save your settings.

Compatibility

This plugin has been tested on WordPress up to version 6.4.2 and Woocommerce up to vrsion 8.3.1.