GemPages
GemPages is a powerful drag-and-drop page builder for Shopify that allows merchants to create stunning, high-converting landing pages, product pages, and store layouts without any coding. It empowers store owners to design custom, mobile-responsive pages that boost conversions and enhance the shopping experience.
Drag-and-Drop Editor: Easily create and customize pages with an intuitive, no-code editor.
Mobile-Responsive Design: Ensure your store looks great on all devices with fully responsive templates.
Conversion-Focused Elements: Access pre-built elements like countdown timers, pop-ups, and product sliders to increase sales.
Seamless Integrations: Integrate with tools like Klaviyo, Judge.me, and Google Analytics to track and optimize performance.
This article will walk you through the steps required in order to integrate GemPages With Loop. Once you've integrated with GemPages, the widget will be visible on your Product page.
Integrating Loop WidgetV2 on GemPages product page
Integrating Loop WidgetV1 on GemPages product page
Product pages must be created in GemPages.
Products must be linked to a Selling Plan.
GemPages version 7 is required.
Open GemPages app from your Shopify store
Head over to the Product Page where you want to display the Loop widget.
In the gempages page builder, under integrations select Shopify app. Drag the Shopify app and place it above the add to cart button.
Click on Shopify App block on the product page and open Shopify editor.
Select the product section and click on add block. Under add block, select Loop subscription widget.
Once the app block is added, note down the product template name and click on save.
Head over to your Loop subscription app and navigate to widgets. Open the widget which you want to be visible on the GemPages product page and click on change to map the product template.
Click on Add more templates and select the GemPages product template. Click on Map to add the widget on the product template.
Head back to the GemPages product page and Publish the product page. Click on Preview page to see view the product page. Loop subscription widget is now visible on the product page.
Product pages have to be set up in GemPages
Install the loop snippets
The product has to be mapped to a Selling Plan
Open GemPages 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
Right-click on the placed box and click on "Edit Code"
In the window that opens up, insert this code and click on Save
{% render 'loop-subscriptions' type: 'product-widget', product: product %}
Reload the product page to preview the changes. The Loop Widget should now be active.
There is no need to worry. We are here to assist you. Please contact us at support@loopwork.co or feel free to reach out to us through the chat by clicking on the support beacon located at the bottom right corner.
Regards,
Loop Subscription Team 🙂
Key Features:
Drag-and-Drop Editor: Easily create and customize pages with an intuitive, no-code editor.
Mobile-Responsive Design: Ensure your store looks great on all devices with fully responsive templates.
Conversion-Focused Elements: Access pre-built elements like countdown timers, pop-ups, and product sliders to increase sales.
Seamless Integrations: Integrate with tools like Klaviyo, Judge.me, and Google Analytics to track and optimize performance.
This article will walk you through the steps required in order to integrate GemPages With Loop. Once you've integrated with GemPages, the widget will be visible on your Product page.
Contents of the article:
Integrating Loop WidgetV2 on GemPages product page
Integrating Loop WidgetV1 on GemPages product page
Integrating Loop WidgetV2 on GemPages product page
Prerequisites
Product pages must be created in GemPages.
Products must be linked to a Selling Plan.
GemPages version 7 is required.
Setting up Loop widget on Product pages
Open GemPages app from your Shopify store
Head over to the Product Page where you want to display the Loop widget.
In the gempages page builder, under integrations select Shopify app. Drag the Shopify app and place it above the add to cart button.
Click on Shopify App block on the product page and open Shopify editor.
Select the product section and click on add block. Under add block, select Loop subscription widget.
Once the app block is added, note down the product template name and click on save.
Head over to your Loop subscription app and navigate to widgets. Open the widget which you want to be visible on the GemPages product page and click on change to map the product template.
Click on Add more templates and select the GemPages product template. Click on Map to add the widget on the product template.
Head back to the GemPages product page and Publish the product page. Click on Preview page to see view the product page. Loop subscription widget is now visible on the product page.
Integrating Loop WidgetV1 on GemPages product page
Prerequisites
Product pages have to be set up in GemPages
Install the loop snippets
The product has to be mapped to a Selling Plan
Setting up Loop widget on Product pages
Open GemPages 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
Right-click on the placed box and click on "Edit Code"
In the window that opens up, insert this code and click on Save
{% render 'loop-subscriptions' type: 'product-widget', product: product %}
Reload the product page to preview the changes. The Loop Widget should now be active.
Still Need help?
There is no need to worry. We are here to assist you. Please contact us at support@loopwork.co or feel free to reach out to us through the chat by clicking on the support beacon located at the bottom right corner.
Regards,
Loop Subscription Team 🙂
Updated on: 08/12/2024
Thank you!