No. 017
A landing page for your product,in an afternoon.
Chin Gregory presents · a guide on selling with ai · runtime 15 min
Free guide · No. 017 · Selling with AI

A landing page for your product, in an afternoon.

A live page with your product, your price and a buy button that works, built from one prompt. Lovable puts it on a real web address; Claude gets you a free link in minutes.

Takes
An afternoon
Needs
Your product details and a checkout link
Costs
Free to start on Lovable or Claude

By tonight your product can have a page people can buy from. You fill in the facts, the prompt lays out every section, and the AI builds it with clear gaps where your own words go. You fill the gaps and publish.

What you’ll need.

Get these set up first. Everything below uses them.

Some of these are affiliate links. If you sign up through one, I may earn a commission, at no extra cost to you. See every tool I use.

01

Tell this page about your product

Your answers write the build prompt. They stay in your browser and nobody else sees them.

Include the currency.
Where the buy button goes.
Leave it blank and the AI picks a clean style.
No checkout link yet? Make a payment link in your checkout tool first, like a Stripe Payment Link. The page needs somewhere to send buyers.
02

Pick your route

Both use the same prompt. The difference is where the page lives.

Lovable: a real website

This is the one I use. You get a page at your own web address, you can click on anything to change it, and you can update it whenever you like.

Publishing to a lovable.app address is free on every plan. Using your own domain needs a paid plan.

Claude: the quick free link

Claude builds the page in a chat and gives you a public link when you publish it. Anyone can open it without a Claude account. It’s the fastest way to get a page up today.

03

Build it in Lovable

One prompt gets you the whole page with every section in place.

  1. Sign up at lovable.dev.
  2. On the dashboard, make sure Build is selected in the mode picker.
  3. Copy your prompt below and paste it into the "Ask Lovable to create…" box.
  4. Attach your logo, your photo and a screenshot of a page whose look you like. Lovable uses them as a reference.
  5. Send it and watch the preview on the right.
Your Lovable prompt
Build a one-page sales page for my digital product.

THE PRODUCT (use these facts exactly as written)
- Product: [PRODUCT NAME]
- Who it's for: [WHO ITS FOR]
- Price: [PRICE]
- What's inside:
[WHATS INSIDE ONE ITEM PER LINE]
- Buy button link: [YOUR CHECKOUT LINK]

THE SECTIONS, IN THIS ORDER
1. Top of the page: a headline, one line under it, and a buy button. Leave the headline and the line as gaps for me.
2. Who it's for: a short section that names "[WHO ITS FOR]". Leave the sentences as a gap for me.
3. What's inside: one card for every item in my list above, in the same order, using my wording. Leave a one-line gap on each card for me to say what that part gets them.
4. Price and buy: show [PRICE] large, with a big button that opens my buy link.
5. About me: a space for my photo and a short bio, left as gaps.
6. Questions: 4 question-and-answer slots, all left as gaps.
7. Last section: the product name, the price again and the same buy button.

RULES
- Never write sales copy, claims, testimonials, results or numbers for me. Every gap shows as a highlighted box that says "[YOUR WORDS: ...]" and what goes there, so I can spot it and fill it in.
- Every buy button opens [YOUR CHECKOUT LINK] in a new tab.
- It must look great on a phone first. Big text, lots of space, one column on mobile.
- One clear, consistent style on every section.
- No extra pages, menus or sign-up forms.
You’ll see your page in the preview, with highlighted [YOUR WORDS] gaps where your copy goes.
04

Fill the gaps with your words

The page has your facts. The words that make people buy need to come from you.

  1. Use Edit text inline to type straight onto the page. Click a gap and replace it.
  2. For a design change, open the preview toolbar, select the part you want to change and say what you want in the chat.
  3. Ask for one change at a time and check the preview after each one.
Things you can type
Make the buy buttons bigger and use my amber colour.
Put my photo next to the About me section.
Remove the fourth question slot.
Show me the page at phone width.
05

Test it like a buyer

A broken buy button costs you every sale on the page. Two minutes now saves that.

  1. Search the page for "YOUR WORDS". There should be none left.
  2. Click every buy button. Each one should open your checkout with the right price.
  3. Open the preview at phone size and read it from top to bottom.
When every button works and every gap is filled, it’s ready.
06

Publish it

Two clicks and it’s live at a real address you can put in your bio, emails and DMs.

  1. Click Publish in the top right.
  2. Change the suggested lovable.app address to your product name if you like.
  3. Click Publish again.
Changed something later? Edits show in the preview straight away, but your live page only updates when you click Publish, then Publish changes.
07

Or: the quick route in Claude

If you want a link in the next ten minutes, this is it.

  1. Start a new chat at claude.ai and paste the prompt below.
  2. Claude builds the page in the panel next to the chat and lists every gap.
  3. Send your words for each gap using the second box below.
  4. Click Publish on the artifact and copy the public link.
Your Claude prompt
Build a one-page sales page for my digital product as a single HTML artifact.

THE PRODUCT (use these facts exactly as written)
- Product: [PRODUCT NAME]
- Who it's for: [WHO ITS FOR]
- Price: [PRICE]
- What's inside:
[WHATS INSIDE ONE ITEM PER LINE]
- Buy button link: [YOUR CHECKOUT LINK]

THE SECTIONS, IN THIS ORDER
1. Top of the page: a headline, one line under it, and a buy button. Leave the headline and the line as gaps for me.
2. Who it's for: a short section that names "[WHO ITS FOR]". Leave the sentences as a gap for me.
3. What's inside: one card for every item in my list above, in the same order, using my wording. Leave a one-line gap on each card for me to say what that part gets them.
4. Price and buy: show [PRICE] large, with a big button that opens my buy link.
5. About me: a space for my photo and a short bio, left as gaps.
6. Questions: 4 question-and-answer slots, all left as gaps.
7. Last section: the product name, the price again and the same buy button.

RULES
- Never write sales copy, claims, testimonials, results or numbers for me. Every gap shows as a highlighted box that says "[YOUR WORDS: ...]" and what goes there, so I can spot it and fill it in.
- Every buy button opens [YOUR CHECKOUT LINK] in a new tab.
- It must look great on a phone first. Big text, lots of space, one column on mobile.
- One clear, consistent style on every section.
- No extra pages, menus or sign-up forms.

When it's built, list every [YOUR WORDS] gap so I can send you my words for each one.
Send your words
Here are my words for the gaps. Put each one in exactly as I've written it, and change nothing else.

Headline:
Line under the headline:
Who it's for:
About me:
08

Take your downloads

Tick what you want. Each file is written from your answers in step 1.

Your tools, one more time.

If something goes wrong.

It wrote sales copy instead of leaving gaps

Type: "Replace every line you wrote yourself with a [YOUR WORDS] gap. Keep only the facts I gave you."

The buy button doesn’t go anywhere

Type: "Every buy button should open [your link] in a new tab. Fix all of them." Then publish again.

My live page doesn’t show my changes

In Lovable, click Publish, then Publish changes. The live page is a snapshot until you do.

I’ve run out of Lovable credits for today

The free plan gives you a small number of build credits each day. Use Edit text inline for word changes, and save chat requests for design changes.

I want it on my own domain

Custom domains need a paid Lovable plan. You buy the domain from any domain seller, then follow Lovable’s custom domain help page to connect it.

What’s next

Now send people to your page.

Your page is live and the buy button works. In my free live workshop I show you how I use Claude to sell my digital products and bring in customers every day.

Format
Free live workshop
Bring
Your landing page link