Headless Page (Instant Landing Page)

This article will give you an overview of Headless Page (Instant Landing Page). It will also walk you through the basics of creating a mobile-optimized landing page with ILP.

Note: For optimal functionality, please ensure that you upgrade to GemPages version 7.

What is a Headless Page (Instant Landing Page)?

Headless Page (Instant Landing Page) is a Ge mPages page type using headless technology, which specializes in building high-performance, mobile-optimized landing pages to ensure faster loading speeds, boost users’ campaigns, and increase conversion. The beta version of ILP was released on December 28th, 2022, and is available for all users on the Optimize plan or higher.

ILP hosts the front end separately from Shopify, thus optimizing load efficiency and minimizing the need for extra code. Thus, ILP only needs to synchronize with Shopify regarding products, collections, and blog posts. Shopify still manages payment, Checkout, and Order information.

Note:

ILP works as a stand-alone feature within GemPages. Landing pages created by GemPages are not linked to ILP and vice versa.
Pages created with ILP will not appear on the Shopify administrative dashboard.
An ILP-created page will have a URL like domain/page-name, with the /page-name section optional. The domain is hosted by ILP, not Shopify. You can also use sub-domains hosted by other providers.

Why do you need Headless Page (Instant Landing Page)?

According to a Google study in 2020:

53% of people will leave a mobile site if it takes more than three seconds to load.
A 0.1-second improvement in mobile speed increases conversion rates.

That being said, a responsive landing page is not enough anymore. Slow loading time and poor mobile performance will kill conversions. You need campaigns designed for mobile from the get-go. So, a mobile-optimized landing page is a must.

How to Use the Headless Page (Instant Landing Page) in GemPages V7?

Step 1: Create headless page

First, open the GemPages Dashboard. Then, choose “Headless Pages”.

You can create a new Instant Landing Page in one of three ways:

Start from Scratch
Import a Page File
Browse Pre-built Templates

Step 2: Customize your headless page

No matter which method you chose to create your headless page, you’ll now be taken to the editor where you can customize it.

Step 3: When done, click Save and Publish.

save-headless-page

How to Connect an Instant Landing Page with Shopify?

ILP connects to Shopify through the official Shopify Headless app. This app provides the Storefront API credentials required for syncing products, collections, and blog posts between Shopify and your Instant Landing Page.

headless

For detailed step-by-step instructions, please refer to our full guide: Connect Instant Landing Page to Shopify

Is it possible to use third-party applications on an ILP page?

Yes, but with limitations. Since Instant Landing Pages (ILP) use headless technology, not all third-party apps are compatible.

Some apps support headless environments and can be integrated using the Custom Code element, but this depends on whether the app allows external domains or provides headless support.

Currently supported apps include:

For other third-party apps, compatibility must be checked individually, as many apps do not support headless environments.

What did you think about this content?

Your comments

Irrelevant: Unexpected or off-topic information.

Inaccurate: The information doesn’t match the product.

Needs small fixes: There are typos or broken links.

I have suggestions: I’d like to suggest improvements for this page.

Email*

Invalid email address.

Something went wrong. Please try again later.

By submitting your email address and comments, you consent to the collection and use of your information as outlined in our Privacy Policy and agree to our Terms of Service.