Shopify App Element

About the Shopify App element

The Shopify App element allows you to seamlessly integrate third-party apps into your website without requiring any technical skills.

It enables you to integrate any Shopify app onto your page, even if it’s not listed in the integration app list, and it doesn’t necessitate any snippet code. To learn how to achieve this, please consult the instructions outlined in this article.

How to integrate a third-party app with the Shopify App element

Step 1: Go to the GemPages Dashboard and choose the page you want to edit to access the Editor.

Step 2: From the left sidebar, find the element and drag it to your desired location. 

Step 3: Click on the element to reveal the Shopify App element Settings tab. You need to publish the page to enable this element setup in the Shopify editor.

Step 4: Opt for “Open Shopify editor,” and you’ll be directed to the Theme Editor page for continued editing. 

Step 5: Under the “Template” section, click “Add Block”.

Step 6: Select the type of widget you want to display from the App Blocks list. The app widget will appear where you positioned the Shopify App element.

Disclaimer: To add a Shopify App to a specific section, ensure you’re in the correct section by its name or number in the Shopify editor.

For instance, if adding to section 5, locate the exact section 5 in your theme before adding a new block.

Step 5: Hit “Save” in the top-right corner and review the results on your live page.