1. Home
    2. /
  2. Docs
    3. /
  3. Free Shipping Label
    4. /
  4. Product Label

Product Label

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Product labels are meant to clearly provide insight as to which products are qualified for free shipping.

For example, if your free shipping threshold is $100, all products above that price will be eligible to have the “Free Shipping” label shown. So customers may be more motivated to buy a product with a slightly higher price to get free shipping.

Setup

Exclude product label on some products or product categories

To display a free shipping label on products that meet the free shipping minimum amount, you must first enable the “Product Label” option.
Note that in the PRO version, you have the option to exclude specific products or product categories from displaying the label.

Position

You can enable Product Label on a single product page and on listed product pages (main shop page, category pages, archive pages etc.)

Single product

Here we have three options

  1. Show on all simple products.
  2. Show on variable products, but the lowest variation price must be qualified for free shipping.
    This means if you have a variable product with multiple variations that are not the same price, the lowest price must be equal to or higher than your free shipping threshold. In other words, all variations must be qualified for free shipping.
  3. Show after the variation is selected.
Showing Product Label after the variation is selected

Listed products/archive pages

Text label after the product price
listed product settings

Here we have a few options

  1. Show on all simple products.
  2. Show for all variable products, but the lowest variation price must be qualified for free shipping.
    This means if you have a variable product with multiple variations that are not the same price, the lowest price must be equal to or higher than your free shipping threshold. In other words, all variations must be qualified for free shipping.
  3. Show label over product image (PRO feature)
Place label over product image

To display a label over a product image, first enable the feature in the settings and select the desired position. The top positions generally align well with most themes, while the bottom positions may place the label closer to the button or price.

To further customize the display, you can adjust the margins. Keep in mind that you may need to test the label placement on your specific theme and adjust the margins to avoid any overlapping with other labels or badges.

When entering the value for margins, you may use any valid CSS units of measure such as PX, EM, REM, %, VW, and VH. There are several more units available in CSS that can be used as well.

Text label over image

Text Label

Translations

If you are running a multilingual site, you can translate all text that is displayed in Free Shipping Label plugin.

To use the translations or write your own custom Free Shipping Label texts,
enable the Multilingual option in the Product Label settings and do your translations in any plugin for string translations (for example WPML or Loco Translate).

Image Label

image label instead of a text label

The PRO version of the plugin allows you to display an image label instead of a text label. Once you enable the Image Label option, the Text label will be ignored/disabled. You can choose an image from your media library or paste an external URL. You can set the width of the image that looks the best on your design, the height will be automatically set according to the aspect ratio.

Tip: For best results, use small-size images, or even better, SVG icons.