View Product Page

Badges (free version)

In this post, we will go over the Badges tab, where you can manage the created badges from the Badges list.

All the badges created will show in the tab Badges of the plugin panel.

Badges list (free)

For each badge, you can decide to enable/disable it, edit it, clone it or delete it.

From the same section, you can also search badges through the related field and apply bulk actions to enable, disable, and delete your badges.

Badges bulk actions (free)

To see how to create a new badge, you can refer to this post.

Create badges

To create a new badge to apply to the products of your shop, click on the button “Add badge” that you find in the “Badges” tab of the plugin panel.

Add badge button

The plugin gives you the possibility to create two different types of badges: Text badge and Image badge.

Choose badge type (free version)

Let’s analyze them separately.

Text badge

This type of badge is entirely formed of a text label, for which you can customize colors, size, width, height, position, and more.

To create your text badge, start by entering a name to identify it (N.B. this is a required field) then select Text from the dropdown in Badge type.

Create text badge (free)

Now you can start setting all the available options through the built-in editor:

Text badge options (free)
  • Text: here, you can customize the text style (font, size, color, alignment, etc.);
  • Background color: choose the color of the text background;
  • Size (px): select height and width of the badge;
Text badge options (free)
  • Padding: set the badge content padding (top, right, bottom, left) in px or %;
  • Border radius: set the badge border radius (top-left, top-right, bottom-right, bottom-left) in px or %;
  • Position: choose how to set the badge position in the product image from top, middle, or bottom;
  • Alignment: choose the badge alignment from left, center, or right. 

Here you see how the badge appears when applied to the product.

Text badge example (free)

Image Badge

Image badge type allows you to select one of the 9 ready-to-use badges available in the plugin.

To create your image badge, start by entering a name to identify it (N.B. this is a required field) then select Image from the dropdown in Badge type.

Create image badge (free)

Choose the image you want to use from the library with ready-to-use badges.

Image badge library (free)
Position and alignment options (free)
  • Position: choose how to set the badge position in the product image from top, middle, or bottom;
  • Alignment: choose the badge alignment from left, center, or right. 
Image badge example (free)

Here you see how the badge appears when applied to the product.

Preview

Any of the above option settings, both for text and image badges, will reflect in the preview box on the right so you will be able to see in real-time the badge you are creating and apply any necessary adjustments.

Preview changes (free)

Assign badges to a product

To assign a badge to a specific product of the shop, go to its editing page and add from the metabox “Product Badge” one or more badges that you have previously created (you can refer to this page on to how to create badges).

You can also schedule when the badge will show by specifying the start and end date.

Product badge metabox (free)

Badge on frontend

Product badge example (free)

General settings

From the tab General settings of the plugin panel, it is possible to set the following global options:

Badge general settings

General options

  • Hide WooCommerce “On sale” badge”: enable if you want to hide the default Woocommerce “On sale” badge;
  • Hide badges in sidebars: enable if you want to hide the badges in sidebars and widgets.

Extra

  • Enable shop manager: enable this option to allow the shop manager to edit the plugin settings.