Integrating a third-party app with GemPages can be accomplished through three different scenarios:
- If the app offers a pre-built element, you can simply make use of it.
- Alternatively, you may need to employ Custom Code for the integration.
- Another option is to utilize the Shopify App element.
In either of these cases, your initial step involves installing the app from the Shopify app store. Once this is completed, you can proceed with the subsequent steps detailed below.
#1 Pre-built element
Step 2: Navigate to the left sidebar and scroll down to the Shopify apps section. This is where you’ll discover all the apps equipped with pre-built elements. To streamline the process, you can make use of the search bar to quickly locate your desired app.
Step 3: Drag and drop the element into the position you prefer. Some apps might need a quick configuration—just click the element, and you’ll find the setup on the left sidebar.
Step 4: Don’t forget to hit “Save” and “Publish” to make the changes go live.
#2 Custom Code Integration
If you can’t locate your app in the list of pre-built elements, just follow these steps to integrate it using custom code.
Step 1: Begin by gaining access to the app’s code. You can find the code in various places. Some apps provide their code directly within the app interface. In other cases, you might need to check their help documentation or reach out to their support for the code. Once you have the app’s code, it’s time to put it into the Custom Code element.
Step 2: Go to the GemPages Dashboard and select your preferred page to enter the Editor.
Step 3: From the left sidebar, drag & drop a Custom Code element onto your preferred spot on the page. Under the HTML tab, paste the app code into the box.
Step 4: Hit “Save” and “Preview” to check if the code is functioning properly on your page.
#3 Use the Shopify App element