PageFly is a powerful, user-friendly page builder for Shopify, enabling you to design and customize your store with ease. With its drag-and-drop editor, extensive template library, and SEO-friendly features, PageFly is perfect for creating responsive, high-converting pages that enhance your store's performance and visual appeal.
In this article, you'll learn how to integrate Pagefly with Loop Subscriptions. Once you've integrated with Pagefly, the widget will be visible on your Product page
Prerequisites
Product pages have to be set up in Pagefly
Install the loop snippets - Step 1 of Loop Widget Installation
The product has to be mapped to a Selling Plan
Setting up the Loop widget (v2) in Pagefly
There are three simple steps to achieve this.
Add app block container to desired PageFly pages
Navigate to PageFly > Pages > Select page > Add "App block" from third-party elements.
Drag and drop app block to desired location on page.
Add Loop subscription widget to Shopify theme
Click on Go to Theme Editor. You will be redirected to Shopify theme page.
Add Loop Subscriptions widget under the PageFly block.
Map widget in Loop admin
Click "Change" on desired widget. Find and select the correct template name (e.g., product A).
Click "Map" to enable widget rendering on the theme.
Reload the product page to preview the changes. The Loop Widget should now be visible on the Product page.
Setting up the Loop widget (v1) in Pagefly
Open Pagefly from your Shopify Apps
Go to your Product Page
Select the Product on which you want to display the Loop Widget
In the elements section, Search for "Liquid" and drag and drop it where you want the Widget to be placed
Click on the placed box and click on "Open Code Editor" on the right pane.
In the window that opens up, insert this code
{% render 'loop-subscriptions' type: 'product-widget', product: product %}
Click Save to save your changes
Reload the product page to preview the changes. The Loop Widget should now be visible on the Product page.
Need help?
No worries - we're here for you!
If you have any questions or need assistance, feel free to email us at [email protected] or chat with us using the support beacon at the bottom right of your screen.
Regards,
Loop Subscriptions Team 🙂