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
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.
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
- 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
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
In the Styling tab, you can edit the Spacing, Border, Effect of Opacity for the badges of 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
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.
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.
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.
Choose one of the Badges from the list and select the style for it, then click Apply Style
You can also further customize the badge Content, Style, Condition, Tags for it. Then hit Save.
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.
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!