Transform content you already have into a review-ready pre-sale page, then finish it as convert-ready HTML. Bring the words — the workflow builds the page on proven conversion-oriented design, fills it with your content, styles it to your brand, and hands you the file.
Three pre-sale types are supported:
Advertorial — story/editorial presell about one product (problem → turning point → outcome).
Listicle — an "N reasons / best-of" numbered article about one product.
Comparison — product vs. alternatives, ranked or weighed side by side.
What it does
Generates from conversion design knowledge. The layout is distilled from real high-converting pre-sale pages — advertorials, listicles, and comparisons — studied and generalized into neutral wireframes, then matched to your content's structure and flow.
Fills it with your words. Real facts, prices, and quotes map into the sections; gaps are written to match your tone. Missing hard facts (a rating, a guarantee) become clear
[insert …]placeholders — never invented.Applies your brand. Colors and fonts, set once per store or read from your website.
Re-skins on request. Describe a look and it restyles while keeping the layout and structure intact.
Delivers convert-ready HTML — review it, share a link, and turn it into an editable GemPages page.
How to use it
1. Build the page — give it your content.
"Use GemPages MCP. Here's my advertorial content, gen me a landing page I can review." (paste content)
You'll pick a store and set brand colors/fonts (once)
2. Style it — direct the look; keep it simple or detailed.
"Apply a premium-beauty editorial style: neutral UI, oversized photography, editorial typography, generous whitespace, quiet commerce. Font: Helvetica. Accent: #BB7963. H1 48px desktop / 32px mobile, H2 32/24, body 16px. Subtle borders, minimal corner radius, soft fade-in on scroll. Don't change the layout or structure — restyle only."
Include what you care about: font, accent hex, design language (a few keywords ("neutral UI + editorial + whitespace") or a reference URL). Correct freely: "headline too big — cap H1 at 48px," "tighten section spacing," "use my color from [site]."
3. Convert — when the look is right.
"Convert it to an editable GemPages page."
It's rebuilt into native GemPages blocks as a draft for you to review and publish.
Good to know
Convert-ready = self-contained HTML; converting rebuilds layout and content into native blocks.
Styling on convert: brand colors carry; heavy re-skin CSS may need a touch-up in GemPages.
Placeholders: fill
[insert …]markers with your real values and they drop in.Images: photos arrive as sized placeholders — swap in real product shots during the build.
Quick start (all-in-one)
"Here's my content (paste). Build a review page for store <name>. My brand: accent #BB7963, Helvetica type, neutral editorial style with generous whitespace — apply it, keep the layout. Then give me a review link; I'll say when to convert."
