A Pre-Sell Page for Every Ad Angle: From a Proven Structure to Native Shopify Sections

Most brands running Meta at any real spend have more ad angles than landing pages. Six hooks in the account, one PDP catching all of it. The ad promises a specific thing to a specific person, and the click lands on a page written for everyone.

The fix has always been known: give each angle its own advertorial landing page. Media buyers call it a pre-sell page or a prelander; it is the same thing, an article-style page that sits between a cold ad and the product page and earns the click to the offer. The reason it does not happen is cost. A designer, a copywriter, a Replo seat, and a week, per page.

That cost just collapsed. A workflow has been going around this month: screenshot a competitor's pre-sell page, hand it to Claude Design with your brand colors, and get a rebuilt page in under an hour. It works, and the core insight is right. It also stops about two thirds of the way to a page you can run.

Here's what I built to cover the rest.

What the clone workflow gets right

Two things, and they are worth stealing.

Longevity is the signal. A brand does not pay to send cold traffic to a page for 60 days unless the page converts. The Meta Ad Library is public. Filter a competitor to active ads, find the ones that have been live for two months with fresh creative rotating in, and click through. When several long-running ads point at the same URL, that page is doing the work.

Show, don't describe. Visual models are far better at matching a screenshot than following a paragraph about layout. Work one section at a time, top down, and attach a crop of the reference section with every change request.

Both of those are now built into the DTC Stack. The rest of this post is about the parts the workflow skips.

Gap 1: an HTML export is not a Shopify landing page

The standard last step is "export the HTML and paste it into a custom page template." That gets you a page. It does not get you a page your team can operate.

Pasted HTML is invisible to the theme editor. Changing a headline, swapping the offer, or duplicating the page for the next angle means opening code. The person running your ads cannot do that on a Tuesday afternoon, so the page stops getting tested, which was the whole point of having it.

An advertorial landing page you can operate is a set of native Shopify sections with settings and blocks, wired into a JSON template. Every headline, image, review, and CTA is a field in the theme editor. A new angle is a duplicated template with three blocks changed. No landing page builder app, no monthly fee, no third-party script on the page.

That conversion is what the Shopify Page Builder skill does. As of v2.1 it treats a Claude Design export as a first-class input: the build prompt it gives you asks for one purpose-named <section> per block, so each one maps cleanly onto a Liquid section. If you would rather stay in Claude Code, the skill's HTML preview now has its own mobile, tablet, and desktop switcher and ends in the same Liquid.

Every section in the jump list is named for its job, not its looks. Feedback becomes "fix offer-tiers on mobile" rather than "the third box from the bottom."

Gap 2: the copy step is one line of a prompt

"Rewrite all copy for my brand" produces copy that is on-brand and on nothing else. A pre-sell page has a job that a generic rewrite does not know about:

• It continues the ad. The hero should read like the next sentence of the hook that earned the click, not a restatement and not a new topic.
• It matches traffic temperature. Cold prospecting traffic needs the problem and the mechanism before it ever sees a product name. Retargeting traffic does not.
• It answers your objections, not theirs. The competitor's FAQ handles the doubts their buyers have about their product.

So in the pipeline, copy is its own step. Landing Page Copy v1.3 takes a structure brief as input: it follows the proven section order and proof placement, flags anywhere that order fights your traffic temperature, and writes every word from your Brand Brain and your ad. The reference page contributes its skeleton and nothing else.

Gap 3: the reviews

This is the one that can hurt you. When a model rebuilds a page with a review section, it fills it: plausible names, plausible quotes, a plausible "14,000+ happy customers," and if you ask, generated faces to go with them. It looks finished. Shipping it is a fake testimonial problem under FTC rules, and the fines are per violation.

The same goes for invented bylines on advertorials, press logos the model added because the reference had some, and countdown timers that reset for every visitor.

The page builder now tags every image slot on a build as REAL, GENERATE, or REAL ONLY. Product-in-scene and lifestyle imagery can be generated. Anything presented as a customer is REAL ONLY: a real review, a real photo, or initials. Advertorials get a visible "Advertisement" label at the top. Timers require a real end date. None of this is optional in the checklist.

Structure is reusable. Expression is not. You can borrow the order of a competitor's argument. Their claims, their numbers, and their customers are theirs, and some of those claims may not be substantiated in the first place.

How to build an advertorial landing page on Shopify, one per ad angle

Three skills, each handing a file to the next:

1. Competitor Intel runs Meta Ad Library mode, finds the landing pages that long-running ads keep pointing at, and writes a Landing Page Structure Brief: sections named by purpose, where the proof sits, how the offer is built, and what the page fails to answer.
2. Landing Page Copy writes your version in that order, from your brand context and the ad it has to match.
3. Shopify Page Builder builds it, whether the reference is a narrative advertorial or a listicle landing page ("7 reasons..."). You review a preview on mobile and desktop, or iterate in Claude Design and import the HTML. Then it ships as native sections on an unpublished theme, with a no-nav layout and one template per angle.

The first page takes the longest because the sections get built. The second angle is a duplicated template and new copy.

Where Claude Design fits: from Claude Design to Shopify

Claude Design is a good canvas for the visual middle of this process, and if you like working that way, use it. It is not the system. The decisions that make a pre-sell page convert happen before it (which structure, which angle, which objections) and the thing that makes the page operable happens after it (sections, not a blob). A canvas with nothing upstream and nothing downstream gives you a good-looking page that matches nothing and that nobody can edit.

FAQ

What is an advertorial landing page?

An advertorial landing page is a page that reads like an article and is built to sell. It opens with a problem or a story, not an offer, makes its case, and introduces the product once the reader has a reason to care. It works on cold traffic because someone who just clicked an ad will read an article but will bounce from a product page they did not ask for. It is advertising, so it carries a visible "Advertisement" label.

Is an advertorial the same as a pre-sell page or a prelander?

In practice, yes. Advertorial, pre-sell page (or presell page), prelander, and bridge page all describe a page that sits between the ad and the product page. "Advertorial" usually means the article-style version. A listicle landing page ("7 reasons...") is the other common shape. The job is the same: warm up a cold click before it sees a price.

Do you need a landing page builder app to make one on Shopify?

No. Apps like Replo, Shogun, and GemPages work, and carry a monthly fee. The alternative is native Shopify sections wired into a JSON page template with its own no-header layout. Your team edits them in the theme editor like any other page, there is no app script slowing a page you are paying to send traffic to, and a new ad angle is a duplicated template.

Do advertorial landing pages need a disclosure?

Yes. The FTC treats an ad that looks like editorial content as deceptive unless it is clearly labeled. Put a plain "Advertisement" or "Sponsored" label at the top of the page, visible on a phone without scrolling. The byline should be your brand or a real person, and every review, rating, and statistic on the page has to be real. This is not legal advice; your counsel decides what your category requires.

Can you use Claude Design to build a Shopify landing page?

Partly. Claude Design is good at the visual middle: you give it a reference layout and your finished copy, iterate section by section, and export HTML. That export is not a Shopify page yet. Pasted into a template it cannot be edited in the theme editor. The last step is converting each section of the export into a native Shopify section with settings and blocks, which is what the Shopify Page Builder skill does.

All three skills are in The DTC Stack. If you already own it, run /dtc-upgrade and start with Competitor Intel. If you are new to running skills in Claude, start with the guide to Claude marketing skills.