How to Create a New Page in GemPages

This guide walks you through the process to create a GemPages page using Version 7 of the Editor. Whether you’re building a landing page, product page, or a custom About Us page, the steps below will help you get started quickly and confidently.

Note: To access the latest features and templates, please ensure you’re using GemPages Version 7.

Create a New Page in the GemPages Dashboard

Step 1: Open the GemPages Dashboard

From your Shopify Admin:

Go to GemPages Dashboard, then click Pages.

create-new-page

Here’s another way: Head to the Pages section and simply click “Create new page.”

Step 2: Choose How You Want to Create Your Page

At this step, you will have three options to create your page.

Option 1: Start From Scratch

Choose Start from scratch if you want to design your page using a blank canvas.

This option is recommended if you want full control over your layout and design.

Option 2: Use a Template

You can select a pre-designed template to speed up your workflow. Simply choose the template type you need and select one to start customizing. GemPages offers 18 template types to choose from, including:

Templates help you launch faster while still allowing full customization inside the Editor.

Option 3: Import a GemPages File

You can also import a previously exported GemPages file.

This option is useful when:

Reusing a design
Migrating pages
Sharing layouts between stores

Step 3: Start Customizing Your Page

Once you’ve selected a template or blank layout, the GemPages Editor will open. From here, you can start customizing your page using the intuitive drag-and-drop interface.

Create a New Page from the Editor

If you’re already working inside the Editor and want to create another page, follow these steps:

Step 1: Open the Page List

Inside the GemPages Editor, click on the page name of the current page you’re customizing.

Step 2: Create a New Page

A list of pages will appear. Select Create new page from the options.

Step 3: Choose Your Page Creation Method

You will be redirected to the GemPages Dashboard.

From there, choose one of the following:

Select your preferred template type
Start fresh by creating a page from scratch
Import a GemPages file

Step 4: Customize the New Page

Use the GemPages Editor to design your new page.

How to Make a GemPages Page Appear on Your Storefront

After creating your page, make sure to publish it in the GemPages Editor.

For Homepage, Product pages, or Collection pages, you also need to set the page as the default template in GemPages. Once a template is set as default, Shopify will automatically use it for that page type, no manual assignment in Shopify is required.

Landing pages work differently. They are standalone pages and need to be added to your store navigation to be accessible.

For detailed, step-by-step instructions, refer to this guide:

👉 How to Set a GemPages Page as Default and Publish It on Your Storefront

How to Create a Page Using GemPages MCP

GemPages MCP allows compatible AI agents to work with Shopify and GemPages so you can create editable pages from existing references instead of starting from a blank canvas.

For AI page generation, you can use:

HTML – use an existing HTML page as the source.
Image – use an image or screenshot as a visual reference.
URL – provide an existing webpage URL as the source.

Step 1: Connect GemPages MCP

Before creating a page, connect GemPages MCP to a compatible AI environment and your Shopify store.

Follow the setup instructions in the GemPages MCP connection guide.

Step 2: Choose Your Source

Prepare the reference you want the AI to use.

You can provide:

Choose the source that best represents the page you want to create.

Step 3: Tell the AI What You Want to Create

Use a clear prompt that identifies GemCommerce MCP, the source, and the type of page you want.

For example:

Use GemCommerce MCP. Create an editable Advertorial Page based on this URL: [URL].

Use GemCommerce MCP. Turn the attached HTML into an editable GemPages page.

Step 4: Let GemPages MCP Generate the Page

The AI uses the provided reference to generate the page inside GemPages.

The exact process depends on the input type. For example, HTML can provide detailed page structure and content, while images primarily provide visual direction.

Step 5: Review the Generated Page

Once the page is created, open it in GemPages and review the result carefully.

Check:

Page structure
Copy and images
Colors and typography
Buttons and links
Desktop, tablet, and mobile presentation
Forms and interactive elements
Product and offer information

Make any necessary changes in the GemPages Editor before publishing.

Important: Only use webpages, images, copy, and other assets that you own or have permission to reuse.

Frequently Asked Questions

1. Can I create a page for a specific country?

Currently, GemPages doesn’t offer automatic geo-targeting to display pages by location.

However, you can duplicate your page and customize it for each country (for example, change language, currency, or pricing). Then connect each version to a specific ad campaign or Shopify domain.

If you’re using headless page, you can even assign a different domain or subdomain to each country-specific page.

2. What’s the difference between a Landing Page and a Headless Page?

A Landing Page is published under your Shopify domain, such as yourstore.com/pages/landing.

An Headless Page is hosted separately on GemPages’ server and can use a custom domain (for example, promo.yourstore.com).

Instant Landing Pages load faster and are ideal for paid ads or A/B tests.

3. Can I change the domain of a page in GemPages?

You can change the domain only if you’re using Headless Pages.

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.