Pricing pages
Pricing page design: how to build pricing pages that convert
Pricing page design decides whether a visitor who wants your product can work out which plan to buy, and feels safe buying it. You can have the right product at the right price and still lose the sale on a confusing pricing page. Here is how to structure, present and test a pricing page that converts.
Short answer
Pricing page design is how a business lays out its plans, prices and terms so a buyer can compare them, choose one and act. A pricing page that converts shows a few clearly named plans side by side, recommends one, states prices and billing terms plainly, and puts reassurance next to the buttons.
- A pricing page converts when it answers a buyer's questions faster than doubt builds up.
- Name plans after the type of customer they suit, and give each one a short line on who it is for.
- State the price, billing period and basis together, with no fees revealed later.
- Put trial, guarantee and cancellation terms next to the buttons, not at the bottom of the page.
- Test the presentation, such as plan order, the recommended plan and the default billing period, before the prices themselves.
What is pricing page design?
Pricing page design is how a business lays out its plans, prices and terms so a buyer can compare them, choose one and act. It covers the number of plans, their order, how prices and billing periods are shown, what each plan includes, the reassurance around the decision and the call to action on each plan. It is about presentation, not about setting the price.
The pricing page is often one of the most visited pages on a SaaS or service site, and the visitors who reach it are close to a decision. That makes it a high-stakes page. A visitor who cannot tell which plan fits them, or what they will actually pay, rarely contacts sales to ask. They leave and compare you with someone whose page was clearer.
This guide is about designing pricing pages for your own business. Convertica does not publish prices for its own advisory work, which is priced after a free audit; the Convertica pricing page shows how that works, and the section below on pages without public prices covers the same situation for your site.
What a pricing page has to answer
A pricing page converts when it answers a buyer's questions faster than doubt builds up. Watch session recordings of people on a pricing page and you see the same pattern: they read a plan, look for what is included, compare, scroll for the catch, and leave if the answers are not there. These are the questions, in roughly the order buyers ask them.
- Which plan is for someone like me? Plan names and one-line descriptions should answer this before any feature list.
- What will I actually pay? The price, the billing period, and anything else such as setup fees, taxes or per-seat charges.
- What do I get, and what do I give up on a cheaper plan? The differences between plans, not every feature.
- What if it does not work out? Trial, cancellation, refund or contract terms.
- Can I trust you? Proof from customers like them, and security or compliance where it matters.
- What happens when I click? Whether the button starts a trial, asks for a card or books a call.
The elements of a high-converting pricing page
A high-converting pricing page has a short headline, a few plans side by side, a recommended plan, clear prices and billing terms, what each plan includes, a detailed comparison for those who want it, reassurance near the buttons, an FAQ and a call to action on every plan. Each element answers one of the buyer's questions above.
| Element | Its job | What good looks like |
|---|---|---|
| Headline | Frame the decision | Short and about the buyer, such as "Plans for teams of every size" |
| Plan cards | Let buyers compare at a glance | A few plans side by side, each with a name, a one-line "best for" and a price |
| Recommended plan | Give undecided buyers a default | One plan visually highlighted with an honest label |
| Price and billing | Remove surprises | Price, period, per-seat or usage basis and any extra fees stated plainly |
| Key inclusions | Show what changes between plans | A short list per plan, focused on differences |
| Comparison table | Serve buyers who check details | Full feature list below the cards, grouped and scannable |
| Call to action per plan | Make the next step obvious | A button on every plan that says what happens on click |
| Reassurance | Reduce risk at the decision | Trial, guarantee and cancellation terms near the buttons |
| Proof | Show customers like them chose you | Named reviews or customer names near the plans |
| FAQ | Answer the remaining objections | Billing, upgrades, cancellation, data and support questions |
How many plans should a pricing page show?
A pricing page usually works best with a few plans, often three, plus an enterprise or custom option where you sell to large customers. Each additional plan makes comparison harder, and when choosing feels hard, some people put off choosing at all. Fewer, clearer plans make the decision feel manageable.
Build plans around types of customer, not around features. "Solo", "Team" and "Business" tell a visitor where they fit; plan names like "Silver", "Gold" and "Platinum" make them work it out. If you cannot describe in one line who a plan is for, it probably should not be a separate plan.
Plan order: cheap first or expensive first?
Both orders can win, so this is a classic thing to test. Listing the most expensive plan first sets a high reference point, so the plans after it look more reasonable; this is anchoring. Listing the cheapest first follows natural reading order and can make the page feel more approachable to smaller buyers. Whichever order you choose, keep it the same everywhere you show plans.
Highlight a recommended plan
Most visitors on a pricing page are not sure which plan they need. A plan that is visibly recommended, with a border, a label and a stronger button, gives them a safe default. Pick the plan that suits most of your buyers. Label it "Most popular" only if it is, and "Recommended" or "Best for growing teams" if you cannot say that honestly.
Some pricing pages add a plan that few people are meant to buy, so the recommended plan looks like better value beside it. This is the decoy effect. It can work, but a plan that exists only to manipulate is easy for buyers to spot. A higher plan that genuinely serves larger customers does the same job honestly. The psychology behind both is covered in the psychology of pricing.
How to write plan names and descriptions
Plan names and one-line descriptions do more to steer buyers than most design choices, because they answer the first question: which plan is for someone like me? Name plans after the customer or the stage they are at, and describe each in one line that a buyer can match to their own situation.
- Name the customer, not the metal. "Starter", "Growing team" and "Enterprise" place the buyer; "Bronze", "Silver" and "Gold" only rank the plans.
- Write a "best for" line. "Best for stores with one location" or "For teams that need approvals and audit logs".
- List what changes, in outcomes. "Up to five team members" is clearer than "Collaboration+".
- Use the same words everywhere. The plan names on the pricing page should match the checkout, invoices and help center.
- Write the upgrade reason. On each plan, say in one line what the next plan adds, so buyers can see where they will grow.
Good plan copy comes from the same research as any conversion copy: the words customers use to describe their size, their needs and the moment they outgrew a smaller plan. See conversion copywriting for the method.
How to show prices and billing on a pricing page
Show prices so a buyer can work out what they will pay without a calculator or a sales call. State the amount, the period and the basis (per month, per seat, per order) in the same place, and disclose any setup fees, minimum terms or usage charges on the page rather than at checkout. Surprises at the last step are a common reason buyers abandon.
- Make the period obvious. If a monthly figure is shown but billed annually, say so next to the price, not in a footnote.
- Show the saving in the buyer's terms. If annual billing is cheaper, show the saving in months free or as a percentage, beside the toggle.
- Keep the toggle easy to find. A monthly and annual switch belongs directly above the plans.
- Help with per-seat and usage pricing. A simple calculator or examples of typical totals helps buyers whose price depends on their size.
- Use the buyer's currency where you can, and say whether taxes are included.
- Consider the framing. A price shown per day or per user can feel smaller than the same price per year. Use it only where it is honest and the total is also clear.
Monthly or annual by default?
Defaulting to annual billing usually raises upfront revenue per customer and may lower the number of buyers. Which trade-off is better depends on your churn, cash flow and audience. Treat the default as a test, and judge it on revenue per visitor and retention, not sign-ups alone.
How to design a plan comparison table
A plan comparison table lets detail-minded buyers check exactly what each plan includes. Put it below the plan cards, not instead of them, so most visitors can choose from the cards and the rest can verify in the table. Group features, put the differences first and make the table usable on a phone.
- Lead with what differs. Features every plan has belong in a single line ("All plans include..."), not repeated rows of ticks.
- Group rows under clear headings such as Usage, Features, Support and Security.
- Use plain words, not internal names. If a feature needs a tooltip to make sense, rename it.
- Keep plan names and buttons visible while scrolling a long table, with a sticky header row.
- Make it work on mobile. Let buyers pick two plans to compare, or switch to one plan per screen with the differences highlighted.
- Build it as a real HTML table, with header cells, so screen readers and AI agents can read which feature belongs to which plan.
Calls to action on a pricing page
Every plan on a pricing page needs its own call to action, labeled with what happens on click. The recommended plan gets the strongest button. Labels should match the real next step: "Start my free trial" if there is a trial, "Talk to sales" for an enterprise plan with a sales process, "Get started" only if that is clear in context.
- Use the same verb across plans where the next step is the same, so buyers compare plans, not buttons.
- Put a line of reassurance under the buttons: "No card required", "Cancel anytime" or the refund terms, where true.
- Do not make visitors re-select their plan after clicking. Carry the choice into the sign-up or checkout.
For more on wording and design, see call to action buttons.
Reduce risk and add trust where the buyer decides
A buyer on a pricing page is weighing what they could lose. Reassurance placed next to the plans, not at the bottom of the page, lowers that risk at the moment it matters. The strongest reassurance is a clear term the business already offers, stated in plain words.
- Trial terms: how long, and whether a card is needed.
- Guarantee: what is refunded, when and how.
- Cancellation: how to cancel and what happens to the data.
- Upgrades and downgrades: whether buyers can change plan later.
- Proof: named reviews or customer names, ideally from businesses of the same size.
- Security and compliance: for buyers who must answer to a security team.
- Support: how to reach a person, and on which plans.
- FAQ: the billing and contract questions sales hears most.
How to design a pricing page when you do not publish prices
Many services, enterprise products and custom projects do not publish prices, because the price depends on the client. A pricing page can still convert in that case, by explaining how pricing works instead of hiding it. Buyers accept an unlisted price much more readily when they understand what it depends on and what the next step involves.
- Say why there is no list price. One honest sentence: the price depends on scope, size or volume.
- Name what the price depends on. The factors a buyer can already estimate for themselves.
- Show what is included. What every client gets, so the buyer can judge value before talking to you.
- Explain the process. How a quote or assessment is done, how long it takes and whether it costs anything.
- Make the next step low-commitment. A free assessment, a short form or a booked call, with a label that says which. This is the foot in the door phenomenon at work: a small first step makes the next one easier.
- Remove fear of a sales chase. Say what you will and will not do after someone gets in touch.
Convertica's own pricing page uses this approach: the CRO audit is free, and CRO advisory is priced after the audit, once its findings show what the work involves.
Pricing pages on mobile and for AI agents
Pricing pages are hard to get right on a phone and easy to get wrong for AI agents. Both problems have the same cause: a layout designed for a wide screen and a human eye. Plans side by side become a long column on a phone, and prices drawn as images or loaded by scripts can be invisible to software reading the page.
On a phone
- Show the recommended plan first, or let buyers swipe between plans with the name and price always visible.
- Keep the billing toggle and each plan's button within easy reach.
- Replace wide comparison tables with a two-plan comparison or a per-plan view.
For AI agents and AI search
- Put plan names, prices, billing periods and key limits in real HTML text, not images.
- Use accurate structured data for offers where prices are public.
- Keep plan names and terms consistent across the pricing page, checkout and help center.
- State trial, cancellation and refund terms in plain sentences an assistant can quote.
AI agents comparing products for a person can only compare what they can read. This is a young area with little long-run data, so check, fix what is clearly broken, and measure. Agent readiness is one of the eight checks in Convertica's free CRO audit.
What to test on a pricing page
Test the presentation of your pricing before the prices themselves. Layout, order, the recommended plan, the default billing period and the wording of plans and buttons can change which plan people choose, and whether they choose at all, without touching the price. Measure revenue per visitor and the mix of plans, not only sign-ups.
| Test | Variants | Measure |
|---|---|---|
| Plan order | Low to high vs high to low | Plan mix, revenue per visitor |
| Recommended plan | Highlight the middle plan vs the higher plan | Plan mix, revenue per visitor |
| Default billing | Monthly vs annual selected | Sign-ups, revenue per visitor, retention |
| Plan names and descriptions | Tier names vs "best for" audience names | Clicks per plan, sign-ups |
| Comparison table | Full table vs differences only | Sign-ups, time to decision |
| Reassurance | Terms near the buttons vs in the FAQ | Sign-ups, support questions |
| Call to action wording | "Get started" vs "Start my free trial" | Sign-ups and completed onboarding |
Testing different prices on different visitors raises fairness and, in some places, legal questions; check local consumer law before you try it. Pricing pages often get less traffic than landing pages, so check your sample size first with the A/B test sample size calculator.
Common pricing page mistakes
- Too many plans, or plans that differ in ways buyers cannot judge.
- Tier names that say nothing about who each plan is for.
- Hidden costs: setup fees, minimum terms or usage charges revealed later.
- An unclear billing period, such as a monthly figure billed annually without saying so.
- Feature lists in internal jargon that buyers cannot map to their needs.
- No recommended plan, leaving every visitor to decide alone.
- Reassurance at the bottom, far from the buttons.
- Prices as images that AI agents, screen readers and search engines cannot read.
Pricing page design checklist
Run this checklist on your pricing page, on a phone and on a laptop. Every "no" is a fix or a test.
- Each plan's name and one-line description say who it is for
- The page shows a few plans side by side, plus a custom option if needed
- One plan is recommended, with an honest label
- Price, billing period and basis are stated together, with no hidden fees
- The billing toggle is easy to find and the saving is clear
- Plan cards show what differs between plans
- A full comparison table sits below the cards and works on a phone
- Every plan has a call to action that says what happens on click
- Trial, guarantee and cancellation terms sit next to the buttons
- Named proof appears near the plans
- An FAQ answers billing, upgrade and contract questions
- Plans, prices and terms are in real HTML text
Related guides
Pricing page design FAQ
What makes a good pricing page design?
Good pricing page design makes plans easy to compare and the right choice easy to make. It shows a small number of clearly named plans side by side, recommends one, states the price and billing terms plainly, lists what each plan includes, answers common objections near the buttons, and gives every plan a clear call to action.
How many plans should a pricing page have?
Most pricing pages work best with a few plans, often three, plus an enterprise or custom option where it applies. Every extra plan makes the comparison harder. Each plan should exist for a distinct type of customer; if you cannot say who a plan is for, merge it with another.
Should the most expensive plan be shown first?
It depends on your audience, so test it. Showing the higher plan first can make the others look more reasonable by comparison, an effect called anchoring. Showing the cheapest first follows the natural reading order and can feel more approachable. Whatever the order, make the recommended plan stand out.
Should I highlight a recommended plan?
Usually yes. A clearly marked recommended or most popular plan gives undecided visitors a safe default and shortens the decision. Only label a plan most popular if it is. Choose the plan that fits most of your buyers, not simply the most expensive one.
Should a pricing page show monthly or annual prices by default?
Either can work. Many SaaS pricing pages default to annual billing and show the saving, which raises upfront revenue but can lower the number of sign-ups. Make the billing period obvious, keep the toggle easy to find, and test the default with revenue per visitor as the measure.
How do you design a pricing page without public prices?
Explain how pricing works instead: what the price depends on, what is included, how the quote or assessment is done, and what the next step is. Give the call to action a clear, low-commitment label and remove surprises from the process. Visitors accept unlisted prices more readily when they understand why.
What should I A/B test on a pricing page?
Test the presentation before the prices: plan order, which plan is recommended, the default billing period, plan names, the comparison table, call to action wording and the FAQ. Measure revenue per visitor and plan mix, not only clicks or sign-ups, and check local consumer law before testing different prices on different visitors.