How to Add a Sale Tag in WooCommerce (2023)

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:

Upload merchant plugin in WordPress, annotated screenshot

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):

Location of Merchant's Product Labels module in the WordPress admin area, annotated screenshot

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:

Location of the 'Sale' text label option on the module's page in the Merchant dashboard, annotated screenshot

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:

Location of the module's Display Sale Percentage option, annotated screenshot

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:

Frontend view of the SALE labels on a WooCommerce product page

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:

Location of the 'Sale price' option on a WooCommerce product page in the WordPress admin area

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:

The design settings of Merchant's Product Labels module

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:

Location of the Preview link and Enable button on the admin page of the Product Labels module

That’s it. You have now added the sale tag functionality to your WooCommerce store.

Wrapping Up

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.

Check out all of Merchant’s awesome features or spin up a demo to see how it works on a live WordPress site (you can even use the demo site to follow the steps of this tutorial).

Do you have any questions about how to add a sale tag to your WooCommerce store? Let us know in the comment section below.

Share This Article:
Facebook Twitter

Leave a Reply

Your email address will not be published. Required fields are marked *