A sales badge is a small banner displayed on a product page or in a product listing, and it is typically used to highlight a sale or promotion.
By default, WooCommerce includes a basic sales badge that displays the percentage discount for a product, but store owners can also customize the text and appearance of the badge to suit their needs better.
In this tutorial, I’ll show you how to add custom sales badge text in WooCommerce, so that you can effectively promote your sales and drive more conversions.
Benefits of Custom Sales Badge Text
Here are a few benefits of adding custom sales badge text in WooCommerce:
- Attract attention: By customizing the text and appearance of the badge, store owners can make it stand out and effectively communicate the promotion details.
- Increase conversions: By highlighting the savings or benefits of a promotion, a sales badge can help to drive more conversions and increase sales.
- Improve user experience: Custom sales badge text can help improve customers’ experience by providing them with clear and accurate information about promotions and sales.
- Flexibility: By using custom sales badge text, store owners have the flexibility to tailor the language and appearance of the badge to match the tone and branding of their store.
From launching to customizing your WooCommerce stores, Cloudways is at your service.
Whether you’re a beginner or an expert, Cloudways Platform is based on UI, where you can create and customize your online store in a few seconds.
Default Sales Badge Text in WooCommerce
Some WooCommerce store owners don’t like the default sale badge text and want to customize it, e.g., 50% off. By default, it looks like this:
Add Custom Sales Badge in WooCommerce
To customize sales badge text in WooCommerce, you just need to add the following code to the functions.php file of your theme.
add_filter('woocommerce_sale_flash', 'woocommerce_custom_sale_text', 10, 3);
function woocommerce_custom_sale_text($text, $post, $_product)
{
return '<span class="onsale">50% Off</span>';
}
After adding the code, your sales badge text will look like this:
Summary
The sale badge text is the most eye-catching portion of the product viewer. You can also include event names such as Black Friday, Christmas, and others to attract buyers and mention your deals and discount offers. This can help attract customers’ attention, increase conversions, and improve the user experience. Additionally, don’t forget to prepare for BFCM Prepathon. This event will provide you with invaluable insights and strategies to make the most out of the upcoming holiday sales season. Get ready to seize the BFCM opportunity!
Owais Khan
Owais works as a Marketing Manager at Cloudways (managed hosting platform) where he focuses on growth, demand generation, and strategic partnerships. With more than a decade of experience in digital marketing and B2B, Owais prefers to build systems that help teams achieve their full potential.
