• Video Tutorial
  • GemPages Forum
Start For Free
  • Video Tutorial
  • GemPages Forum
homeIntegrationsMarketing[V7] Integrate a third-party app
homeIntegrationsMarketing[V7] Integrate a third-party app

[V7] Integrate a third-party app

This article will guide you on how to integrate a third-party app with GemPages. 

Integrating a third-party application with GemPages can be accomplished through three different scenarios:

  1. If the app offers a pre-built element, you can simply make use of it.
  2. Alternatively, you may need to employ Custom Code for the integration.
  3. 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 1: Go to the GemPages Dashboard and select your preferred page to enter the Editor. 

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. 

Keep in mind that for certain apps, you may need to check the results on the live page after it has been published.

#3 Use the Shopify App element

If you can’t find the app in the pre-built options and coding isn’t your thing, we suggest using the Shopify App element. This element can help you integrate Shopify apps that work with your theme. For more details, check out this article.

 

Check out our Help Center for more articles, and if you have any questions, feel free to contact us via email or live chat.

Was this helpful?

Yes  No
Related Articles
  • [V7] Bundler – Product Bundles
  • SEOant ‑ Trust Badges & icon (Trust Me)
  • Trustoo Reviews
  • Vitals: All-in-one Marketing
  • Parcel Panel Order Tracking
  • Seal subscriptions
footer logo
  • Changelog
  • Privacy Policy
  • Terms of Service
  • Community
  • Video Tutorial
© 2017-2023 GemPages. All rights reserved.
Popular Search:Responsive design, Transfer content, Custom code