Flair Dynamic Badge Text

4 min read
updated Sep 18 2024

Overview

Flair product badge text can show dynamic information such as company name, customer first name, discounted price, inventory, metafield values, price, and sale price.

Company Name

Display the Shopify B2B company name for the currently logged in customer.

The following variable is supported:

  • company_name - the company name

Example

Welcome {{ company_name }}!

For a company named 'Initech' this displays as:

Welcome Initech!

Customer First Name

Display the first name of the currently logged in customer.

The following variable is supported:

  • customer_first_name - the customer first name

Example

Welcome {{ customer_first_name }}!

For a customer with first name 'Milton' this displays as:

Welcome Milton!

Discounted Price

This supports variant-specific text.

Display discounted prices dynamically based on either a fixed amount or percent off.

The following variables are supported:

  • price_max_discount_amount_10 - $10 off the max price; amount can be any number between 1-999
  • price_min_discount_amount_10 - $10 off the min price; amount can be any number between 1-999
  • price_max_discount_percent_15 - 15% off the max price; percent can be any number between 1-99
  • price_min_discount_percent_15 - 15% off the min price; percent can be any number between 1-99

Example: $10 off

To show a $10 off discounted price:

Sale Price {{ price_max_discount_amount_10 }}

For a product with a $19.99 max price this displays as:

Sale Price $9.99

Discounted prices will display based on your shop's currency formatting setting.

Example: 20% off

To show a 20% off discounted price:

Sale Price {{ price_max_discount_percent_20 }}

For a product with a $40 max price this displays as:

Sale Price $32

Inventory

This supports variant-specific text.

Display the remaining available inventory total for a product.

The following variable is supported:

  • inventory_total - the remaining available inventory

Example

To show the remaining inventory:

Only {{ inventory_total }} left!

For a product with 3 items available, this displays as:

Only 3 left!

Metafield

Display custom content based on shop, product and variant Shopify metafield values.

The following variables are supported:

  • metafield.product.namespace.key - display the value of the product metafield stored at namespace.key
  • metafield.variant.namespace.key - display the value of the variant metafield stored at namespace.key; Only available for the main product on product pages.
  • metafield.shop.namespace.key - display the value of the shop metafield stored at namespace.key

Heads up! The 'shop' metafield text is on its way out and won't be available in Flair Gen 3.

Example

To show the product metafield stored at namespace custom and key ships_by:

Ships {{ metafield.product.custom.ships_by }}

For a metafield value of '5-7 days' this displays as:

Ships in 5-7 days

Price

This supports variant-specific text.

Display the minimum and maximum product price.

The following variables are supported:

  • price_min - the lowest price of the product across all variants
  • price_max - the highest price of the product across all variants

Example

To show the minimum price:

Starting at {{ price_min }}

For a product with a $19.99 minimum price, this displays as:

Starting at $19.99

Sale Amount

This supports variant-specific text.

Display the sale amount, based on the difference between the compare at price and the price.

The following variables are supported:

  • sale_amount_min - the minimum savings in dollars
  • sale_amount_max - the maximum savings in dollars

Example

To show the maximum savings as an amount:

SAVE {{ sale_amount_max }}

For a product with a maximum savings amount of $20 this displays as:

SAVE $20

Sale Percent

This supports variant-specific text.

Display the sale percent, based on the difference between the compare at price and the price.

The following variables are supported:

  • sale_percent_min - the minimum savings as a percentage
  • sale_percent_max - the maximum savings as a percentage

Example

To show the maximum savings as a percentage:

SAVE {{ sale_percent_max }}%

For a product with a maximum savings percent of 50% this displays as:

SAVE 50%

Percents are rounded to the nearest whole number, so 25.4 becomes 25.

Have a suggestion?

If you'd like to see support for any dynamic variables that aren't listed here, let us know.