Pagefly.io: Page Builder lets you create tailored product pages to enhance user engagement and increase conversions. It offers a range of pre-designed templates as well as the option to design your own pages that align with your brand identity.
Before leveraging this powerful tool, you need to install the Pagefly.io Landing Page Builder app to your store.
- PageFly configured - Check out their Getting Started guide if you haven't yet
- Clean Size Charts configured - Check out our Setting up your first size chart guide
- Upgraded Clean Size Charts to Premium
Adding Clean Size Charts Element
Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.
Step 2: In the Integrations popup page, you can search “TaskHusky – Size Charts” on the search bar.
Step 3: Click on the TaskHusky – Size Charts element in the catalog
Step 4: Drag and drop the element on the canvas.
TaskHusky – Size Charts element only comes in 1 variation.
In the General tab, there is a widget configuration giving you a short explanation of the Clean Size Charts: Size Guide app, and its link to the app listing.
The TaskHusky – Size Charts element can only work on Product pages, and it will inherit the settings/data from assigned products. You can only use this element once on each page. Note that all configurations must be done in the Clean Size Charts app.
You can customize the styling of the TaskHusky – Size Charts element in the Styling tab.
You can check more information about the Styling tab here.
Finally, hit Publish and check the results on your live page.