Shopify
Partner Website →

Install ConvertFlow on your Shopify store instantly. Target visitors by cart data and more.

Connect For Free
ConvertFlow +
Shopify

How to Create a Landing Page on Shopify

Shopify doesn't have a landing page builder. That's the root of the problem — and the reason there's a whole category of apps competing to solve it.

What Shopify gives you is the page editor, which is built for content pages like About or Shipping. It inherits your theme's header, footer and navigation, and offers almost no layout control. Fine for policy pages. Wrong for a campaign page, where every extra link is somewhere else for the shopper to go.

This guide covers your three real options, then walks through building a proper landing page without touching theme code.

Your three options

1. The Shopify page editor

Free and already there. You get a title and a rich text body inside your theme's template.

The limits show up immediately: no control over layout or sections, your full site navigation stays on the page, and there's no A/B testing. Workable for a very simple offer page, not much else.

2. A custom theme template

A developer builds a dedicated Liquid template — full control, properly on-brand, and fast.

The catch is that every new campaign layout is another development ticket. Most teams do this once, then discover the second campaign needs a different structure and the cycle starts again.

3. A landing page app

Drag-and-drop building without touching Liquid. This is where most stores end up, and there are several apps in the Shopify App Store built for it.

What varies between them is what happens after the page is built — whether you can A/B test it, personalize it by cart contents, connect it to popups and quizzes, and see revenue attributed per variant. That's the part worth comparing, since page building itself is fairly commoditised.

Below we'll build one in ConvertFlow.

Step 1: Choose a template

Browse ConvertFlow's landing page template library — there are templates for different use cases, goals and industries.

Choose a template, then click “Use This Template.” Follow the on-screen instructions to create a free ConvertFlow account, or log in if you already have one.

We'll use a Shopify product landing page template:


👉🏽 Want inspiration first? See 6 Shopify landing pages built by successful brands.

Step 2: Open it in the builder

Some templates offer multiple formats. This one is landing-page only, which is what we want.

Choosing a campaign format after selecting a template in ConvertFlow

Choose "Landing Page", then "Use Template". Name the campaign and click "Create Campaign".

The ConvertFlow campaign builder

Step 3: Set the theme before the content

Styling works at two levels — theme level, which sets each element type across the whole page, and element level, which overrides it.

Start with the theme. Open the "Theme" tab in the right-hand panel.

The Theme panel in the ConvertFlow builder

Change the button colour once and every button on the page updates — including "Add To Cart" and your offer CTA.

Button theme settings in ConvertFlow

On a long landing page with dozens of elements, this is the difference between fifteen minutes and an afternoon.

Match your store's fonts and colours here. Shoppers will read this as another page on your Shopify store, so it needs to feel like one.

Step 4: Edit the content

Click any element to see its options — copy, padding, alignment and more.

Editing a headline in ConvertFlow

Change the heading and the rest of the page reflows around it — no spacing to fix.

An updated landing page heading in ConvertFlow

Templates are built from horizontal sections, each with its own row and column layout.

Column container layout options in ConvertFlow

Need another section? Duplicate an existing one and edit it. Need a new element? Click "Add Element" and drag it into place.

The Add Element button in the ConvertFlow builder

Or use the "+" that appears between elements as you hover.

Adding an element between existing ones in ConvertFlow

To remove something, hover and click the trash icon.

Deleting an element in the ConvertFlow builder

Step 5: Connect Shopify

From your website's dashboard, go to Settings → Integrations, find Shopify and click Connect.

The integrations menu in ConvertFlow, highlighting Shopify

You'll land on the ConvertFlow listing in the Shopify App Store. Click "Add app" and follow the prompts — the script installs on your store automatically, with no theme editing.

Step 6: Connect your products

This is the step that stops the page going stale. With Shopify connected, product elements pull pricing, images and names live — change a price in Shopify and the landing page follows.

Click a product element, then "Manage Products".

A product element selected in ConvertFlow
The Manage Products panel in ConvertFlow

Leave the source as "Shopify" and the filter as "Select Products", then pick the product to feature.

Selecting a product in the Manage Products modal

You can set a discount percentage, change the button text, or point the button at the product page or cart rather than adding directly.

An updated product element showing image, name and pricing

Repeat for the other product elements on the page.

Step 7: Set the button actions

Beyond add-to-cart, most templates have a secondary CTA — here, a 20% off offer at the top.

A call to action button at the top of a landing page

Click the button, then "Manage Actions".

The button element side panel in ConvertFlow

Connecting it to a popup that captures an email is usually better than linking away — a link to a collection sends the shopper off the page you built to convert them.

The button actions modal in ConvertFlow

👉 No popup yet? See how to create a Shopify popup.

Step 8: Preview

Save and publish your changes, then click "Preview".

The campaign preview screen in ConvertFlow

You can scroll and click exactly as a shopper would. Clicks, adds-to-cart and form submissions in preview don't count towards metrics or fire automations.

Step 9: Launch

Click "Launch" and set the URL.

The campaign launch page in ConvertFlow

You can publish to a page on your Shopify store domain, a custom domain you've added, or your reserved convertflowpages.com subdomain. Just make sure the slug isn't already used elsewhere on your site.

Step 10: Split-test it

This is the step that separates a landing page builder from a conversion tool, and it's worth doing on any page you're spending ad budget against.

Split traffic between variants and read the funnel report — views, submissions, and the orders and revenue attributed to each variant.

ConvertFlow funnel breakdown report showing revenue by variant

Revenue per variant is the number to watch, not conversion rate. A page that converts slightly worse but sends higher-value carts through is the one to keep, and conversion rate alone won't tell you that.

Personalize it while you're there

With Shopify connected, the page can respond to what the shopper is carrying — targeting on cart value, cart contents and site activity, so a returning shopper with items already in their cart sees something different from a cold click off an ad.

You can also reuse the same campaign as a popup or an embed elsewhere on the store, rather than rebuilding it.

Which option to pick

  • One simple offer page, no testing — the Shopify page editor will do
  • A single high-traffic layout you'll keep for years — a custom theme template is worth the developer time
  • Campaign pages you'll launch often, test, and reuse as popups — an app

Create a free account to build your Shopify landing page.

Turn more browsers into buyers on your Shopify store

Create a free ConvertFlow account and integrate

Shopify

in minutes.

Shopify
https://www.shopify.com/

Install ConvertFlow on your Shopify store instantly. Target visitors by cart data and more.

Connect For Free

Related integrations

See all integrations →