Zipify landing page builder
Zipify Pages is a Shopify app for easily building high-converting e-commerce pages. It features a no-code, drag-and-drop editor and templates designed for maximum conversions. Ideal for optimizing landing pages, product pages, and sales funnels directly within Shopify.
- Drag-and-Drop Editor: Easily design and customize pages with a real-time visual interface.
- Proven Templates: Access templates optimized for e-commerce conversions.
- Split Testing: Experiment with page elements to optimize for the best performance.
- Mobile Optimization: Ensure a seamless shopping experience on mobile devices.
This article will walk you through the steps required in order to integrate Zipify With Loop subscriptions. Once you've integrated with Zipify pages, the Loop widget will be visible on your Product pages.
Integrating Loop widget V2 on Zipify pages
Integrating Loop widget V1 on Zipify pages.
Prerequisites
Setting up Loop Widget on Product Pages
Limitations
Need Help?
To add the Loop subscriptions widget to your Zipify Pages product page, follow the steps below:
In the Zipify Pages app, open the Product Page where you want to display the Loop widget.
In the builder, add a new App Block element from the "Integrations" category of the elements popup and place it above the add to cart button. Save changes and update the page if it is published:
Click on the Shopify App Block element in the builder, then on the Open Shopify Editor button in the sidebar:
In the Shopify Editor, click on the + Add block button. Select Loop subscription widget under the Apps tab. Once the app block is added, note down the product template name and click on Save.
Open the Loop Subscriptions app and navigate to Widgets. Open the widget which you want to be visible on the ZipifyPages product page and click on the "**Change"** link to map the product template:
Click on Add more templates and select the ZipifyPages product template. Click on Map to add the widget on the product template:
Head back to the Zipify Pages product page in the Zipify Pages app. Click on Preview page to see view the product page. The Loop subscription widget should now be visible on the live product page:
- You must have an active Zipify account.
- Loop widget must be installed on the theme.
- The product should be mapped to a Selling Plan.
Open Zipify pages from your shopify store.
On Zipify pages, click on Create new page and select product page.
Select the product which you want to map to this product page and select the template which you want to assign to this product page.
|| Make sure the product you select is mapped to the selling plan.
Select the add to cart button. Click on the plus sign on the top of it and add HTML element.
Insert the following liquid code and click on Save:
Head over to your Shopify admin page and click on online store.
On the published theme, click on the edit code. Inside the file theme.zipifypages.liquid add the JS and CSS tags as shown below and click on save.
Headover back to the Zipify product page. Click on publish and enter the product name. Click on live preview to preview the changes. The Loop Widget should now be active.
Currently Loop widget is not supported on Zipify landing and home pages.
No need to fret; we’re here to jump in and help you out. Reach out to us at support@loopwork.co or feel free to ping us on chat by clicking the support beacon on the bottom right.
Thanks!
Loop Subscription Team 🙂
Key Features:
- Drag-and-Drop Editor: Easily design and customize pages with a real-time visual interface.
- Proven Templates: Access templates optimized for e-commerce conversions.
- Split Testing: Experiment with page elements to optimize for the best performance.
- Mobile Optimization: Ensure a seamless shopping experience on mobile devices.
This article will walk you through the steps required in order to integrate Zipify With Loop subscriptions. Once you've integrated with Zipify pages, the Loop widget will be visible on your Product pages.
Contents of the article
Integrating Loop widget V2 on Zipify pages
Integrating Loop widget V1 on Zipify pages.
Prerequisites
Setting up Loop Widget on Product Pages
Limitations
Need Help?
Installing Widget V2
To add the Loop subscriptions widget to your Zipify Pages product page, follow the steps below:
In the Zipify Pages app, open the Product Page where you want to display the Loop widget.
In the builder, add a new App Block element from the "Integrations" category of the elements popup and place it above the add to cart button. Save changes and update the page if it is published:
Click on the Shopify App Block element in the builder, then on the Open Shopify Editor button in the sidebar:
In the Shopify Editor, click on the + Add block button. Select Loop subscription widget under the Apps tab. Once the app block is added, note down the product template name and click on Save.
Open the Loop Subscriptions app and navigate to Widgets. Open the widget which you want to be visible on the ZipifyPages product page and click on the "**Change"** link to map the product template:
Click on Add more templates and select the ZipifyPages product template. Click on Map to add the widget on the product template:
Head back to the Zipify Pages product page in the Zipify Pages app. Click on Preview page to see view the product page. The Loop subscription widget should now be visible on the live product page:
Installing Widget V1
Prerequisites
- You must have an active Zipify account.
- Loop widget must be installed on the theme.
- The product should be mapped to a Selling Plan.
Setting up Loop Widget on Product Pages
Open Zipify pages from your shopify store.
On Zipify pages, click on Create new page and select product page.
Select the product which you want to map to this product page and select the template which you want to assign to this product page.
|| Make sure the product you select is mapped to the selling plan.
Select the add to cart button. Click on the plus sign on the top of it and add HTML element.
Insert the following liquid code and click on Save:
{% render 'loop-subscriptions' type: 'product-widget', product: product %}Head over to your Shopify admin page and click on online store.
On the published theme, click on the edit code. Inside the file theme.zipifypages.liquid add the JS and CSS tags as shown below and click on save.
<script type="text/javascript" id="loop-subscription-script" src="{{ 'loop-widget.js' | asset_url }}"></script><style class="loop-style"> {% render 'loop-widget.css' %} </style>Headover back to the Zipify product page. Click on publish and enter the product name. Click on live preview to preview the changes. The Loop Widget should now be active.
Limitations
Currently Loop widget is not supported on Zipify landing and home pages.
Need Help?
No need to fret; we’re here to jump in and help you out. Reach out to us at support@loopwork.co or feel free to ping us on chat by clicking the support beacon on the bottom right.
Thanks!
Loop Subscription Team 🙂
Updated on: 17/03/2025
Thank you!