Home Tutorials How to Add a Sale Tag in WooCommerce (2023)

How to Add a Sale Tag in WooCommerce (2023)


In search of methods to add a sale tag to your WooCommerce merchandise?

Exhibiting sale tags on the highest of the related product pictures is a nice eCommerce method to draw buyer consideration to your presents and gently nudge them to purchase merchandise out of your retailer. The sale tag may also assist you clear inventory shortly.

Since WooCommerce doesn’t supply a sale tag function out of the field, you’ll want to depend on third-party instruments to implement it in your eCommerce retailer.

On this tutorial, I’ll present you the way to add this handy function to your WooCommerce retailer utilizing the free Service provider plugin.

1. Set up and Activate the Service provider Plugin 

Service provider is a highly effective free WooCommerce plugin with 15+ totally different modules that assist you enhance buyer expertise in your retailer.

Product Labels is one in every of Service provider’s modules, which permits you to add a sale tag (or some other label) to your merchandise.

So as to add the module to your WordPress website, first you want to set up the plugin. You possibly can obtain it from right here by clicking the Free Obtain button. 

As soon as it’s downloaded, open your WordPress dashboard, go to Plugins → Add New → Add Plugin → Select File, add the
service provider.zip
file, then hit the Set up Now and Activate buttons:

Upload merchant plugin in WordPress, annotated screenshot

2. Open the Product Labels Module

After putting in the plugin, you’ll see a new Service provider menu in the left sidebar of your WordPress admin space. Click on it to get to the Service provider dashboard.

Right here, in the Convert Extra part, click on the Product Labels module to open its settings web page the place you’ll be able to customise, preview, and allow the sale tags (or some other product labels you need to present on prime of your product pictures):

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

3. Add the SALE Tag

Earlier than enabling the module in your website, scroll down to the Settings part the place you’ll be able to configure the obtainable choices.

Enter SALE (or your most popular textual content) into the Label Textual content area. Then, hit the Save button in the top-right nook of the web page to save the modifications:

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

When you don’t need to use a text-based sale tag, you too can show a share label by checking the Show Sale Share checkbox:

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

Subsequent, open your Store web page and take a look at what the SALE label appears like on the frontend of your WooCommerce retailer.

Service provider will show the sale tags on prime of the product pictures on each the Store web page and the person product pages:

Frontend view of the SALE labels on a WooCommerce product page

You’ll discover that the sale tags solely seem on merchandise which have each a common and a sale value.

When you don’t see a sale tag on sure merchandise it’s since you haven’t added the sale value to the product information. Open the WooCommerce product web page, add the sale value, and replace the product:

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

4. Configure the Design Settings 

The Service provider plugin additionally permits you to customise the design of the sale tag.

The design settings are under the Label Textual content possibility. You possibly can change the place, form, letter case, padding, font measurement, background shade, and textual content shade of the sale tag.

Configure all of the choices, then hit the Save button in the top-right nook of the web page to save your settings:

The design settings of Merchant's Product Labels module

5. Allow the Product Labels Module

Earlier than activating the module, you’ll be able to verify what it is going to appear to be on the frontend of your website by clicking the Preview hyperlink on the prime of the web page.

If all the pieces appears as anticipated, click on the Allow 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 might have now added the sale tag performance to your WooCommerce retailer.

Wrapping Up

Including a sale tag to the merchandise in your WooCommerce web site can assist clear your shares shortly and enhance your income.

Since WooCommerce doesn’t supply a native sale tag function, you want to use a third-party software, corresponding to Service provider, to implement it in your web site.

Service provider is a highly effective free plugin designed to enhance your retailer’s conversion charge and person expertise. Past the Product Labels module, it comes with many different extremely sought-after eCommerce options which you could activate and off with the press of a button.

Try all of Service provider’s superior options or spin up a demo to see the way it works on a reside WordPress website (you’ll be able to even use the demo website to comply with the steps of this tutorial).

Do you’ve got any questions on how to add a sale tag to your WooCommerce retailer? Tell us in the remark part under.