How to Add Promotional Badge on WooCommerce Products to Improve Conversions? (Eg: % Off, New, Hot, Trending, Sale)
Do you want to add promotional badge on WooCommerce products to highlight your offers, discounts, latest products, trending products, featured products and so on? If you are then, you are in the right place. In this blog, we will discuss a short tutorial to show you how to add promotional badges on your WooCommerce products. These badges can play a major role to attract the attention of your visitors and make them easy to distinguish the type of product on your eCommerce store.
What are the Benefits to Add Promotional Badge on your WooCommerce Products?
There are different benefits to add the badges on the products of your online shop. Some of them are:
- Make your product list more organized and informative
- Let your users easily distinguish latest products, featured products, trending products, etc
- Easy promotion for the products that you want to sale the most
- Allow your customers to make quick decision to make the purchase
- Increase the conversions of your online store
How to Add Promotional Badge on WooCommerce Products?
By default, WooCommerce plugin comes with inbuilt feature to add “SALE!” and inbuilt shortcode to “Featured Products”. However, if you want to add attractive badges on your products then, the default options provided by the WooCommerce plugin might turn out to be limited. So, in order to add appealing badges to effectively improve the conversions of your WooCommerce product, you might consider using WooCommerce promotional badge plugins available. These plugins come with different templates and customization options to design awesome badges and place them on any location of your product list.
Here, in this article, we will be using a premium WordPress plugin – Woo Badge Designer. It is one of the most feature-rich badge manager plugins for WooCommerce packed with beautifully designed badge templates and tons of advanced features to design the most appealing promotional badges and add them on the different location of your product list. Moreover, the plugin also allows you to attach the countdown timer on your products to display the expiry date for your offers.
Some of the Great Features of Woo Badge Designer:
- 60+ Unique Badge Designs
- Create Unlimited Badges
- Add Text, Icons or Both on Badges
- 10 Pre-designed Timer Templates to Set Countdown Timer on Badge
- Add Tooltips (Short Information) on Badges
- Color Customization for Badge Title, Background, Timer and Tooltips
- 6 Different Positions to Set the Badges on Products
- Live Preview to View All the Changes Live
With that being said, let’s get started with this step by step guide and add some attractive badges for your WooCommerce store:
Purchase Woo Badge Designer from CodeCanyon marketplace at a reasonable price of $24. Then, install it on your WooCommerce WordPress website. The installation of Woo Badge Designer is similar to the installation of other premium WordPress plugins. So, if you feel any difficulties regarding the installation of the plugin then, you can take the help of its documentation.
After you have installed the plugin, activate it.
Upon activation of the plugin, you can see “Woo Badge Designer” appear on the left menu of your admin dashboard. Click on it to continue.
You will land the “All Badge” of the plugin that contains all the WooCommerce product badges that you have created to date using the Woo Badge Designer plugin.
To add a create a new one, click on “Add Badge”.
You will be directed to the “Add New Badge” page that contains all the settings available to create and customize your WooCommerce badges. Before, going through the settings, give the name to your new product badge.
Note: Since the plugin is built customizer based, you can view the live preview of all the changes you have done while configuring the plugin. It will allow you to view how your badge will look before adding on your product list.
The settings tabs of the Woo Badge Designer plugin includes:
This tab allows you to configure the layouts and display options of the plugin. You can choose any of the 60+ predesigned text templates or image templates of your promotional badge. Besides, you choose any of the 6 inbuilt positions to display your badge and also choose the badge type.
Additional, you can add custom badge text, second text and custom icons for your badge.
From this tab, you can enable and customize the custom design your WooCommerce badge. The custom design includes: title color, background color, background corner color, and font size.
Note: The background color and badge corner background color is applicable only for text background badges.
So, choose the best matching background colors and font size for your promotional badge.
From here, you can enable and add tooltips to display short information on your badge upon hovering. The tooltip can be customized by adding the custom text color and background color.
Count Down Timer:
This tab will allow you to add the cooldown timers for your offers, sales and discounts.
You can set the expiry date and time from the inbuilt calendar, select any of the 10 predesigned timer templates and choose any of the 6 inbuilt positions to display your countdown timer on your product list.
Also, you can add the custom text, customize the timer color and set the auto-disable of your badge once your offer expires.
After you have completed all the configurations and customizations, click on the save button to save your badges. Then, you will be able to add a badge like the one in the image below on your product list.
In this way, you can add promotional badge on WooCommerce products of your online shop. These badges can be used to multiple purposes like displaying offers on your product list, highlight features and best selling products and so on. By doing so, you can attract more your potential customers, get more click through and boost the sales of the products. So, if you want to add unique and attractive badges of on your eCommerce store then, you can purchase the above mentioned plugin at a reasonable price and follow this tsep by step tutorial.
You can also check out the collection of:
If you are looking for a Woo extension to showcase your products in a responsive slider then, check out the collection of: