Build a landing page that sells with AI in one day

You have something to sell or a course to open, but no page where a customer can read the details. So you sell through page posts alone: the information is scattered, people scroll for the price, ask the same questions in chat, and when the post sinks you write it all again.

A landing page is a single web page that tells the whole story in one place and then leads the customer to the order button. This guide builds a landing page for a product or a course with AI in one day: preparing the content, prompting the AI, going live on BrewInTH, and taking orders without a back office.

In short
✅ A landing page is a static site: it runs on the free plan and never sleeps, so a click from an ad opens at once
✅ A page that sells has 7 parts: headline, problem, what you get, proof, price, FAQ and the order button
✅ No cart system needed: a button to LINE, a payment link or an order form is enough to start selling
✅ No coding agent? A chat AI plus the Upload and go live page (BETA) does it
✅ Want more trust? Use your own domain on a paid plan

How a landing page differs from a normal website

A normal website has many pages and menus for people to wander through. A landing page has one goal: the visitor presses one button, such as order, enrol or start a chat. So it has no menu leading elsewhere, and its content follows the order of the customer's questions.

It fits jobs like these:

• Opening a new round of an online course or workshop
• Selling one product or one set, such as pre-order sweets or handmade soap
• Running Facebook or TikTok ads that need a page to land on
• Taking pre-orders or collecting a waiting list before the real launch

The 7 parts of a landing page that sells

You do not have to invent the structure. Most sales pages that work run in this order.

1. Headline: the result the customer gets, not just the product name, e.g. "Make food look delicious with just your phone".
2. Problem: what the customer is living with now, so they think "yes, that is me".
3. What you get: a short list of what the purchase includes and when it can be used.
4. Proof: real reviews, real results, real customer numbers (real ones only).
5. Price: stated plainly, with what is and is not included and when an offer ends.
6. FAQ: answers to worries before the customer has to ask, e.g. delivery time, replays, refunds.
7. Order button: clear wording such as "Enrol for ฿590", repeated at several points on the page.

Step 1: Prepare the content (30 minutes)

AI writes nice sentences but does not know the facts of your product. Gather these as plain text first:

• Product or course name, price, and any promotion
• Who the customer is and what problem they have
• What they get: 3-6 points
• 2-3 real reviews or results
• 4-5 questions customers often ask, with your answers
• How to order: LINE, a payment link or a form (see "Taking orders" below)
• 3-5 product photos and your brand colour

This guide uses a made-up course, "Food photography with your phone" by Kru Fon, at ฿590.

Step 2: Ask the AI to write the page

Open ChatGPT, Claude or Gemini and paste this prompt (with your own details):

Build a one-page landing page that sells an online course. It must look good on phones and load fast.

Details:
- Course: Food photography with your phone, by Kru Fon. Price ฿590 (normally ฿890, until the end of this month)
- Customers: restaurant owners and online food sellers whose photos do not look appetising, so sales stay flat
- What they get: 12 video lessons with unlimited replays, 5 editing presets, a Q&A group
- Reviews: (paste 2-3 real reviews)
- FAQ: (paste the questions and answers)
- Every order button links to: (paste your LINE link or payment link)

Requirements:
- Sections in this order: headline, problem, what you get, reviews, price, FAQ, closing order button
- The order button says "Enrol for ฿590" and appears at the top, in the middle and at the end
- Warm orange tones, large readable text, plain HTML + CSS, no framework
- Add a title, meta description and og:image so a shared link shows a picture and description
- Pictures live in an images/ folder, named cover.webp, review1.webp, review2.webp
- Never invent reviews, numbers or endorsements I did not give you

The last line matters. AI likes to add fake reviews or "over 10,000 customers" to make a page look good, which misleads your buyers. Check every number on the page before publishing.

To adjust the result, just say so in the same chat: "make the headline shorter" or "move the reviews above the price".

Taking orders without a back office

A landing page is a static site: its files go straight to the visitor and no server program waits to receive data. So the order button must take the customer to a place that can accept the order. Three options:

• A button to your LINE chat: the simplest. The customer taps and carries on talking. Good for a first launch and for products people ask questions about.
• A payment link or a PromptPay QR: if your payment service can issue a "payment link", point the button at it; or show your PromptPay QR picture with "send the slip on LINE after paying".
• An order form: use an online form service you already have to collect the name, delivery address and quantity, and point the button at the form.

When orders grow and you want them in your own system, have the AI build an app with a database, as in the booking website guide. There is no need for that on day one.

If you collect names, phone numbers or addresses, say briefly on the page what they are for, and use them only for that.

Step 3: Go live on BrewInTH

Two routes, depending on your tools.

Route 1: a chat AI + Upload and go live (BETA)

1. Sign up at brewinth.com and open Upload and go live in the menu.
2. Under 1. Choose the project, click Create a new project (name and address) and pick a site name such as foodphoto. The page will live at foodphoto.host.brewinth.net.
3. Put the files the AI wrote and your images/ folder into one ZIP, with index.html at the top level.
4. Under 2. Hand over the site's files, choose the ZIP file tab and send it. (A page with no pictures at all can use the Paste from a chat AI tab.)

The feature is still in BETA; if anything gets stuck, use Talk to support.

Route 2: a coding agent (Claude Code, Codex, Cursor, Windsurf)

Create a project, click Create the AI link and token (automatic) and give the ready-made message to your AI. It writes the page, uploads it, publishes it and checks the live site by itself. The full walk-through is in What is BrewInTH and how do you use it?.

Pictures: always shrink them first

The free plan has 20 MB of file storage, and one phone photo can be 3-5 MB. Resize pictures to about 1,600 px wide at most and convert them to WebP before they go on the site (ask the AI, or use any image tool you have). The page also loads much faster, which matters for people arriving from a mobile ad.

Step 4: Check before you run ads

• Open it on a real phone and read from top to bottom: text not too small, pictures not squashed
• Press every order button and make sure it lands in the right place; place one real test order
• Send the link to your own LINE chat and see that a picture and description appear (from og:image and the meta description)
• Price, offer end date and contact details are correct
• Ask a friend who does not know the product: "what is it, how much, how do I order?" If they cannot answer in 10 seconds, fix the headline

Looking more trustworthy: your own domain

A free address like foodphoto.host.brewinth.net can sell, but for serious advertising your own domain, such as www.krufon.com, earns more trust. Connecting a domain is available on paid plans, starting with Starter at ฿99 a month. See the custom domain guide.

Another option is a one-time shorter address: foodphoto.w.brewinth.net for ฿49 or foodphoto.brewinth.net for ฿99. The old address keeps working and forwards to the new one.

Changing the page later

New price or a new round? Tell the AI in the same chat, then send the complete set of files (every picture included) to the same site on Upload and go live: choose the same project and it shows Update the existing site. The address does not change, so the links in ads you already run keep working.

Careful: a static site is replaced by the whole new set of files. A file you leave out of that update disappears from the site.

FAQ

Can I sell on the free plan?

Yes. The free plan has 1 project, 20 MB of storage and 1 GB of bandwidth a month, enough for a landing page with resized pictures. If ads bring a lot of traffic, watch the Usage page in the console: the free plan stops serving when the month's bandwidth is used up.

Do visitors from an ad wait for the site to wake up?

No. Sleeping on the free plan applies to apps that run a program. A landing page is a static site: it never sleeps and opens at once every time.

Can the page take payments directly?

A static page can only send the customer to a payment provider's link. Charging cards or checking transfer slips automatically inside your own site needs an app, and an expert should review its security before real use.

Can I have several pages for several products?

Yes. One project can hold many files: course-a/index.html opens at /course-a/. Separate site addresses need separate projects, and paid plans come with 2 projects or more.

Can I do this from a phone?

You can watch the status and change settings from a phone, but handing over files and letting an AI deploy is not stable on phones yet. Use a computer for that step.

Summary

A landing page that sells does not have to be complicated. Spend 30 minutes on real content, let the AI arrange it into the 7 parts, point the order button at LINE, a payment link or a form, and put it on BrewInTH. Check it on a phone, press every button, and only then run the ads. All of it fits in one day.

Start your first project free →

Related articles

• 10 prompts to get AI to build a website that really works
• Your own domain on BrewInTH: connect it or register a new one