When building your eCommerce website with WooCommerce and Astra Pro, you may want to customize the look of the Sale Notifications (also known as the Sale Badge) that appear on products. This can be done through the Misc module in Astra Pro, allowing you to design the badge to match your brand’s style.
In this guide, we’ll walk you through the steps to modify the sale badge and explain how you can use this feature to enhance the visual appeal of your website and improve conversions.
How to Change the Design of the Sale Badge?
To customize the sale badge for all products:
- Go to Appearance > Customize > WooCommerce > Misc > Sale Notifications.
This will bring up the options for modifying how sale notifications appear on your website.
Look at the below-attached image for a better understanding of how sale notifications will reflect on the front end when you make changes.
To change the color of the Sale badge, navigate to the ‘Design’ tab.
Under ‘General Colors’, you can see the sale badge color option. You can set the sale badge text, and background/border color here.
This feature provides users with the flexibility to customize the appearance of sale badges, allowing them to align the design with their brand identity and website aesthetics.
By enabling users to modify the color of sale badges, Astra empowers businesses to create visually appealing and attention-grabbing promotional elements.
This customization option ensures that sale badges seamlessly integrate into the overall design of a website, enhancing the user experience and maintaining brand consistency.
We hope this article was helpful. Feel free to leave a comment or question below if you need further assistance.
