SaaS pricing section: examples and best practices
A SaaS pricing section answers “what does it cost?” without stopping the story. On the homepage, tease the price with one plan or a free start and link to a full pricing page. Keep the plan table, the comparison and the billing details on that page.
The job
Answer “what does it cost?” without stopping the story. Visitors who know the price is fair, or that they can start free, keep reading.
What works
- One plan or a free start, clearly stated
- A clear link to the full pricing page
- Plain words about trials, cards and cancelling
- On the pricing page: plan cards with one plan highlighted
- Plan names that say who each plan is for
Avoid
- A full comparison table in the middle of the homepage
- Hidden prices or “Contact us” for every plan
- Too many plans to choose from
- Feature lists full of jargon the visitor cannot judge
- Small print that surprises people at checkout
Five pricing layouts that work
Pricing is less common on homepages than other sections. Where it appears, plan tiers are the most common layout, and a short teaser comes next. On the homepage, a teaser or a single plan keeps the story moving; keep the full tiers for the pricing page.
01
Plan tiers
Three or four plan cards, one highlighted, often with a billing or audience toggle.
Use it when: Your pricing page, or a homepage for a simple product with clear plans.
02
Pricing teaser
A short pricing claim and a button to the pricing page, with no plans shown.
Use it when: Your homepage, when the full plans live on their own page.
03
Usage calculator
A slider or inputs that show a live price, or tables of free and paid usage.
Use it when: Usage-based products, where the price depends on how much people use.
04
Single plan spotlight
One plan or price formula, alone or beside short promo copy.
Use it when: You have one plan or one clear starting price.
05
Product cards with a from price
Product image cards, each with a “starting at” price.
Use it when: You sell several products, each with its own pricing; rare.
Pricing checklist
- Can a visitor learn the starting price or the free option in one glance?
- Does the homepage link clearly to the full pricing page?
- Is there a free trial or free plan, and does the page say so plainly?
- Does the page say if a card is needed to start?
- On the pricing page, is one plan highlighted as the usual choice?
- Does each plan name say who it is for?
- Is the pricing button the same action as the hero button?
Questions
- Should a SaaS homepage show pricing?
- Tease it, do not list it. Pricing is less common on homepages; the best ones state one plan or a free start and link to a full pricing page.
- What should a SaaS pricing page include?
- Plan cards with prices, one plan highlighted, a short list of what each plan includes, and plain answers about trials, billing and cancelling. A comparison table and a pricing FAQ can follow below.
- How many pricing plans should a SaaS offer?
- Usually three or four. Fewer plans make the choice easy; more plans make visitors compare instead of sign up.
- Should I show monthly or yearly prices?
- Show both with a billing toggle, and say clearly which one the price shows. Many plan-tier sections use a toggle for exactly this.
- When does a pricing calculator make sense?
- When the price depends on usage, such as seats, events or traffic. A slider with a live price lets visitors find their own number without a sales call.
Get a homepage that answers the price question
Describe your product in one sentence. BlockSnap builds the whole page, hero first, and lets you snap any section to another layout without losing the words.
Get early access