How to Add a Landing Page to Shopify Without an App

2026-10-26 · page builders

How to Add a Landing Page to Shopify Without an App

A landing page on Shopify is just a page with its own template — no app required. You can build one entirely inside your theme editor using Shopify's native page and section tools, which means no monthly fee, no third-party script slowing down your store, and full control over the markup. This guide walks through the whole process, from creating the page to hiding your store's navigation so visitors stay focused on one offer.

Why Build a Landing Page Without an App?

Landing page apps like PageFly, Shogun, and GemPages are popular, but they come with trade-offs that matter for small stores.

• No recurring cost. You avoid another subscription on top of your Shopify plan. Check current pricing on each app's listing if you want to compare — but the native route is free.
• Faster pages. App builders inject their own CSS and JavaScript. Native templates use your theme's existing assets, which usually means better load times and Core Web Vitals scores.
• No lock-in. If you switch themes or stop paying for an app, pages built in that app can break or disappear. Native templates travel with your theme and are easy to version-control.
• Cleaner code. Everything lives in your theme files, so a developer (or future you) can read and edit it without reverse-engineering a drag-and-drop builder.

The trade-off is that you're working within your theme's structure rather than a freeform canvas. For most small e-commerce sellers — a single product launch, a seasonal promo, a lead-capture page — that structure is exactly what you want.

What You Need Before You Start

Before you touch the theme editor, gather these:

• A Shopify plan with theme editing access. All current plans include the theme editor. If you're on a very old legacy plan, check your admin.
• A theme that supports sections on pages. Most modern free themes (Dawn, Refresh, Craft) and paid themes (Impulse, Prestige, Warehouse) support JSON templates and app-free sections. Check your theme's documentation if you're unsure.
• Your landing page content. Headline, subheadline, hero image (at least 1600px wide), body copy, and a clear call to action. Write it before you build — it's faster to place finished copy than to draft in the editor.
• A duplicate of your live theme. Always work on a copy. In Shopify admin, go to Online Store → Themes, click the three dots on your live theme, and choose Duplicate. Publish only when you're happy.

Step 1: Create a New Page in Shopify Admin

1. In your Shopify admin, go to Online Store → Pages.
2. Click Add page.
3. Give it a title — this becomes the page's default handle (URL slug). For a landing page, something short like summer-sale or starter-kit works better than a long descriptive title.
4. Leave the body content empty or add a single line. You'll build the layout with sections, not the rich text editor.
5. Under Visibility, leave it visible. You'll control access through navigation and links.
6. Under Theme template, leave it on the default for now. You'll create a new one in the next step.
7. Click Save.

Note the page URL. It will look like yourstore.com/pages/summer-sale. You can edit the handle later under Search engine listing if you want a cleaner slug.

Step 2: Build a Custom Page Template in Your Theme

This is the step most guides skip, and it's the one that makes the rest work.

1. Go to Online Store → Themes and click Customize on your duplicated theme.
2. In the top dropdown, select Pages, then choose the page you just created.
3. In the left sidebar, find the Theme template selector (in Dawn and most OS 2.0 themes it sits at the top of the page settings). Click it and choose Create template.
4. Name it something recognizable, like landing. Shopify creates a new JSON template — page.landing.json — based on your default page template.
5. Save.

You now have a page template that's independent of your regular pages. Changes here won't affect your About page, Contact page, or anything else. That independence is the whole point: you can strip out headers, footers, and sidebars on this template without touching the rest of the store.

If your theme doesn't offer a template selector, you're likely on an older theme. You can still create page.landing.liquid manually under Code editor → Templates, but the section-based approach below assumes a modern theme.

Step 3: Add and Arrange Sections for Your Landing Page

With the landing template selected, the left sidebar shows the sections available for this template. Click Add section and build your page top to bottom.

A landing page that converts usually follows this order:

Practical tips for this step:

• Keep the hero above the fold. Headline, one line of supporting copy, and a button. Don't make visitors scroll to understand the offer.
• Use one primary CTA. Every button on the page should point to the same action — add to cart, start a trial, book a call. Competing CTAs split attention.
• Reuse theme sections rather than custom code. If you need a section your theme doesn't have, check the Shopify Theme Store for free sections or write a minimal custom section in the code editor. Custom Liquid is fine; custom JavaScript is where pages get slow.
• Compress images before uploading. Export at 2x display size, use WebP where your theme supports it, and keep hero images under 300KB.

Step 4: Assign the Template and Publish Your Page

If you created the template from within the page's editor (Step 2), it's already assigned. If not:

1. Go back to Online Store → Pages and open your landing page.
2. Under Theme template, select landing from the dropdown.
3. Click Save.
4. Back in the theme editor, confirm your sections appear on the page, then click Save in the top right.

Preview the page using the eye icon in the theme editor. Check it on mobile view too — Shopify's editor lets you toggle device previews. Most of your traffic will be mobile, so design for the narrow column first.

Step 5: Hide Navigation and Fine-Tune the Layout

A landing page works best when it has no exits. Visitors should either convert or leave — not wander into your blog.

• Remove the header and footer. In the theme editor, click the Header section and look for a setting like "Show header on this template" or use the template-specific settings panel. In Dawn, you can hide the header per template by editing page.landing.json in the code editor and removing the header-group reference. Alternatively, use CSS scoped to the template: template-page-landing .header, template-page-landing .footer { display: none; } added to your theme's custom CSS.
• Keep a minimal logo link. Some sellers keep a small logo that links back to the homepage for trust. That's a judgment call — test both.
• Set the page to noindex if it's ad-only. Go to the page's Search engine listing settings and add a meta robots tag, or edit theme.liquid to add {% if template contains 'landing' %}<meta name="robots" content="noindex">{% endif %}. You usually don't want ad landing pages competing with product pages in search.
• Add a canonical or redirect if you have duplicates. If you've built variations of the same offer, make sure only one is indexed.

Testing, Tracking, and Common Mistakes to Avoid

Before you send traffic, run through this checklist:

• Test every button. Click each CTA on desktop and mobile. Confirm it adds the right variant to cart or submits the right form.
• Install your tracking. Add your Meta Pixel, Google Ads tag, or GA4 measurement ID through Settings → Customer events or your theme's analytics settings. Verify with each platform's debug tool that events fire.
• Check page speed. Run the URL through PageSpeed Insights. Aim for a mobile LCP under 2.5 seconds. If it's slower, compress images and remove unused sections.
• Set up a thank-you page or conversion event. If your CTA is a form, redirect to a dedicated thank-you URL so you can track conversions accurately.

Common mistakes worth avoiding:

• Building on the live theme instead of a duplicate.
• Forgetting to assign the template, then wondering why sections don't show.
• Leaving the site-wide announcement bar and mega menu visible, which distracts from the offer.
• Using five different CTAs with different wording.
• Skipping mobile testing — the majority of paid traffic lands on a phone.

Conclusion

You don't need a subscription to build a focused, fast landing page on Shopify. A duplicate theme, a custom page template, and a handful of native sections get you there in under an hour. Build it once, track it properly, and you'll have a reusable template for every launch and promotion that follows.

FAQ

Can I build multiple landing pages from one template? Yes. Create one landing template and assign it to as many pages as you like. The sections and layout stay consistent, but each page's content is edited independently in the theme editor.

Will hiding the header and footer hurt my SEO? Not if the page is set to noindex, which is the right choice for ad-only landing pages. If you want the page indexed, keep a link back to your homepage and main navigation somewhere on the page so crawlers and visitors aren't stranded.

Do I need to know Liquid to do this? No. Steps 1 through 4 use only the visual theme editor. Liquid is only needed if you want to hide the header and footer via template logic or add a custom section your theme doesn't include — and even then, it's a few lines of code.