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.
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, , and Google Analytics to track and optimize performance.Judge.me
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 widget V2 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 widget V1 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.
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 🙂