Learn Shopify Shopify Presell Page: How to Build a Presell Page That Actually Converts

Shopify Presell Page: How to Build a Presell Page That Actually Converts

GemPages Team
Updated:
8 minutes read
Shopify Presell Page: How to Build a Presell Page That Actually Converts

Most people who land on your product page are not ready to buy. In a Baymard Institute study of US online shoppers, 42% said they abandoned a cart because they were "just browsing / not ready to buy". If you are paying for that traffic, you are paying to send strangers to a page built for people who have already decided.

A presell landing page is the fix. It gives the visitor a reason to care before you ask for the sale. This guide covers what a presell page is, how it differs from the other pages in your funnel, the five blocks that belong on one, how to build one on Shopify, and when you should skip it entirely.

Key Takeaways

  • A presell page sits between your ad and your product page, and its only job is to earn the next click.
  • It is not a coming soon page. Presell pages sell products that are already available; coming soon pages collect emails for products that are not.
  • Five blocks do the work: a headline matching your ad, one clearly framed problem, one proof block, the product as the answer, and one next action.
  • Measure a presell page by click-through rate to the product page, not by time on page. A visitor who reads for three minutes and leaves is a failure.
  • Skip the presell page when your traffic is already warm, your product explains itself, or you have not launched yet.

What Is a Presell Page?

A presell page is a landing page that warms up a visitor before they reach your product page. It supplies the context, the problem framing, and the proof that a product page assumes the visitor already has.

Presell pages exist for cold traffic. Someone who clicked an ad out of curiosity has not decided anything yet, and a price with an add-to-cart button asks them to decide immediately. That gap is where the 42% who were "just browsing" come from.

The goal of a presell page is narrow: get the visitor to click through to the product page. It does not need to close the sale, and it should not try to.

Selling on Shopify for only $1
Start with 3-day free trial and next 3 months for just $1/month.

Presell Page, Product Page, Landing Page, and Coming Soon Page

These four page types get mixed up constantly, and picking the wrong one wastes ad budget. Two questions separate them: is the product on sale yet, and is the traffic cold or warm?

comparision of four page type


Two questions decide which page you need: is the product on sale yet, and is the traffic cold or warm?

Page type What it is for Traffic it serves Product on sale? Main action
Presell page Warm up a visitor before the offer Cold, usually paid Yes Click through to the product page
Product detail page Close the sale on one product Warm or ready to buy Yes Add to cart
Coming soon page Build a list before launch Any No Leave an email
Advertorial Presell through a long-form article Cold, usually paid Yes Click through to the product page

The practical test takes one question each way. If the product is already on sale and the traffic is cold, you want a presell page. If the product is not on sale yet, you want a coming soon page and an email capture instead.

In sales funnel terms, a presell page slots in like this: ad, then presell page, then product page, then cart, then checkout. A landing page that sells directly removes the product page from that chain, which is a different job with a different measurement.

Other Names For the Same Page

The same page carries different names depending on who you learned it from, and knowing which is which saves confusion in a brief:

  • Pre-sell page is the same thing with a hyphen. Both spellings are common.
  • Pre-lander or pre-landing page is what affiliate and media-buying teams call it.
  • Pre-cart page describes its position rather than its content.
  • Advertorial is a long-form presell page written like an editorial article.

One page type is genuinely different. A squeeze page exists for lead capture: it trades something for an email address, so its success metric is opt-ins. A presell page pushes the visitor deeper toward a purchase, so its metric is clicks. If your page collects emails and stops there, you built a squeeze page.

Why Cold Ad Traffic Needs a Presell Page

Product pages are built for people who already want the product. They lead with price, variants, and an add-to-cart button, all of which assume the visitor has already decided the product is worth considering. Cold traffic sits much earlier in the buyer's journey than that.

Baymard's list of 50 studies puts the average documented cart abandonment rate at 70.22%. Some of that is unavoidable window shopping. But the largest single stated reason, at 42%, is not being ready to buy, and readiness is exactly what a presell page manufactures.

A presell page adds the step your funnel is missing. It repeats the promise the ad made, names the problem in terms the reader recognizes, shows that the promise holds, and then hands the visitor to the product page with a reason to look.

That makes this a problem for people buying traffic. Cold visitors arrive at a low awareness level, with no idea the problem is solvable, let alone that your product solves it. If your visitors arrive from branded search or email instead, they already have that context, and the extra page just adds friction.

Where a Presell Page Sits in Your Funnel

A presell page inserts one step into your conversion funnel and changes nothing else. Your product page still closes the sale, your cart still handles the transaction, and your ad still does the targeting.

where presell page sits in your funnel


The presell page is the one step you add. Everything after it keeps its existing job.

Because it sits one step early, it needs its own success metric. A presell page that holds attention but produces no clicks has failed, even if every other number looks healthy. Judge it on click-through to the product page.

When You Should Skip the Presell Page

Every extra step costs you visitors, so a presell page has to earn its place. Skip it in four situations:

when to skip the presell page

Four situations where the extra step costs more than it returns.

  • Your traffic is already warm: Returning visitors, email subscribers, and branded search traffic know who you are. Send them to the product page.
  • The product explains itself: A cheap accessory does not need preselling. Products that need context, comparison, or a change of belief do.
  • You have not launched yet: With nothing to buy, a presell page has nowhere to send anyone. Use a coming soon page or a pre-order page if you can take payment early.
  • Nobody will maintain it: A presell page tied to one campaign goes stale the moment the offer changes, and a stale page with the wrong price is worse than no page.

Outside those four conditions, a presell page is worth testing. Inside them, it is overhead.

The 5 Blocks Every Presell Page Needs

Order matters more than length. A presell page works when each block does one job and hands off cleanly to the next, so here are the five blocks in the sequence they belong to:


1. A Headline That Matches Your Ad

Your hero section should repeat the promise the visitor just clicked. This is called message match, and when the ad says one thing and the page says another, the visitor concludes they are in the wrong place and leaves before reading anything. A weak message match shows up as a high bounce rate on an otherwise well-built page.

maguireshoes-presell-page-headline

The Maguireshoes' presell page headline makes an announcement about their restocked boots.

This is the cheapest fix on the list and the one most often skipped: read your ad copy and your headline side by side. If the main phrase does not appear in both, rewrite the headline.

Running several ad angles at once means you need several presell pages. Cramming every angle into one page dilutes the match for all of them.

Pro tip: Focus on fonts, as it contributes to your store’s visual. If you want to use a font that's not included in Shopify's font library, then you can use fonts from third-party solutions like GemPages.

2. The Problem, In the Reader's Own Words

Name the problem before you name the product. This is where a cold visitor decides whether to keep reading, and abstract benefit language loses them.

Use the words your customers actually use. Product reviews, support tickets, and ad comments are full of them, and they beat anything written in a marketing meeting.

Pick one problem. A page that lists five problems tells the reader you are guessing which one is theirs.

3. One Proof Block, Not Five

Choose your strongest piece of social proof and give it room. Stacking testimonials, badges, press logos, and review counts together makes all of them feel like decoration.

customers-stories-on-Potgang-homepage

Customers share their stories of growing green with Pot Gang products.

Not all social proof carries the same weight. Roughly in order:

  • A specific result with a number attached
  • A review with a real name and face
  • A total review count or rating
  • Press logos

Start at the top of that list and stop as soon as the claim is covered.

4. The Product, Introduced As the Answer

Introduce the product only after the problem and the proof, and only the parts that address the problem you just named. The visitor is not yet comparing variants.

theoodie-product-description

A good example of a detailed product description is from The Oodie, a company that sells wearable blankets. 

Do not paste your product description here. Two or three points that connect directly back to block two are enough. Everything else belongs on the product page, which is where you are sending them next.

Tips: Shopify page builders like GemPages make this design process a breeze with rich pre-made templates that are tailor-made for specific industries.

5. One Next Action

One offer, one destination. Repeat the call to action as often as the page length requires, but keep every button pointing to the same place.

Multiple destinations split attention and usually produce fewer clicks than a single option. If the page offers three paths, most visitors take none.

anecdotecandles-CTAs

Anecdotecandles makes it easy to add their products to your carts with “Quick Add” buttons. 

Urgency mechanics like countdown timers work only when the deadline is real. A timer that resets on refresh teaches the visitor that nothing on the page is true, which costs more than the urgency gains.

Pro tip: Check out 14 secret tips that Shopify store owners don’t want to tell you about how to create powerful CTAs that earn you more clicks

How to Build a Presell Page on Shopify

Shopify has no page type called "presell page," so you build one out of the pieces the platform gives you. Knowing where those pieces run out saves time:

What Shopify Gives You, and What It Doesn't

Shopify pages at /pages/your-page handle static content well, and the theme editor can arrange sections on them. For a simple presell page with a headline, an image, some copy, and a button, that is enough.

The limits show up when campaigns move. Theme sections are built for the storefront's regular structure, not for a page whose offer, headline, and proof change every few weeks. Rearranging blocks that the theme was not designed to rearrange usually means editing theme code.

There is also no page-level A/B testing built into Shopify, so comparing two presell page versions means either duplicating pages and splitting traffic in your ad platform or adding a tool that does it. Either way, plan for it before you launch rather than after.

Building the Page With GemPages

A page builder is one way to remove the theme-code step, and GemPages is one of several options. The practical difference for campaign pages is that you can change the offer, the headline, and the proof block without touching your theme, which matters when an offer shifts mid-campaign and the alternative is a developer ticket.

For the 5 blocks above, the relevant pieces are a drag-and-drop layout for the block order and CRO-focused elements like a countdown timer or stock counter for block five, used only when the deadline is genuine. Long-form presell pages are the advertorial and listicle format, which the builder handles as its own page type.

gempages advertorials page

If you would rather not design from scratch, GemPages ships 400+ templates and sections you can start from and cut down.

gempages templates


Starting from a layout that already has a headline, a proof block, and a single call to action in the right order is faster than assembling one, and cutting is easier than adding.

GemPages-editor

Customize your Shopify store pages your way
The powerful page builder lets you craft unique, high-converting store pages. No coding required.

URL, Indexing, and Thin-content Risk

A presell page lives on your store's domain, which means Google will find it. That is fine for an evergreen page and a problem for a campaign page.

Campaign presell pages are short, promotional, and often near-duplicates of each other across ad angles. Letting Google index a dozen of them puts thin pages next to your product pages and competes with your own commercial intent. Add noindex to short-lived campaign pages and keep it off the evergreen ones you actually want ranking.

Keep the URLs clean while you are there. Tracking parameters belong in your ad platform, not in the canonical URL you hand to search engines.

Presell Page Examples Worth Studying

Four pages are worth a look, each one a clear illustration of a different block above:

HyperX: One Offer Page Instead of Many Product Pages

HyperX ran paid social traffic to a single Loot Drop offer page rather than to individual product pages.

HyperX-paid-ads

The page led with the deals themselves rather than a brand statement, and calls to action were spread down the page so a visitor could move to a product at any scroll depth.

 

Hyperx-presell-page

Their upcoming deals are visually highlighted and immediately get visitors hooked when they land on the page. Their copy is concise and targeted toward gamers by emphasizing the performance, quality, and immersive experience.

HyperX leverages strong CTAs strategically placed throughout the page to guide users toward exploring the products further or making a purchase.

Pot Gang: Customers Do the Selling

Pot Gang builds its page around customer voices rather than product copy. Real subscribers describe growing fruit, vegetables, and herbs from the monthly boxes in their own words.

Pot-gang-presell-page

This is block three done well. One kind of proof, given enough space to land, doing more work than a wall of badges would.

Cheekbone Beauty: The Offer Comes First

Cheekbone Beauty leads with the deal instead of burying it below brand storytelling. Prices and products sit in clear categories so nothing slows the scroll, and testimonials carry the persuasion.

Cheekbonebeauty-presell-page.

Bundle offers change between campaigns, but the structure holds: offer, categories, proof.

Nectar Sleep: Urgency With a Real Deadline

Nectar Sleep pairs a countdown timer with trust badges near the top of the page. The timer creates the deadline, and the badges answer the objection that a deadline creates, which is whether the purchase is safe.

Nectar-presell-page.

This only works because the promotion genuinely ends. Borrow the pattern, not the timer widget on its own.

What to Measure After You Launch

Your primary metric is click-through rate from the presell page to the product page. That is the one thing the page was built to do, and it is the number that tells you whether the extra step is working.

Three secondary numbers explain the first one. Scroll depth shows which block loses people, so if most visitors stop before your proof block, the problem is block two. The add-to-cart rate on the product page receiving presell traffic tells you whether the visitors arriving are actually warmer. Cost per add-to-cart tells you whether the whole detour is cheaper than sending ads straight to the product page.

One popular metric will mislead you here. Time on page looks like engagement, but a visitor who reads for three minutes and never clicks has still cost you the click. Long sessions with low click-through usually mean the page is interesting and the call to action is buried.

Compare against the right baseline. The comparison that answers the question is a split test between traffic sent to the presell page and traffic sent straight to the product page, running at the same time. Comparing this month to last month mixes in seasonality, ad costs, and creative changes and will not tell you whether the presell page did anything.

Treat Your Presell Page As a Bridge, Not a Destination

A presell page earns its place when you are buying cold traffic and the offer needs explaining. Outside those conditions, it adds a step without adding value, and the honest answer is to skip it.

When you do build one, the order of the blocks matters more than the number of them: match the ad, name one problem, prove it once, introduce the product as the answer, and offer one way forward. Then judge the page on click-through to your product page rather than on how long people stayed on it.

Pick one campaign that is currently pointing ads straight at a product page and build a presell page for it. Run both in parallel, compare cost per add-to-cart, and let the numbers decide whether it earns a second one. If you want to build and change that page without editing theme code, a page builder like GemPages is one way to do it.

Not ready to commit but still want to kick the tires?
No problem! Get started with GemPages' free plan. Explore wonderful features that can amaze for your store.

FAQs about Presell Page

What is a presell page?
A presell page is a landing page that warms up a visitor before they reach your product page. It gives cold traffic the context, problem framing and proof that a product page assumes they already have. Its goal is the next click, not the sale.
What is the difference between a presell page and a product page?
A product page closes the sale for someone who is already interested, so its main action is add to cart. A presell page comes one step earlier and only needs to earn a click through. Sending cold paid traffic straight to a product page asks people to decide before they understand what the product does.
Is a presell page the same as a pre-landing page?
Yes, in most cases. Pre-landing page, pre-sell page, pre-cart page and presell page all describe a page that comes before the page where the transaction happens. Affiliate and media-buying teams tend to say pre-lander, while Shopify merchants tend to say presell page.
Do I need a presell page or a coming soon page?
Use a presell page if the product is already on sale and your traffic is cold. Use a coming soon page if it has not launched yet, and collect emails on it instead. The deciding question is simply whether there is something to buy right now.
When should you not use a presell page?
Skip it when your traffic is already warm, such as returning visitors, email subscribers or branded search. Also skip it when the product explains itself, when you have not launched, or when nobody will keep the page updated as offers change. Every extra step costs you visitors.
Should a presell page be indexed by Google?
No, not if it is a short-lived campaign page. Several near-duplicate campaign pages competing with your own product pages create thin content and cannibalisation problems. Add noindex to campaign pages and keep indexing enabled only for the evergreen presell pages you want ranking.
How do you measure whether a presell page is working?
Track click-through rate to the product page as the primary metric, because that is the only job the page has. Scroll depth shows which block loses people, and cost per add-to-cart tells you whether the detour is cheaper than sending ads straight to the product page. Time on page will mislead you here, since a visitor who reads for three minutes and never clicks has still cost you the click.
Topics: 
Product Pages

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands