Flair Product Badges + Labels by Burst Commerce

Flair Product Badges + Labels elementClick to copy

In this article, you will learn how to use the Flair Product Badges + Labels element.

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.

Install Flair Product Badges + Labels

Install PageFly

About Flair Product Badges + Labels elementClick 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.

Access Flair Product Badges + Labels elementClick 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 “Flair Product Badges + Labels” on the search bar

Step 3: Click on the Flair Product Badges + Labels element in the dropdown menu

Step 4: Drag and drop Flair Product Badges + Labels element on the canvas

Flair Product Badges + Labels element

NOTE: 

  • The Flair Product Badges + Labels element only 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 Product Lis, so the Flair Product Badges + Labels element can be used for the Product List as well.

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

Flair Product Badges + Labels element

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

You can take a look at this gif for instructions on how to drag and drop it in the editor canvas

Flair Product Badges + Labels element

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 element

You can check more information about the Styling tab here.

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

Flair Product Badges + Labels element

Flair Product Badges + Labels element configurationsClick to copy

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

Step 1 : 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 2: Set up the Flair Product Badges + Labels app.

NOTE:

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 element

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 a product details on the product page.

Flair Product Badges + Labels element

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

Flair Product Badges + Labels element

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

Flair Product Badges + Labels element

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 element

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!

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us