How to Display Discount Percentage on the Sale Badge in WooCommerce (No Coding Needed)
Here’s how to display the discount percentage on the sale badge in WooCommerce without writing a single line of code.
In this video, I’ll walk you through the exact steps using a free plugin so your customers instantly see how much they’re saving.
✅ Installing the Advanced Woo Labels plugin from your WordPress dashboard
✅ Creating a new label and naming it for easy management
✅ Setting label conditions so the badge only shows on discounted products
✅ Using the {SAVE_PERCENT}% variable to automatically calculate and display the discount percentage
✅ Positioning the badge on product images for maximum visibility
✅ Publishing your label and seeing discount percentages appear on all sale items instantly
🎥 Sections:
0:00 Show discount percentage on WooCommerce sale badge
0:12 Install and activate Advanced Woo Labels plugin
0:17 Create a new discount label in WooCommerce
0:30 Set conditions so the label shows only on sale products
0:40 Configure label text to display discount percentage
1:02 Position the sale badge on product images
1:11 Publish and confirm discount percentage badges are working
👍 Like & Subscribe if you found this helpful!