Skip to content

Blog·Landing pages & conversion

Landing page structure that converts: 12 blocks that matter

You have a service or a product to sell and one page to sell it on. This guide lays out a landing page structure of 12 blocks in the order that moves a visitor from the first screen to the lead form, with what to write in each block and the mistake that usually breaks it.

Pageo teamSeptember 27, 202611 min read

A tall landing page built of twelve colorful 3D blocks with a form at the bottom

Why the order of landing page sections matters

A landing page is a sales conversation written down in advance. The visitor arrives with one question, "is this for me, and can I trust these people," and leaves either through the form or through the back button. Structure decides which exit they take.

The selling logic behind a high-converting landing page is short: offer first, then benefits, then proof, then process, then price, then objections, then the form, then contacts. Each block answers the question a skeptical reader asks after the previous one. Break the order and you get a form that asks for a phone number before the page says what it sells, or a price buried under team photos.

Two rules apply to every block below. One page has one goal: one offer and one target action ("Get a quote," "Book a visit"), repeated in the same words on every button. And a block has to earn its place; if you cannot say which question it answers, cut it. Landing page anatomy is easier to remember as a conversation than as a list of sections: a $40 product can sell in six blocks, while a $30,000 renovation needs all twelve.

Blocks 1–4: the offer and what the visitor gets

1. Header

Why it exists. The header tells the visitor where they are and gives the impatient ones a way to contact you without scrolling.

What to write. Logo or company name, a one-line descriptor ("Kitchen remodeling, Austin and suburbs"), a phone number, and a button that leads to the form. On a one-page site the menu is optional; if you keep it, use anchor links to Prices, Cases, and Contacts.

Typical mistake. A header copied from a corporate site with eight menu items, each leading away from the page. On a landing page every exit link is a leak.

2. First screen: the offer

Why it exists. Most visitors decide within the first screen whether to scroll. This block has one job: state what you sell, for whom, and on what main condition.

What to write. A headline built from three parts: what, for whom or where, and the main result or condition. "Kitchen remodels in Austin, done in 6 weeks at a fixed contract price" beats any slogan. A subheadline carries the second most important fact: deadline, guarantee, or a "from $" price. Then the button with the target action.

Typical mistake. A slogan instead of an offer. "We build spaces you love" tells the reader nothing. Cover the logo and show the first screen to a stranger: if they cannot say what you sell and where within ten seconds, rewrite the headline.

3. Benefits

Why it exists. The first screen says what you do; benefits say why the visitor should pick you and not the next tab.

What to write. Three to six cards, each with one concrete benefit written from the client's side and, where possible, a number: "Fixed price written into the contract," "Start within 3 business days," "Our own crew, no subcontractors."

Typical mistake. "Quality," "Reliability," "Individual approach." If a benefit can be pasted onto a competitor's page without editing, it is not a benefit.

4. Services or products

Why it exists. The visitor needs to find their own case in your list. A homeowner with a leaking roof does not care that you also build decks; they want to see "roof repair" and what it includes.

What to write. Three to eight items with a name, a one-line description, a starting price, and a button to the form. If the list is long, group it into four to six categories and send the rest to a call.

Typical mistake. Thirty services in a plain list with no prices and no descriptions. A short list with starting prices gives the reader something to act on; a complete price list gives them something to skip.

Blocks 5–7: proof that you deliver

5. Cases and results

Why it exists. Benefits are claims; cases are evidence that the results promised in block 3 happened to real clients.

What to write. Three to six cases, each with the task, what was done, the result with a number, the timeline, and the price if you can disclose it. Before-and-after photos help. A new business can show a test project or a detailed "how we would approach it" example, clearly labeled as an example.

Typical mistake. A gallery of attractive photos with no captions. A photo without a task, a number, and a timeline is decoration, not proof.

6. Reviews

Why it exists. A stranger's word weighs more than yours.

What to write. Three to six reviews with a name, a city or company, a photo where the client allows it, and a specific detail: "They moved the deadline by two days and told me a week in advance." Screenshots of messages, a link to your Google Business Profile reviews, or a short video work well.

Typical mistake. Invented reviews: "Anna K., five stars, everything was great." Readers recognize them, and one fake review makes the whole block worthless. If you have two real reviews, publish two.

7. Guarantees

Why it exists. A guarantee moves the risk from the buyer to you. The reader is about to see the price; this block makes it feel safe.

What to write. Specific promises with conditions and consequences: "Fixed price in the contract; changes only by written agreement," "5-year warranty on the structure," "If we miss the deadline by more than a week, we cover 10% of the cost." A guarantee is a sentence with an "if," not a badge.

Typical mistake. "100% quality guarantee." Guarantee of what, and what happens if it fails? A promise without a consequence is decoration.

Blocks 8–10: process, pricing, and objections

8. How it works

Why it exists. The visitor wants to know what happens after they click. An unknown process feels risky; a described process feels like a plan.

What to write. Four to six steps from request to result, each with what the client does, what you do, and how long it takes: "1. You leave a request. 2. We call within an hour. 3. A free visit and measurement within two days. 4. Estimate and contract. 5. Work with a daily report. 6. Handover and warranty."

Typical mistake. A process written from the company's side: "We analyze, we plan, we implement." Write what the client will see, sign, and receive at each step.

9. Pricing

Why it exists. Without a price the visitor either assumes it is too expensive or opens a competitor's page to find out.

What to write. Three packages with the recommended one highlighted, "from $" prices with a list of what changes the number, or a calculator that ends in the form. If prices are already in the services block, use this one to explain what affects the price. When exact prices are impossible, give a range and say what moves it.

Typical mistake. Hiding the price "so they call us." The people who call are the ones who did not need a price, and everyone else has left. The second mistake is showing the price before any proof; a number without cases and guarantees above it always looks too high.

10. Objections and FAQ

Why it exists. By this point the reader has three to five doubts they will not voice: "What if I do not like the result?" "Is there a prepayment?" Answer them before the form, or they answer themselves and leave.

What to write. Five to eight questions taken from real calls and messages, each with a two-to-four-sentence answer that is honest and specific. Ask whoever handles inquiries which questions come up every day; that list is your FAQ.

Typical mistake. Questions nobody asks ("What is your mission?") and answers that sell instead of answering. If the question is "What if the delivery is late?" the answer starts with what happens, not with how rarely it happens.

Blocks 11–12: lead form and contacts

11. Lead form

Why it exists. This is what the page is for. It sits right before contacts because a visitor who has scrolled through proof, process, price, and objections is as ready as they will ever be.

What to write. A headline that restates the next step ("Get an estimate within 24 hours"), two or three fields (name, phone or email, an optional comment), a button with the action ("Send me the estimate"), one line about what happens next, and a short privacy note. After submission the visitor should see a thank-you message or page with the next step.

Typical mistake. Seven fields, a mandatory address, and a button that says "Submit." Every extra field costs leads. A second mistake is keeping the form only in the first screen: put a short one at the top and the main one here, and make every button in between scroll to it.

If you build the page in Pageo, the AI places the lead form when it assembles the page. You change field labels and the button text by clicking them, add or remove fields by describing the change in the chat, and set a thank-you page in the delivery settings, as described in forms and the thank-you page. Buttons scroll to the form through an anchor set in the block settings. Spam filtering runs on its own.

Why it exists. Some visitors never fill out forms. They call, check the address on a map, or look for the legal name before trusting anyone with money. Contacts go last because that is where people look for them by habit.

What to write. Phone, email, address with a map, business hours, messenger links, legal entity name, and a link to the privacy policy. Make the phone number a link that dials on a phone.

Typical mistake. Contacts in gray ten-pixel text, no legal name, and a phone number that cannot be tapped. The footer is the last chance to look like a real company.

How to adapt the landing page structure to your business

The order stays; the set of blocks changes with what you sell. A few common cases:

  • Service with a custom quote (renovation, law firm, agency): all twelve blocks. Pricing is "from $" plus a list of what affects the number.
  • A single product: replace services with specs and photos in use, turn cases into customer photos, and move delivery and payment questions into the FAQ.
  • Event or course: program instead of process, speakers instead of a team, dates and seat count in the offer, pricing with tiers by date.
  • Consultant or freelancer: add an "About" block right after benefits, because the buyer is choosing a person. Cases become a portfolio.
  • Local business (salon, clinic, repair shop): the form becomes a booking form, the map grows, and reviews come from Google Business Profile.

A young business without cases and reviews should not fake them. Replace the proof blocks with a launch offer ("First ten clients get the measurement and design plan free") and a detailed guarantee, then add real cases as they appear.

An AI builder can draft all twelve blocks from a description of the business, and the draft is only as good as the brief: services and prices, who the clients are, why they choose you, and the main action, as the site creation guide suggests. Then check every fact the AI wrote, especially prices and contacts.

Landing page checklist before launch

Before the page goes live:

  1. One offer, one action, and the same button text from the first screen to the form.
  2. Every button between the first screen and the form scrolls to the form.
  3. The headline fits on a phone screen, the form fields are easy to tap, and the phone number dials. Check the phone preview in the editor and then a real phone.
  4. Submit the form yourself and confirm the lead arrives where you expect it.
  5. A conversion goal exists in analytics: in GA4, mark the generate_lead event as a key event; Pageo sends it on every submission (analytics and goals).
  6. The page has a title and a description for search results, and the thank-you page is excluded from indexing in the search and indexing settings.
  7. Every price, phone number, and promise on the page is one you can deliver.

If the page does not exist yet, the step-by-step guide on how to create a website for free covers the build itself.

FAQ

How long should a landing page be?

As long as it takes to answer the questions a buyer has before paying. An expensive service with a long decision needs all twelve blocks, because every skipped block is a question the visitor answers alone. A cheap, familiar product needs the offer, a few benefits, reviews, a price, and the form.

Should the price be on the landing page?

Yes, in some form: an exact price, a "from $" figure, or a range with the factors that move it. Hiding the price does not create calls; it creates visitors who leave to find the number elsewhere. If the number scares people, the blocks above it (cases, guarantees, process) are not doing their job.

Where should the lead form go, top or bottom?

Both, with different weight. A short form or a single button in the first screen catches visitors who already know what they want. The main form goes right before contacts, after the proof and the price, and every button on the page scrolls to it.

Can I skip cases and reviews if the business is new?

Skip them rather than invent them. Replace the proof blocks with a specific guarantee, a launch offer, and a transparent process. Ask the first clients for a review and a photo, and add the blocks back as soon as you have one real case.

Do I need a separate "About us" block?

Only when the buyer is choosing a person or a team rather than a result: consultants, coaches, clinics, agencies. Put it after benefits and keep it to a photo, a name, and three facts that matter to the client.

Key takeaways

  • The order follows the buyer's questions: offer, benefits, proof, process, price, objections, form, contacts.
  • Every block answers a question; if you cannot name the question, remove the block.
  • The first screen states what, for whom, and the main condition; slogans do not count.
  • Proof is specific: cases with numbers, reviews with names and details, guarantees with consequences.
  • Show the price in some form, after the proof and before the form.
  • The main form sits right before contacts, has two or three fields, and every button on the page leads to it.

landing pageconversionlead formpage structure