SaaS Pricing Page Examples: 16 Live Pages Compared Feature by Feature (October 2026)

Most "pricing page examples" posts are screenshot galleries. That's useful for layout ideas, but it doesn't tell you what the pages actually do: how many plans they show, how they handle the free tier, how they push annual billing, how they steer you to a plan.

So we read them. On 18 October 2026 we loaded the public pricing pages of 16 well-known SaaS products and recorded what a visitor sees: plan names, displayed prices, the billing toggle, the highlighted plan, the top tier and anything unusual.

The 16 pricing pages

Prices as displayed to our browser (USD, US English) on 18 October 2026, usually the annual-billing price where a toggle defaults to yearly. Pricing pages change often and some vary by location. Always check the live page.

Seven patterns worth noticing

1. Every page has a free plan, and the free plan does a sales job

All 16 offer a free tier. That's partly selection (these are mostly product-led tools), but notice how the free plan is used. PostHog makes it the headline ("97% of companies use PostHog for free"). Tally lists everything that's free before it shows the paid plan. Cal.com uses the free plan to remove switching pain ("1-click import Calendly events"). The free tier is there to start a relationship, and the page tells you exactly where its limits are.

Copy this: if you have a free plan, state its limits plainly. Supabase tells you free projects are paused after a week of inactivity. Surprises after signup cost more trust than an honest limit on the pricing page.

2. Three or four paid steps, plus "talk to us"

Most pages show three or four plans including free, then a custom top tier. 13 of the 16 have an enterprise or custom top tier. PostHog sells an Enterprise add-on instead, and Tally and Basecamp have none. Basecamp turns that into a message: "No per-user fees, everyone's included. Just clear, fixed prices."

Copy this: if you don't sell to enterprises yet, don't invent an enterprise tier. A clear, fixed top plan can be a selling point.

3. Annual billing is pushed with a specific number

9 pages state the annual saving as a figure: "2 months off" (Tally), "Save 20%" (Hotjar), "Save 25%" (Cal.com), "up to 28%" (Bolt), "up to 35%" (Descript), "up to 40%" (Webflow). Several default the toggle to yearly, so the first price you see is the lower one.

Copy this: if you offer annual billing, say the saving in money or months, next to the toggle. "Save 2 months" is easier to grasp than "17%".

4. One plan is highlighted, usually the second-most expensive self-serve plan

8 of the 16 visually mark one plan: "Most popular" (Supabase, Hotjar, beehiiv, Descript), "Recommended" (Notion), "Popular" (Bolt, Calendly) or Basecamp's friendlier "Not sure? Start here" and "The sweet spot". It's almost never the cheapest plan.

Copy this: highlight the plan most customers should pick, and say why in plain words. Basecamp's labels answer the question visitors actually have: "Which one should I choose?"

5. Plan names and one-liners say who each plan is for

The clearest pages let you choose before reading features. Notion: Free is "for individuals to organize personal projects and life", Plus is "for small teams and professionals", Business is "for growing businesses". Bolt and Framer do similar.

Copy this: under each plan name, write one line that starts with "For…". If two plans have the same "for", merge them.

6. Usage-based products put a slider before the price

Loom asks for team size, Hotjar for monthly sessions, beehiiv for subscriber count, Framer for credits. The price updates to the visitor's situation, which avoids the "is this per seat?" confusion.

Copy this: if your price depends on usage, let visitors enter their number and see their price. Don't make them do the maths.

7. New in 2026: pricing pages written for AI assistants too

Supabase has "Copy as Markdown", "Ask ChatGPT" and "Ask Claude" buttons on its pricing page. Resend has a link: "Are you an AI agent? See pricing." People increasingly ask an AI assistant to compare plans for them, and these pages make that easy and accurate.

Copy this: keep your pricing in plain HTML text (not just images or JavaScript widgets), and consider a plain-text summary of plans and limits that assistants can read.

A pricing page checklist

• [ ] The page answers "which plan is for me?" in the plan names and one-liners.
• [ ] Prices are visible without a "contact us" (except for a genuine enterprise tier).
• [ ] The billing period and unit are obvious: per month, per user, billed yearly?
• [ ] Annual savings are stated as money or months, next to the toggle.
• [ ] One plan is highlighted, with a reason.
• [ ] Free-plan or trial limits are stated plainly.
• [ ] Risk reducers are next to the buttons: free trial, no card, cancel anytime, guarantee.
• [ ] Proof sits near the plans: customer count, logos or a testimonial about value.
• [ ] An FAQ answers billing questions: refunds, upgrades, what counts as usage.
• [ ] Pricing is real text that search engines and AI assistants can read.

The mistake most early-stage pricing pages make

Too many options, too early. With little traffic, every extra plan is another decision for a visitor who doesn't know you yet. Many of the pages above have years of data behind each tier. If you're early, two or three plans with clear "For…" lines will usually beat a five-column feature matrix.

If you want an outside view of your own pricing page, SiteRoast audits pricing pages as well as landing pages. It checks clarity, objection handling (price, risk, effort, time), CTA visibility and trust signals, and ranks the fixes. For the rest of your page, see our landing page audit checklist and hero section examples.

FAQ

What should a SaaS pricing page include?

Plan names with a one-line "for whom" description, visible prices with clear billing units, a highlighted recommended plan, free-plan or trial limits, risk reducers next to the buttons, proof near the plans, and a billing FAQ.

How many pricing tiers should a SaaS have?

Most of the 16 pages we checked show three or four plans including free, plus a custom enterprise tier. Early-stage products usually do better with fewer: two or three plans that clearly serve different customers.

Should I show prices on my pricing page?

Yes, for self-serve plans. Every page we checked shows prices for its self-serve plans; "contact sales" is reserved for the custom top tier. Calendly even publishes its enterprise starting price ("Starts at $15k/yr").

Should the annual or monthly price be shown first?

Many pages default to annual billing so the lower price shows first, and state the saving next to the toggle. If you do this, make sure the "billed yearly" label is impossible to miss, or you'll create surprise at checkout.

What is a good pricing page conversion rate?

There's no reliable public benchmark for pricing pages specifically; it depends heavily on how much intent the visitor already has. Track the share of pricing page visitors who start signup or checkout, and compare against your own history.

Sources and method

• Pricing pages of the 16 products listed (their /pricing URL), fetched 18 October 2026 from the public HTML. We recorded the H1, plan names and displayed prices, billing toggle text, highlighted-plan labels and notable elements. Prices may differ by location and change often.