How to use Flair Product Badges + Labels by Burst Commerce with PageFly

About Flair Product Badges + LabelsClick to copy

What’s Flair Product Badges + LabelsClick to copy

Flair Product Badges + Labels element provides merchants with targeted, automated product badges and promotion which can draw your customers’ attention. You can set up Flair banners and countdown timer to trigger your customers with FOMO effects, or you can promote your product scarcity by showing product badges and label based on the amount of remaining inventory available, or simple yet powerful product stickers like social proof product badge / label for best sellers, recently purchased and more to increase more conversion rate.

Install Flair Product Badges + LabelsClick to copy

Before using this element, you have to install the Flair Product Badges + Labels App to your store, configure all options in the app, and then come back to PageFly to use the element on your PageFly product pages.

How To Access Flair Product Badges + LabelsClick to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In Integrations popup page, you can search “Burst Commerce – Flair Product Badges” on the search bar

Step 3: Click “Close” and the element will appear in the “Add third-party element” menu

Flair Product Badges + Labels

How To Configure Flair Product Badges + LabelsClick to copy

From PageFlyClick to copy

Important note:
  • The Flair Product Badges + Labels element works on all page types and one page can have multiple elements. The Flair Product Badges + Labels element must stay inside the Product Details element, if you drag and drop the element outside the Product Details, a warning message will appear.
  • Product Details are contained in the Product List, so the Flair Product Badges + Labels element can be used for the Product List as well.

Add Flair Product Badges + Labels ElementClick to copy

Before starting to set up for the Flair Product Badges + Labels element, you will need to add this element onto your page canvas:

  • Step 1: Click “Add third party element” on the left menu bar
  • Step 2: Look for “Flair Product Badges + Labels” element
  • Step 3: Click on the element to see its variant
  • Step 4: Drag and drop the variant onto the page canvas

Flair Product Badges + Labels

The Flair Product Badges + Labels element comes with one variant: Product Badges

Flair Product Badges + Labels

Once you finish configuring options in the Flair Product Badges + Labels app, you can go to a PageFly Product page and use this element.

Do not forget to Save and Publish it when you are ready to check the Live View

Flair Product Badges + Labels

Configure Flair Product Badges + Labels ElementClick to copy

  • General tab

After adding the  Flair Product Badges + Labels element to the Editor, on the right sidebar, you’ll see the General tab.

Flair Product Badges + Labels

You can get further information about Attributes, Visibility, and Animation parameters.

  • Styling tab

In the Styling tab, you can edit the Spacing, Border, Effect of Opacity for the badges of Flair Product Badges + Labels element.

Flair Product Badges + Labels

You can check more information about the Styling tab here.

From Flair Product Badges + LabelsClick to copy

After configuring PageFly settings, you will need to continue with the Element settings further as below.

You can see how to set Flair Product Badges + Labels in detail via their Help Center this article

Step 1: Enable the app script from the theme customize option then save it.

After installing the Flair Product Badges + Label app, you need to add the app to Shopify Theme you are using, so the codes from the app will be embedded. If you do not add it to your current Shopify Theme, the Flair Product Badges + Label will not show.

Flair Product Badges + Labels

Step 2: Set up Flair Product Badges + Labels element by your Shopify Account.

Go to your Shopify Admin > Apps > Choose Flair Product Badges + Labels App to set it up.

Step 3: Set up the Flair Product Badges + Labels app.

NOTE: In the Flair Product Badges + Label app, there are 2 options named Badges and Banners. However, PageFly currently integrates with the Badges feature only.

  • On the dashboard of Badges in Flair Product Badges + Labels, there are 3 options for Promotion Ideas and 3 options for Install Guides. We can get started with Flair Promotion Gallery to create a new badge for product details on the product page.

Flair Product Badges + Labels

  • Choose one of the Badges from the list and select the style for it, then click Apply Style

Flair Product Badges + Labels

You can also further customize the badge Content, Style, Condition, Tags for it. Then hit Save.

Flair Product Badges + Labels

When you are done, the Badge will show up at the top of the dashboard in the Flair Product Badges + Labels app. You will have options to edit, copy and delete it anytime later on.

Flair Product Badges + Labels

After all of the configurations are done, please go back to the PageFly page editor to drag and drop the element onto the canvas, the Flair Product Badges + Labels element is ready to go!

Frequently Asked QuestionsClick to copy

OverviewClick to copy

What is the pricing of the Flair Product Badges + Label?From $29/month. 14-day free trial
Does the Flair Product Badges + Label offer a yearly plan?No
Can I use the Flair Product Badges + Label on PageFly Editor?Yes

What Are The Key Features Of Flair Product Badges + Label?Click to copy

Here are some key features of Flair Product Badges + Label:

  • Promote products with badges to help them sell faster
  • Supercharge promotion with banners and countdowns
  • Automate promotion using custom rules and scheduling

Additional ResourcesClick to copy

  • PageFly Styling tab
  • What apps does PageFly integrate with?
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us