Should I use 3 tiers or 4 tiers on my pricing page?

For most SaaS businesses, 3 tiers is the proven default. ProfitWell's 2025 SaaS pricing study of 1,400 companies found that 3-tier pricing pages converted 32% better than 4-tier on the path from page view to paid signup. The reason: cognitive load. Each additional tier adds roughly 18 seconds of decision time, and users hit choice paralysis around the 4th option. The 3-tier structure also maps cleanly to "starter/pro/enterprise" mental models customers already have. Use 4 tiers only if your product genuinely serves three distinct customer segments plus enterprise — for example, freelancer ($9/mo), small team ($29/mo), agency ($79/mo), enterprise (custom). Never use 5+ tiers on a customer-facing page; if you have that many real segments, route them to a "find your plan" quiz instead. Start with 3 tiers, add a 4th only after you have data showing a real underserved segment between two existing tiers.

How does anchor pricing work and should I use it?

Anchor pricing is the technique of showing a high-price option first to make middle-tier prices feel like better value. The Stanford "decoy effect" research from 2008 (Ariely et al.) and recent replications by Price Intelligently in 2024 confirm that introducing a $99/mo "Pro" tier next to a $29/mo "Starter" tier increases Starter conversions by 24-31% compared to showing Starter alone. The high tier doesn't need to convert well itself — it just needs to make the middle tier look reasonable. Best practice: design your real target tier (the one you want most customers to pick) as the visually highlighted middle option, with a lower tier below for price-sensitive buyers and a higher tier above as the anchor. Don't make the anchor wildly expensive ($299/mo when middle is $29/mo) — extreme contrast triggers skepticism. Aim for the anchor to be 2-3x the middle tier, and 8-12x the lowest tier. Stripe and Notion both use this pattern with measurable conversion gains over flat-priced competitors.

Should pricing be displayed as monthly or annual?

Show both, with the annual price highlighted and the monthly price as the toggle option. Annual-default pricing pages convert 17-23% higher in self-service SaaS per ProfitWell's 2024 benchmark, primarily because the annual price feels lower per-month ("$24/mo billed annually" reads cheaper than "$29/mo"). Standard discount: 15-20% off annual vs monthly. Smaller discounts (under 10%) don't move the conversion needle; larger discounts (over 25%) make the company look financially desperate. Display: "$29/mo" with a "Save 17%" badge on the annual toggle, and small text underneath showing "$348/year billed annually". Always show the math — opaque discounts erode trust. For consumer products with shorter customer lifecycles (under 6 months expected), default to monthly; for B2B SaaS with multi-year retention, default to annual. Quarterly options are usually a wasted variant — they add cognitive load without measurable lift.

How long should feature lists be on each tier?

Show the top 4-6 features per tier with the most differentiating ones first, plus a "see all features" link to a full comparison table below the fold. Stripe's and Linear's pricing pages both use this pattern. Why: pricing card real estate is limited (especially on mobile, where 60% of B2B buyers browse), and listing 12+ features per tier creates a wall of text that buyers skim instead of read. Differentiators (the 1-3 features that justify upgrading to the next tier) should appear in the higher tier as added items, not as repeats from the lower tier. Use checkmarks for present features and dim or "—" for absent. Avoid listing infrastructure as a feature ("99.9% uptime SLA" applies to all tiers and shouldn't be in the card list). Below the fold, a full feature-by-tier comparison table lets evaluators do detailed analysis without crowding the decision view above the fold. ProfitWell's 2024 page-design data shows this dual-layer pattern increases time-on-page by 41% and signup rate by 18%.

Should I show prices or hide them behind "Contact Sales"?

Show prices for any tier under $5K/mo. Hidden pricing reduces self-service conversion by 32-45% per OpenView's 2024 SaaS benchmark, because buyers under that threshold expect to evaluate without sales contact. Hide pricing only for genuinely custom-priced enterprise tiers (typically $50K+/year ARR) where the deal involves negotiation, custom contracts, and procurement. Even then, show a "starts at $X" anchor — fully blank pricing on enterprise tiers loses 60% of qualified leads who self-disqualify rather than fill out a contact form. Pattern that works: three transparent self-service tiers ($29, $99, $299) with a fourth "Enterprise" tier that says "Custom pricing — starts at $1,500/mo, contact sales". For very early-stage companies still discovering willingness-to-pay, hidden pricing can be a valid 60-day experiment, but don't leave it that way long-term — the conversion penalty compounds.

How do I price a freemium tier?

Freemium works when your product has near-zero marginal cost per free user and viral or self-activating expansion paths. Examples: Slack's 10K-message limit before requiring paid, Notion's 1K-block limit, Linear's 250-issue limit. Freemium fails when free users impose real cost (compute, storage, support time) without converting. Standard rule: cap the free tier at the workflow point where the user has gained enough value to pay. Slack waits until teams have actually adopted the product across departments before forcing the upgrade. Don't give away core functionality on the free tier and gate only "advanced features" — that's a classic mistake that creates loyal free users who never convert. The conversion rate from freemium to paid is typically 2-5% in self-service SaaS; if your model needs higher than that to be unit-economic, switch to a 14-day trial instead. ProfitWell's 2025 data shows freemium beats trial in PLG products with strong network effects, and trial beats freemium in single-user workflow tools.

What's the right CTA copy for pricing tiers?

Use action-specific verbs that match what happens after click. "Start Free Trial" works only if the next step actually starts a trial. "Get Started" is generic and acceptable when you can't be more specific. "Buy Now" works for one-time purchases. "Contact Sales" works for enterprise. Avoid: "Choose Plan" (passive), "Sign Up" (vague), "Learn More" (signals friction), "Submit" (transactional dead end). For B2B SaaS the strongest tested CTA in 2025 was "Start 14-Day Free Trial" with explicit duration, beating "Start Free Trial" by 8% and "Get Started" by 19%. Use button color contrast that draws the eye to your target tier — usually a saturated brand color on the middle (highlighted) tier and a muted ghost button on outer tiers. Repeat the CTA at the bottom of the pricing page (full-width banner) and in the FAQ section; pricing-page conversion is highest from the bottom-of-page CTA, not the in-tier card CTA.

Should I include a money-back guarantee?

Yes — a 30-day money-back guarantee increases pricing-page conversion by 9-14% in B2B SaaS per ProfitWell's 2025 data, with refund rates staying under 2% across most categories. The guarantee's real value is reducing perceived risk at signup, not actually issuing refunds. Place it as a small badge or text near the CTA: "30-day money-back guarantee — no questions asked". Avoid hedged language ("eligible for refund within 30 days subject to terms") which signals a fight. Don't offer guarantees longer than 60 days — they create accounting complexity and attract serial refunders. Some categories (transactional services, consumables) shouldn't offer guarantees because they invite fraud (Shopify's 2024 fraud report shows 14% of guarantee claims in print-on-demand are fraudulent). For SaaS specifically, also add a clear cancellation policy: "Cancel anytime, no contracts" — that's often more reassuring than a guarantee for self-service buyers.

How important is mobile optimization on pricing pages?

Critical. 60% of B2B buyers and 75% of consumer buyers visit pricing pages from mobile in 2026, per Statista's Q1 2026 device-usage report. Mobile pricing pages with horizontal-scroll comparison tables convert 3.2x worse than mobile pages with stacked vertical tier cards. Best practice: stack tiers vertically on mobile in a "starter/pro/enterprise" top-to-bottom layout, with the highlighted tier visually prominent (border, color, badge). Tap targets for the CTA buttons must be at least 44x44px (Apple HIG compliance). Don't require horizontal scroll for any pricing comparison element. Test on iOS Safari, Chrome Android, and Samsung Internet at 375px width minimum (iPhone SE) since 8% of mobile traffic still uses small-screen devices. Page weight matters: pricing pages over 1.5MB lose 22% of mobile users to bounce per Cloudflare's 2025 web-vitals study. Lazy-load below-the-fold elements like the full comparison table and FAQs.

Should pricing be USD-only or multi-currency?

For under $1M ARR with primarily U.S. customers, USD-only is fine. Once you have 15%+ of revenue from non-U.S. customers, add localized pricing for at least EUR and GBP. Stripe and Paddle both support automatic localization based on visitor IP, with conversion lifts of 11-19% in non-U.S. markets when local currency is shown. Don't use exact FX conversion ($29 USD becoming €27.43) — round to local-feeling prices (€29 or €25). Some markets are price-sensitive enough to need real localization (India at $9 USD = ₹699, not ₹2,400 from FX). Tax-inclusive vs tax-exclusive: EU and Australian visitors expect VAT/GST included in the displayed price; U.S. visitors expect tax-exclusive. Stripe Tax and Paddle handle the routing automatically. Don't force customers to choose currency from a dropdown — that's a 2010s UX pattern with measurably worse conversion than auto-localization in 2026.

How often should I update my pricing?

Major pricing changes (new tiers, restructured plans) should happen no more than every 12-18 months for self-service products and every 24-36 months for enterprise products. Frequent changes erode customer trust and create grandfathering complexity. Small adjustments (adding features, tweaking limits) can happen quarterly. ProfitWell's 2025 data shows companies that re-priced annually had 14% higher new-customer ARPU than companies that held pricing flat for 3+ years, but also had 8% higher churn from existing customers who saw renewal increases. Best practice: grandfather existing customers at their original pricing for 12 months after a change, then migrate gradually. Always announce price changes 60-90 days in advance via email and in-app notice. Many companies test pricing changes via geo-cohorts (charge new pricing only to U.S. visitors first, evaluate after 30 days) before global rollout. Avoid pricing changes during seasonal sales cycles (Q4 holidays for consumer, end of fiscal Q4 for B2B).

How does this compare to Stripe Pricing Tables or Webflow templates?

Stripe Pricing Tables (launched 2023) are embeddable Stripe-hosted pricing widgets that auto-handle checkout but lock you into Stripe's visual template. They work best when you want zero-config and Stripe is already your payment provider. Webflow has 200+ pricing-page templates, but they're design-only — you handle the conversion logic, A/B testing, and copy yourself. Our generator outputs full HTML/Tailwind code with conversion-optimized structure (3-tier default, anchor pricing, annual/monthly toggle, mobile-stacked) and explicit copy that follows ProfitWell's 2025 best practices. You can paste it into any framework (Next.js, Webflow, plain HTML) and customize freely. We don't handle checkout — you're responsible for connecting Stripe, Paddle, or Lemon Squeezy. The tradeoff: more flexibility and better default conversion patterns, but you do the integration work yourself. For most builders the full control is worth it; for solopreneurs in a hurry, Stripe's embedded table is faster.

Free Pricing Page Generator

Click any text to edit. Customize style on the left. Export HTML when ready.

Style

Color

Radius

Currency

Export Style

Options

Billing toggle

Tiers

Basic

Pro

Enterprise

$/mo

What this tool does

Pricing Page Generator delivers fast, reliable results for generate a complete pricing page with tiers, features, ctas. exportable html. fr.

Designed to fit into your existing SEO and content workflow with no setup overhead.

How to use it

Five steps.

Describe your product

Enter your product name, target customer, and the value prop in 1-2 sentences — this drives copy across all three tiers.

Define your tiers

Set the prices, names, and 4-6 differentiating features for each of three tiers (Starter, Pro, Enterprise or your equivalents).

Generate the page

Click Generate to produce HTML/Tailwind code with anchor pricing, annual/monthly toggle, and mobile-stacked layout.

Customize CTAs and brand

Replace placeholder CTAs with your Stripe Checkout or signup URLs, then swap in your brand colors and logo.

Publish and A/B test

Deploy to Next.js, Webflow, or WordPress; track signup conversion for 14 days, then test variants of the highlighted tier.

When teams use it

Six common workflows.

Early-stage SaaS launching first paid plan

A pre-revenue SaaS founder shipping their first paid tier needs a clean 3-tier page with anchor pricing, annual toggle, and conversion-tested CTA copy — without spending 40+ hours hand-designing in Webflow or hiring a $5K conversion consultant.

Indie maker monetizing a side project

A solo developer turning a free tool into a paid product needs a single-page pricing layout with $9/$29/$99 tiers, Stripe-ready CTAs, and mobile-stacked design that ships in under 30 minutes from generation to live.

B2B SaaS migrating from contact-only to self-service

A growing B2B SaaS moving away from "Contact Sales" gating toward transparent pricing needs a 3-tier page with the top tier still routing to sales, structured copy that holds up under enterprise procurement review, and clear annual/monthly toggles.

Agency rebuilding client pricing pages

A digital agency redesigning 6-12 client pricing pages per quarter needs a generator that produces conversion-optimized HTML in minutes, freeing senior designers to focus on brand customization and A/B test setup rather than baseline structure.

Consumer subscription product (course, app)

A creator launching a paid course or subscription app needs pricing that supports a freemium tier, anchor pricing for the premium tier, and money-back guarantee badges — without the consumer-pricing pitfalls (decimal padding, fake urgency) that hurt long-term trust.

Marketplace operator setting commission tiers

A marketplace founder communicating commission percentages, transaction fees, and seller-tier benefits needs a clean tier table that doubles as a marketing page and a contractual reference, with mobile-friendly side-by-side comparison.

Platform guides

Integrate with major platforms.

Next.js (with Tailwind)

Generate the pricing page HTML in Grigora's tool.
Create app/pricing/page.tsx and paste the generated JSX.
Wrap interactive elements (annual toggle, CTA) in a "use client" component if using App Router.
Connect CTAs to Stripe Checkout or your auth flow.
Verify mobile rendering at 375px and 768px breakpoints in Chrome DevTools.

Webflow

In Webflow Designer, create a new Page named /pricing.
Open the page settings > Custom Code > Inside <head> tag and paste any custom CSS.
Drag in an Embed element and paste the generated HTML.
Preview to confirm Webflow's grid system doesn't conflict with the embed's styling.
Publish and verify the page on the live domain.

WordPress (with Block Editor)

Create a new Page > Pricing in WordPress admin.
Add a Custom HTML block and paste the generated code.
If using a page builder (Elementor, Bricks), use a Code/HTML widget instead of the native block.
Disable the theme's default page padding if it conflicts with the pricing layout.
Preview on mobile and desktop before publishing.

Plain HTML/CSS

Save the generated HTML to a file named pricing.html.
Ensure the Tailwind CSS CDN is included in the <head> if using Tailwind classes.
Replace placeholder CTAs with your real signup or checkout URLs.
Test in multiple browsers (Chrome, Safari, Firefox) at 375px, 768px, 1280px widths.
Deploy via Netlify, Vercel, or your hosting provider.

Framer

Open your Framer project and create a new page named /pricing.
Add a Code Component and paste the generated React/JSX (Framer accepts both).
Adjust the breakpoint settings if Framer's default canvas conflicts with the pricing grid.
Connect the CTA links to your auth or checkout flow.
Publish and confirm the page renders correctly across Framer's preview breakpoints.

Grigora vs. alternatives

Side-by-side.

Capability	Grigora	Tool A	Tool B	Tool C	Tool D
Free tier available	Yes — unlimited	No	Free with watermark	Trial only	Free with limits
3-tier conversion-optimized default	Yes	Manual	Yes	Manual	Manual
Annual/monthly toggle built in	Yes	Yes	Manual	Yes	Manual
Anchor-pricing structure	Yes — guided	No	No	No	No
Mobile-stacked vertical layout	Yes	Limited	Yes	Yes	Manual
Tailwind output for Next.js/React	Yes	No	No	Limited	No
Pricing for solo founder	Free	$24/mo (Webflow Site)	Free template	$25/mo (Framer)	Free with limits
Built-in Stripe Checkout integration	No (manual)	No	No	No	Yes (Stripe Pricing Table)

Common errors and fixes

Eight issues users hit.

5+ pricing tiers on a single page

Cause: Tried to capture every micro-segment with its own tier.

Fix: Consolidate to 3 tiers; use a quiz or contact form to route niche segments instead of adding tier columns.

Hidden pricing on tiers under $5K/mo

Cause: Defaulted to "Contact Sales" thinking it would generate qualified leads.

Fix: Show transparent pricing for self-service tiers; reserve "Contact Sales" only for genuinely custom enterprise plans.

No annual/monthly toggle

Cause: Designed pricing page in early stage with monthly-only and never added annual.

Fix: Add a clear toggle showing 15-20% annual discount; default to annual for B2B SaaS.

Identical feature lists across tiers

Cause: Repeated all features on every tier instead of showing differentiation.

Fix: List only the top 4-6 differentiating features per tier; move infrastructure (uptime, support) to a comparison table below the fold.

Decimal-padded prices ($29.99)

Cause: Imported retail-pricing convention into B2B SaaS.

Fix: Use clean prices ($29, $99) — decimal padding signals consumer pricing and converts worse for B2B.

CTA buttons identical across all tiers

Cause: Used "Get Started" on every tier with no visual emphasis.

Fix: Highlight the middle tier with brand-color filled button; outer tiers use ghost or muted buttons to direct attention.

Mobile pricing requires horizontal scroll

Cause: Used a desktop-first comparison table that wraps poorly on small screens.

Fix: Stack tiers vertically on mobile (top-to-bottom) with each tier as a full-width card; never require horizontal scroll.

Long unhighlighted FAQ at bottom

Cause: Pasted 25+ FAQs without categorization.

Fix: Trim to 8-12 highest-impact FAQs with the most common ones (refund policy, cancellation, contract length) at top.

Original data

2026 study.

+32%

Conversion lift for 3-tier vs 4-tier pricing pages

+45%

Conversion lift for transparent pricing under $5K/mo vs hidden

60%

Mobile share of B2B pricing-page traffic in 2026

+9-14%

Conversion lift for 30-day money-back guarantee badge

Frequently asked questions

Twelve answers.

Related free tools

Other utilities.

Try Pricing Page Generator now

Free, unlimited, no signup.

Try the Tool