Burst Commerce Logo

Flair Badge Settings

Updated: August 18, 2021

Overview

You can use Flair product badges to automate product promotions throughout your Shopify store.

There are two Flair badge types available:

Text Badges

Text badges can be used to display text wrapped in eye-catching styles to promote specific products in your shop.

Content

Text

This is where you enter the text for your badge. You can also use dynamic text and emojis here.

Text Size

Set the size of your badge text.

Text Style

Set the style for your badge text:

  • normal - no styling
  • bold - bolded
  • italic - italicized
  • bold / italic - bolded and italicized

Style

Choose a Style

Choose a style from one of our hand-crafted styles by clicking this button:

Then choose a color and style combo that you like and click Apply Style:

All of these settings can be customized as outlined below.

Background Color

Set the background color by using the color picker:

Choose one of the included colors, or you enter your own custom color.

Text Color

Set the text color by using the color picker:

Choose one of the included colors, or you enter your own custom color.

Left Style

Select the left style to use:

Right Style

Select the right style to use:

Border

Set the border size:

  • none - no border
  • small - a 1px border
  • medium - a 2px border
  • large - a 4px border

Note: This property is only available for square and round left / right styles.

Border Color

Set the border color by using the color picker:

Choose one of the included colors, or you enter your own custom color.

Note: This property is only available for square and round left / right styles.

Shadow

Set the shadow for your badge:

  • none - no shadow
  • small - a small shadow
  • medium - a medium shadow
  • large - a large shadow

Note: This property is only available for square and round left / right styles.

Padding

Set the padding (aka - space inside) for your badge:

  • none - no padding; perfect for text-only badges with no background
  • small - a small amount padding
  • medium - a medium amount padding
  • large - a large amount padding

Mobile Content

Customize how your badges look on mobile screens (480px and smaller).

Text

Optionally enter different text to use for smaller mobile screens.

Text Size

Set the mobile text size.

Image Badges

You can upload your own custom images as badges to promote products throughout your store.

Prerequisites

Flair needs your permission to save your image badges to your Shopify Files section. If you installed Flair before August 2021, you should see a banner like this one within Flair with a link to update the Flair app settings:

Image

Upload any PNG, JPG or GIF image up to 2MB in size.

The image will be stored in your Shopify Files section and served using Shopify’s CDN. This means your image badges will load super fast will always be available as long as Shopify is available.

We recommend keeping these images as small as possible so they load as fast as possible.

Alt Text

The Alt Text (alternative text) can optionally be specified to describe what is on the image. This text can be helpful for visually impaired customers and search engines.

Size

The Size setting lets you specify the exact width and height of the image.

The format must be specified as WxH. For example, to specify a width of 50 and a height of 25 you would enter: 50x25. If the image does not fit, it will be center cropped to fit.

If this property is left blank, the image will use the original size.

Status

Badges can be shown or hidden at anytime.

To change the badge status, click on the calendar button:

Badges can be set to:

  • Published
  • Unpublished
  • Scheduled

Published

Published badges are visible in your store.

Unpublished

Unpublished badges are NOT visible in your store.

Scheduled

Scheduled badges can have a publish date and optionally an unpublish date:

Badges that are scheduled to be published in the future will show a clock icon within Flair:

Badges that are scheduled to be unpublished in the future will show an hourglass icon within Flair:

Conditions

Use conditions to show and hide badges automatically in your shop.

ALL / ANY

Use this option to specify how multiple conditions should be handled:

  • ALL conditions - The badge will only show if all conditions match
  • ANY conditions - The badge will show if any one condition matches

Collection

Show badges based on Shopify collections.

Include / exclude
  • is - the collection is included in the list
  • is not - the collection is excluded from the list
Collection list

Enter one or more collections. If multiple collections are entered, only one collection must match.

Collection type
  • collections - match based on the current collection
  • product collections - match based on the product collections, which includes the current collection

Create Date

Show badges based on if a product was created within the past number of days.

Days
  • Enter the number of days - any number greater than 0

Customer Behavior

There are 2 types of customer behavior conditions:

Order count

Show badges based on the number of orders a customer has made.

Operator
  • <= - less than or equal to
  • >= - greater than or equal to
Order total
  • Enter the number of orders - any number greater than or equal to 0

Total spent

Show badges based on the total amount a customer has spent.

Operator
  • <= - less than or equal to
  • >= - greater than or equal to
Amount spent
  • Enter the amount in whole dollars without cents (e.g. - 100)

Customer Tag

Show badges based on customer tags.

Include / exclude
  • is - the tag is included in the list
  • is not - the tag is excluded from the list
Customer tag list

Enter one or more customer tags. If multiple customer tags are entered, only one must match.

Inventory

There are 3 types of inventory conditions:

In stock

Show badges when a product is available to purchase.

Availability
  • any product - show for any product that is available to purchase
  • products that can sell out - show only for products that do NOT continue selling when out of stock
  • products that allow overselling - show only for products that continue selling when out of stock

Out of stock

Show badges when a product is not available to purchase.

Availability
  • any product - show for any product that is available to purchase
  • products that can sell out - show only for products that do NOT continue selling when out of stock
  • products that allow overselling - show only for products that continue selling when out of stock

Between

Show badges when a product has available inventory quantities between two amounts.

Minimum

Enter the minimum inventory quantity. This number is inclusive and must be greater than 0 and less than or equal to the maximum inventory.

Maximum

Enter the maximum inventory quantity. This number is inclusive and must be greater than the minimum inventory.

Availability
  • any product - show for any product that is available to purchase
  • products that can sell out - show only for products that do NOT continue selling when out of stock
  • products that allow overselling - show only for products that continue selling when out of stock

Page Type

Show badges based on specific page types (e.g. - ‘collection’, ‘product’).

Include / exclude
  • is - the page type is included in the list
  • is not - the page type is excluded from the list
Page type list

Enter one or more page types. If multiple page types are entered, only one must match.

Price

Show badges based on the product price.

Operator
  • <= - less than or equal to
  • >= - greater than or equal to
Amount
  • Enter the amount in whole dollars without cents (e.g. - 100)

Product

Show badges based on specific products.

Include / exclude
  • is - the product is included in the list
  • is not - the product is excluded from the list
Product list

Enter one or more products. If multiple products are entered, only one must match.

Product Tag

Show badges based on product tags.

Include / exclude
  • is - the product tag is included in the list
  • is not - the product tag is excluded from the list
Product tag list

Enter one or more product tags. If multiple product tags are entered, only one must match.

Sale Price

Show badges based on the product sale price. The sale price is based on the difference between the product price and compare at price.

Operator
  • <= - less than or equal to
  • >= - greater than or equal to
Percent

Select the sale percentage to use from the the list, such as 20%.