PageFly Landing Page Builder + Flair
1 min read
updated Aug 15 2022
![PageFly Landing Page Builder logo](logo.png)
Setup Instructions
Choose a Page Type
- Visit PageFly Development > Pages and click the desired Page Type.
![](images/navigation_pages_to_page_type.png)
Choose a Page
- Click the Name of the page you want to add Flair to.
![](images/select_page.png)
Add HTML/Liquid Element
- Click Add element.
![](images/add_element.png)
- Under Basic > HTML/Liquid, click and drag the HTML5/LIQUID element to your page.
![](images/add_html_liquid_element.png)
- Click the HTML/Liquid element and then click Open Code Editor.
![](images/html_liquid_open_code_editor.png)
- Add the Flair Preloading Product Badge Snippet to the Code Editor.
{% render 'flair-product-badges' product: product %}
![](images/code_editor_flair_snippet.png)
Save Changes
- Click Save and then Publish to make your changes live.