Sales Page Builder Guide
Record. Upload. Refine. Go Live.

Four steps to a finished sales page

1
🎙️
Record
Open a voice memo or Loom and answer 7 questions about your offer. Just talk naturally.
5 - 10 min
2
🚀
Upload & Build
Drop the template, your transcript, and the prompt into one Claude message. It builds your V1.
2 min
3
Refine
Review V1, record voice feedback, swap your photo, wire your links and footer. 2 to 3 messages.
10 - 15 min
4
🌐
Download & Host
Download the final HTML file, drag it into Static.app, and your sales page is live.
2 min

How Claude's free plan works with this project

You can build your entire sales page on Claude's free plan. The template is a large file, so each message uses more of your allowance than a normal chat. The free plan resets every 5 hours, so if you run out of messages during the process, you can just wait for the reset and pick up where you left off.
If speed matters and you want to make sure you can do everything in one sitting without any interruptions, consider upgrading to the Pro plan ($20/month) for the month. You can upgrade at claude.ai/upgrade. Pro also lets you buy extra tokens if you need even more messages.
Either way, same result. The free plan and Pro plan produce the same quality output. The only difference is how fast you can move through the steps.

Why this guide is structured the way it is

Every time you send a message to Claude, it processes the entire conversation as context. The longer the conversation gets, the more tokens each new message costs. Your sales page template is a large HTML file, which means every message in a conversation that includes it is heavier than a normal chat message. This guide is designed to minimize the number of messages you need while maximizing the quality of each one.
One big first message. We upload the template, your transcript, and the prompt together in a single message. One big message is lighter on tokens than breaking it into multiple smaller ones because Claude only has to load the context once.
New chat for each refinement. After Claude produces V1, you download the file and start a fresh chat for your next round of changes. This keeps the context lean because Claude only processes the current file plus your new instruction, not the entire previous conversation.
Batch all your feedback into one recording. Instead of sending 10 small change requests across 10 messages, record one voice memo covering the entire page and send it as a single refinement message. One thorough round saves far more tokens than five vague ones.

Answer these 7 questions on a voice memo or Loom

Just talk naturally. Do not overthink it. The template combined with Claude will shape your words into polished sales copy. Aim for 5 to 10 minutes of recording total.

Just do your best. You do not need perfect answers. Share whatever you can and Claude will work with it. If you get stuck on any question, you can always ask Claude to make a suggestion or fill in the blanks for you. Just mention it in your recording.
01

What is your product and who is it for?

Say the product name, the format (course, template, toolkit, membership, planner, etc.), the price, and describe the specific person this is for. Be as specific as you can about who they are and what stage they are at.

"It's called the Content Engine, it's a $27 Notion template for online coaches who post on social media but can't stay consistent..."Fills: Hero, ticker bar, top bar, product name throughout, price badge, offer table price
02

What is the core outcome or transformation?

What does the buyer walk away with after using your product? What changes for them? Describe the before and after in their daily life or business. What specific result can they expect?

"They go from spending 3 hours every week trying to figure out what to post, to having a full month of content planned in 20 minutes..."Fills: Hero headline, CTA buttons, "With your product" comparison, final CTA section
03

What are the 5 to 6 biggest frustrations your buyer has right now?

Think about the pain points that make them want a solution. What do they complain about? What have they tried that did not work? What keeps them stuck? Go deep on the emotion, not just the surface problem.

"They sit down to write a post and the cursor just blinks at them. They look at competitors and feel like frauds. They tried ChatGPT but everything sounds robotic..."Fills: Pain points section, "Without your product" comparison
You can also ask Claude to surface relevant frustrations and pain points for your niche. Just mention that in your recording.
04

What are the 5 main things your product includes or does?

Walk through each feature or component. For each one, explain what it is, why it matters, and what makes it different from the generic version. This is your "What You Get" stack.

"First, there's the 90-day content calendar with prompts already filled in. Second, the caption generator that uses my storytelling framework, not generic AI..."Fills: What You Get stack, offer table inclusions, ticker bar items
05

What is your story? How did this product come to exist?

Share how you first encountered the problem, what you discovered, why existing solutions were not good enough, and what made you build something better. Include your credibility numbers (customers served, revenue generated, years of experience, certifications, etc.).

"I've been a social media manager for 8 years and worked with over 200 clients. I kept seeing the same pattern..."Fills: Story section, proof metrics bar, "By Your Name" labels
06

What do people ask before they buy?

Think about the objections and questions that come up. Common ones: "I'm a beginner, can I use this?" or "How is this different from the free option?" or "Will it work for my niche?"

"People always ask if it works for service providers, not just coaches. Yes, I've had photographers, VAs, and consultants use it..."Fills: FAQ accordion section
07

What makes your approach unique? What is your method or framework called?

If you have a signature method, framework, or philosophy, name it and explain it. If you do not have one, just share whatever you can about what makes your approach different.

"I call it the Story-First Method. Instead of starting with a topic, you start with a real moment from your life and reverse-engineer the lesson..."Fills: Ticker bar, hero badge, "Without vs With" section, benefits cards
Do not have a named method yet? That is completely fine. Just share whatever you can about what makes your approach different, and then tell Claude you need its help to suggest a framework or method name for you. It will come up with options based on what you described.

Drop these three things into one Claude message

This is Message 1. Upload the template file, your voice transcript, and paste the prompt below. Claude will produce your complete V1 sales page.

📄
Sales Page Template
Upload the HTML template file from the kit. Claude will use this as the base and fill in every placeholder with content from your recording.
Attach as file
🎙️
Your Voice Transcript
The transcript from your Loom or voice memo recording. Loom gives you a free transcript automatically. You can also use your phone's built-in transcription.
Attach as file or paste
✍️
The Prompt
Copy and paste the prompt below into your message. This tells Claude exactly what to do with your template and transcript.
Paste into message

Copy and paste this into your Claude message

I am attaching a sales page HTML template and a Loom transcript where I share all the details about my offer. Your job is to take the template and produce a complete sales page with all the placeholder content replaced by real copy based on my transcript.

Use my tone of voice and the content from my transcript. Keep the copy at a 6th grade reading level, conversational and grounded. No hype, no em dashes, no filler.

Fill in every section of the template: the hero, ticker bar, pain points, What You Get stack, How It Works steps, the story section, the comparison section, the FAQ, and every CTA.

For the MegaMockup and EditorialMockup sections, generate gorgeous placeholder content that presents my offer based on what I described in the transcript.

Produce the complete finished HTML file featuring the copy you have written for me based on my transcript.
After Claude produces V1: Download the HTML file it gives you. Open it in your browser and read the entire page top to bottom. Then move on to the Refine tab.

Polish your sales page in 2 to 3 messages

Start a new chat for each refinement message. Download the latest version Claude produced, upload it into the new chat, and give your next instruction. This keeps the context lean and saves tokens.

Walk through each of these in your recording

Hero section

Read the headline and subheadline. Does it sound like you? Is the ticker bar right? Is the price badge correct?

"Change the headline to: Stop Guessing What to Post and Start Growing. The price should be $17 not $27."

Pain points

Read each one. Do they match what your buyer actually feels? Replace any that feel generic.

"Pain point 2 should say: You keep saving other people's posts for inspiration but never actually create your own."

What You Get

Are the feature names right? Do the descriptions match what your product actually includes?

"Feature 3 should be called The Caption Bank, not The Post Library."

How It Works

Are the 3 steps accurate? Do they describe the real experience from purchase to result?

"Step 2 should say: Open the Notion template and answer the 5 audience questions."

Story & credentials

Does it sound like your story? Are the numbers right? Does it capture why you built this?

"Change 200 clients to 180. I was a freelancer first, not in corporate."

FAQ

Are these the real objections? Are the answers honest? Anything missing?

"Add one that says: Does this work for service providers, not just coaches?"

Everything else

Comparison section, CTA headlines, guarantee, closing section. Anything off?

"The final CTA headline should say: Start Your Content Engine Today."

Start a new chat. Upload V1. Paste this prompt with your feedback.

Here is my sales page (attached). Below is my voice feedback transcript with every copy change I want. Please go section by section and apply each change exactly as I describe it. Keep everything I did not mention the same. Keep the copy conversational and at a 6th grade reading level. No hype, no em dashes. Produce the complete updated HTML file.

[paste your voice feedback transcript here]

About the mockups and your photo

The template produces your mockups automatically. The MegaMockup and EditorialMockup sections are generated from the content Claude writes based on your transcript. You do not need to upload product screenshots. The mockups will already reflect your offer.
However, you can edit the mockup content if you want to. If the auto-generated mockup content does not look right or you want it to say something different, just mention it in your copy feedback recording and Claude will adjust it. No separate step needed.
Your photo is the one thing you may want to swap. If Claude used a placeholder for your photo in the story section, or if you want to update it, use the prompt below. You can also skip this step if the V1 photo works for you.

Start a new chat. Upload the latest version + your photo.

Here is the current version of my sales page (attached). I am also attaching my photo. Please place it in the story section where the current image is. Keep all copy and layout exactly the same. Produce the complete updated HTML file.
Save a message: You can combine this with your copy feedback or your link wiring. Just attach your photo in the same message and mention where it goes.

Download your file and host it for free

Your sales page is a single HTML file. You do not need WordPress, a website builder, or any technical knowledge. Just drag and drop.

We Recommend
Static.app
static.app
Free plan available
  • Drag and drop your HTML file to deploy
  • Free SSL certificate included
  • Custom domain support
  • Built-in code editor for quick text edits
  • Form collection built in
  • 50 MB free storage
How to Deploy
1
Download the final HTML file from Claude
2
Go to static.app and drag your file into the upload area
3
Choose a subdomain or connect your own domain. You are live.
Other options: Netlify Drop (app.netlify.com/drop), Tiiny Host (tiiny.host), Cloudflare Pages, and GitHub Pages all work too. Static.app is the simplest if you have never hosted a file before.