How to Create a Landing Page: 7 Steps and a Real Example

To create a landing page, pick one goal and one visitor action. Then work out what a lead is worth, so you know what the page has to earn. Build a single page in a builder or an AI generator: a headline that repeats your ad's promise, proof, one form, and a layout that loads fast on a phone. Test the form and the tracking before you send any traffic.

Step 1: Pick one goal and one action

A landing page is the page a visitor reaches from a link in your marketing, such as an ad or an email. It has one job. Every block on it moves the visitor toward one action, or you cut it.

Your goal	The one action you ask for
Leads or quote requests	Fill in a short form
A sale	Pay at checkout
An event or webinar	Register with an email
A demand test before launch	Join a waitlist

Write the action as a verb before you open any builder: «Request a free quote», «Join the waitlist». That verb becomes your button label.

Landing page or website

Landing page	Website
One offer	Several services
One campaign or traffic source	Returning customers
One action	Many paths: about, blog, contact
Built for the ad that sends traffic	Built to rank for many searches

Start with a landing page if you sell one thing to one audience. Add a website when you offer several services or people come back looking for you by name.

Step 2: Work out what one lead is worth

Set the numbers the page has to hit before you design anything. Our method runs from the value of one customer down to the most you can pay for one click.

The idea check uses this formula for a customer’s value:

LTV = price × purchases per month × lifetime in months × margin

The worked example (example by our method) feeds the formula these inputs from the check:

Price: $3,500^ex
Purchases: 0.5 a month^ex
Lifetime: 12 months^ex
Margin: 0.35^ex

That gives 3,500 × 0.5 × 12 × 0.35 = $7,350^ex. The check estimated the cost to win a customer (CAC) at $30^ex, so LTV/CAC is 7,350 ÷ 30 = 245^ex.

Read both results with two caveats. The check found no demand source for this market^ex, so the $30 is an estimate, not a cost anyone measured. And 0.5 purchases a month for 12 months assumes repeat jobs, which a once-bought service like a garage floor doesn’t bring. The next section adjusts for that.

Scheme of 4 steps in order: Price: $3,500 → Purchases → Lifetime → Margin — Each step builds on the one before it: start with «Price: $3,500» and get to «Margin» only when the steps between are done.

When a customer buys once

That LTV counts 0.5 × 12 = 6 jobs per customer (an assumption in our example). A homeowner coats one garage floor. Our reading of the check: for a job bought once, use one job’s contribution instead, price × margin, which is 3,500 × 0.35 = $1,225 in the example^ex^ex.

From the customer to the click

Customer ceiling = value ÷ 3. We use 3 because our concept scoring treats LTV/CAC of at least 3 as the money threshold. In our example, $1,225 ÷ 3 ≈ $408.
Lead ceiling = customer ceiling × close rate. Assumption: you close 1 job per 3 quote requests. In our example, that puts the ceiling at about $136 per request.
Click ceiling = lead ceiling × form conversion. Unbounce’s 2024 benchmark puts the median landing page conversion rate across all industries at 6.6%¹. At that rate, in our example, $136 × 0.066 comes to about $8.98 per click.
Stop line. If you have spent one customer’s ceiling (about $408 here) without a quote request, rewrite the offer or the ad before deciding the market isn’t there. This is our rule; it is no market figure.
Measure the real CAC. After launch, CAC = ad spend ÷ jobs won. Swap the assumed close rate and the benchmark conversion for your own figures after the first month.

Step 3: Choose how you’ll build it

Route	Best when	Check before you pay
Landing page builder	You’ll run ads and test versions	A/B tests, form integrations, mobile editing
AI generator	You need a first draft fast	You can edit every block
Page in a website builder	Your site already lives there	You can hide the site menu
WordPress page	You already run WordPress	A template with no header
Free hosted site	You need a page at no cost	Access to head code for a pixel
Hand-coded page	You or a developer write HTML	Who fixes the form when it breaks

The trade-off for each route: a builder costs a monthly fee, a generator’s copy must be rewritten, and a free host gives you a branded address with less control over tracking.

Free, and without a domain

You have three routes, each with a different cost:

A builder’s free address. With no custom domain, Unbounce publishes a page at unbouncepages.com/yourlandingpagename². Its cheapest plan, Starter, is $29 a month billed monthly or $22 a month billed annually³. Canva’s free plan publishes up to five sites on a free my.canva.site address⁴.
A free hosted site. Google Sites is free to build and host with a Google account on a sites.google.com address; you pay only if you want a custom domain⁵.
Your own domain. Choose a domain name before you print the address on flyers or a truck.

Before you share a free-address link, open it in a private browser window to confirm the sharing settings make it public. For flyers or yard signs, turn the link into a QR code.

With an AI landing page generator

An AI landing page generator turns a text prompt into a draft page with sections, copy, images and a form. Basic generators make one static page; advanced ones add multi-step forms and logic. Figma Make, for one, is available on Figma’s free Starter plan, limited by AI credits⁶. No generator knows your price, your proof, your service area or where the form’s submissions should go.

Write a prompt with four parts: the audience, the offer, the goal and the next step.
Generate the draft and pick the version closest to your section order.
Swap in your own facts and connect the form to your inbox or CRM.

A prompt built from the example’s facts: «A landing page for homeowners in suburban Nashville with a two-car garage. Offer: epoxy garage floor coating, $2,500–$4,500 per garage, free quote^ex. Goal: quote requests. Next step: a short form with name, phone, ZIP code and garage size. No site menu, one button.»

What to check in the draft:

Testimonials nobody gave you: delete them or swap in real ones.
Delete any customer counts or ratings you didn’t supply, and do the same for years in business.
Template filler text, such as a sample company name or dummy Latin.
A second call to action pointing somewhere else.
A navigation menu left in.

Everything the published page claims has to come from you, reviews and figures included.

Step 4: Pick a template that matches the goal

Goal	Template type	Block it must have
Lead or quote request	Lead form page	A short form, reachable from the first screen
Sale	Sales page	Price and checkout button
Event or webinar	Registration page	Date, time zone, sign-up form
Waitlist	Coming-soon page	Email field and what joiners get

Pick the template with the fewest sections that still holds your blocks. Deleting a block takes less time than restyling it.

Step 5: Write the copy before you design

Unbounce’s research found that copy has about twice the relative importance of design for landing page conversion⁷. Write the page in a plain document first, then pour it into the template.

Headline: repeat the ad’s promise in the same words (message match). If the ad says «Garage floor coating, free quote», the headline says it too.
Subhead: who it’s for and where, plus the price range.
Benefits: three short lines on what changes for the customer.
Proof: real reviews, photos of finished jobs, warranty terms.
Call to action: one verb, the same on every button.

Rewrite features as benefits. A feature, «Free on-site quote», becomes a benefit: «Know your exact price before you commit.»

Step 6: Lay out the sections and the form

Order the page from top to bottom:

Put the headline and one benefit next to the button, all inside the first screen of a phone.
Benefits.
Proof.
Objections and their answers.
The form.
A short FAQ, then the privacy link with your contact details.

Use white space and a few colors, and leave out site navigation. A menu gives the visitor exits that lead away from the form.

Ask only for what you need to reply. For a quote, ask for a name and a phone number or email, plus the ZIP code and the job’s size. Add a field only if you cannot quote without it.

Step 7: Speed, tracking and a test run

Make it fast on a phone

Run the page URL through PageSpeed Insights; it reports field and lab data for both mobile and desktop⁸. Google rates a page «good» at a Largest Contentful Paint of 2.5 seconds or less, an Interaction to Next Paint of 200 milliseconds or less and a Cumulative Layout Shift of 0.1 or less⁹.

If the page misses those marks, compress the images and keep one font family. Also drop autoplay video and remove scripts you don’t use. Then open the page on a real phone. Tap the button, confirm the phone field opens a number keypad, and check that the button shows without scrolling.

Add tracking before the first visitor

Track one conversion event: the form submission or the thank-you page view. For Google Analytics, you paste a GA4 measurement ID that starts with «G-» into the field your builder provides¹⁰. Add an ad pixel only if the builder lets you place code in the page head. Look for «head» and «body» snippet fields before you pay for a plan.

Test before you send traffic

A test submission reaches your inbox or CRM.
The thank-you page loads.
Required fields block an empty submission.
The form works on a phone.
The privacy link is on the page.
The conversion event fires in your analytics.

Set the page title and description, and decide whether search engines should index the page. A page built only for paid ads can stay out of search.

After launch: one change at a time

Change one variable per test: the headline first, then the offer, then the form. A local page with a handful of visitors a day may take weeks to settle a single test.

Example: a landing page for an epoxy garage floor service

The idea in our system check (example by our method): «Epoxy garage floor coating service in suburban Nashville: homeowners clicking a local ad, requesting a free quote online, then paying $2,500–$4,500 per two-car garage»^ex. The verdict was «Possible, with caveats»^ex, scoring 58^ex; the check ran 17 searches^ex across 26 sources^ex.

Each fact from the check lands in one block of the page:

Fact from the check	Page block
9 direct competitors^ex	Headline
6 quality complaints^ex	Proof
DIY kit risk^ex	Objection block
No demand source^ex	The page as the demand test

Headline. In the example, the three most visible rivals hold 23%^ex, 18%^ex and 15%^ex of visibility. The check’s top risk: «The closest local rival already offers almost the same service in Nashville…»^ex. The headline has to state what you do that the incumbent doesn’t, such as a fixed install date or a written warranty, and only if it’s true for your business.

Subhead (in our example). «Epoxy garage floors in suburban Nashville, $2,500–$4,500 per two-car garage. Free quote.»^ex

Proof. The check found complaints in the Quality theme, and its second risk reads: «Quality complaints already appear in the category, so a poor first job could damage the brand in a small local market»^ex. The proof block shows finished floors and your prep steps, along with your warranty terms.

Objection. The third risk: «Cheap DIY kits at about $0.36 to $0.39 per square foot may keep many homeowners from paying $2,500 to $4,500 per garage»^ex. A «Why not a DIY kit?» block lists what your job includes that a kit leaves to the homeowner, using your real process.

The money. One job contributes $1,225 and the customer ceiling is about $408^ex^ex. The check’s $30 CAC^ex sits far under that ceiling, so the page passes on paper. That $30 was estimated with no demand data, and the fourth risk says so: «No search-volume data exists for this market, so the number of local buyers searching for the service is unknown»^ex. The first month of ads measures the real CAC. The landing page is the demand test.

You can run the same check on your idea and map its facts to your page’s blocks the same way.

Mistakes that sink a first landing page

Two goals. Fix: one action, one button label.
The site menu left on. Fix: remove the navigation.
A form that asks too much. Fix: keep only the fields you need to reply.
AI-written proof nobody gave. Fix: delete every review and figure you can’t back.
Traffic before tracking. Fix: run the six-point test first.

FAQ

Can I create a landing page for free without a domain?

Yes. Google Sites is free with a Google account on a sites.google.com address⁵, and Canva’s free plan publishes up to five sites on my.canva.site⁴. You pay only when you connect a custom domain.

Can AI build a landing page for me?

It can build the draft. A generator writes sections and copy from your prompt, but your price, your proof, your service area and the form’s destination have to come from you. Delete invented testimonials and figures before you publish.

What’s the difference between a landing page and a website?

A landing page holds one offer and asks for one action, usually as part of a single ad campaign. A website covers several services and serves returning visitors and many searches. Start with the landing page if you sell one thing to one audience.

How much does it cost to create a landing page?

Unbounce publishes these ranges: $500–$3,000 per page from an agency, $50–$1,000 from a freelancer, and $40–$200 a month for a DIY builder¹¹. The free routes above cost nothing until you add a domain.

How do I test a landing page form before launch?

Submit a test entry and confirm it reaches your inbox or CRM. Check the thank-you page and the required fields. On a phone, test the form and the privacy link, and confirm your analytics records the conversion event.

How fast should a landing page load on a phone?

Google rates a page «good» at a Largest Contentful Paint of 2.5 seconds or less, an INP of 200 milliseconds or less and a CLS of 0.1 or less⁹. Test your URL in PageSpeed Insights; it reports data for both mobile and desktop⁸.

Before you pay for ads or a builder, check your idea before you build the page.

How do I work out the most I can pay for one ad click?

Fox Work down in three steps. Divide the value of a customer by 3 to get the customer ceiling, multiply that by your close rate to get the lead ceiling, then multiply by your form conversion rate to get the click ceiling. Use your own close rate and conversion once you have a month of data. Start by writing down your customer value.

My customers buy only once, like a one-off job. Which customer value should I use?

Fox Do not assume repeat purchases. For a job bought once, use one job's contribution, which is price times margin. In the example that is 3,500 × 0.35 = $1,225, because a homeowner coats one garage floor. Swap in your own price and margin before you set your ceilings.

How much should I spend on ads before I decide the page or offer isn't working?

Fox Use the stop line. If you have spent one customer's ceiling, about $408 in the example, without a quote request, rewrite the offer or the ad before deciding the market isn't there. The page labels this as its own rule, not a market figure. Work out your own customer ceiling first and set that as your limit.

What should my landing page headline actually say?

Fox Repeat the ad's promise in the same words, which the page calls message match. If the ad says "Garage floor coating, free quote", the headline says it too. Write the copy in a plain document first, then pour it into the template. Open your live ad and copy its promise into your headline draft.

Sources

unbounce.com, 09/04/2024
documentation.unbounce.com, 03/30/2025
unbounce.com, 08/13/2026
canva.com, 03/29/2026
zapier.com, 10/02/2026
help.figma.com, 10/03/2026
unbounce.com, 11/23/2021
developers.google.com, 10/21/2024
support.google.com, 10/03/2026
support.google.com, 01/17/2023
unbounce.com, 09/02/2024

How to Create a Landing Page: 7 Steps From the Goal to the First Lead