Shopify App Element

About the Shopify App element

Running a successful online store is all about making things easier. That’s why we’re thrilled to introduce Version 7′ latest element – the Shopify App element. This new feature allows you to effortlessly integrate third-party apps into your website, without the need for any technical skills.

The Shopify App Element 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

Before we begin, please ensure that you have installed the required app from the Shopify App Store. Once the installation is complete, go to your Shopify Admin > Apps. Locate the specific app you want to use and complete all necessary configurations within the app dashboard. GemPages relies on the data provided by the app, so it’s essential to set up the app as needed for the information to be displayed on your page. 

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

Step 2: In the Editor’s left sidebar, find the element, and drag it to your desired location. Then, click the “Publish” button.

Step 3: Click on the element to reveal the left sidebar’s configuration. Opt for “Open Shopify editor,” and you’ll be directed to the Theme Editor page for continued editing.  

Step 4: Under the “Template” section, click “Add Block” and 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.