Looking for ways to add a sale tag to your WooCommerce products?
Showing sale tags on the top of the relevant product images is a great eCommerce technique to draw customer attention to your offers and gently nudge them to buy products from your store. The sale tag can also help you clear stock quickly.
Since WooCommerce doesn’t offer a sale tag feature out of the box, you’ll need to rely on third-party tools to implement it in your eCommerce store.
In this tutorial, I’ll show you how to add this useful feature to your WooCommerce store using the free Merchant plugin.
1. Install and Activate the Merchant Plugin
Merchant is a powerful free WooCommerce plugin with 15+ different modules that help you improve customer experience in your store.
Product Labels is one of Merchant’s modules, which allows you to add a sale tag (or any other label) to your products.
To add the module to your WordPress site, first you need to install the plugin. You can download it from here by clicking the Free Download button.
Once it’s downloaded, open your WordPress dashboard, go to Plugins → Add New → Upload Plugin → Choose File, upload the
file, then hit the Install Now and Activate buttons:
2. Open the Product Labels Module
After installing the plugin, you’ll see a new Merchant menu in the left sidebar of your WordPress admin area. Click it to get to the Merchant dashboard.
Here, in the Convert More section, click the Product Labels module to open its settings page where you can customize, preview, and enable the sale tags (or any other product labels you want to show on top of your product images):
3. Add the SALE Tag
Before enabling the module on your site, scroll down to the Settings section where you can configure the available options.
Enter SALE (or your preferred text) into the Label Text field. Then, hit the Save button in the top-right corner of the page to save the changes:
If you don’t want to use a text-based sale tag, you can also display a percentage label by checking the Display Sale Percentage checkbox:
Next, open your Shop page and check out what the SALE label looks like on the frontend of your WooCommerce store.
Merchant will display the sale tags on top of the product images on both the Shop page and the individual product pages:
You’ll notice that the sale tags only appear on products that have both a regular and a sale price.
If you don’t see a sale tag on certain products it’s because you haven’t added the sale price to the product data. Open the WooCommerce product page, add the sale price, and update the product:
4. Configure the Design Settings
The Merchant plugin also allows you to customize the design of the sale tag.
The design settings are below the Label Text option. You can change the position, shape, letter case, padding, font size, background color, and text color of the sale tag.
Configure all the options, then hit the Save button in the top-right corner of the page to save your settings:
5. Enable the Product Labels Module
Before activating the module, you can check what it will look like on the frontend of your site by clicking the Preview link at the top of the page.
If everything looks as expected, click the Enable button to activate the Product Labels module:
That’s it. You have now added the sale tag functionality to your WooCommerce store.
Adding a sale tag to the products on your WooCommerce website can help clear your stocks quickly and boost your revenue.
Since WooCommerce doesn’t offer a native sale tag feature, you need to use a third-party tool, such as Merchant, to implement it on your website.
Merchant is a powerful free plugin designed to improve your store’s conversion rate and user experience. Beyond the Product Labels module, it comes with many other highly sought-after eCommerce features that you can turn on and off with the click of a button.
Do you have any questions about how to add a sale tag to your WooCommerce store? Let us know in the comment section below.