40 of the best pricing sections

Pricing sections are the highest-stakes part of any landing page. The layout, the tier names, the highlighted plan, the billing toggle — every decision lands in the conversion rate. Get it wrong and visitors bounce at the exact moment they were ready to commit. The pricing designs in this collection span simple two-tier layouts to complex enterprise tables, monthly and annual toggles, and usage-based models. Study what the best products put front and centre — and what they bury.

Pricing sections FAQs

How many pricing tiers is ideal?

Three tiers is the most common and effective structure — a starter, a recommended mid-tier (often highlighted), and an enterprise or premium option. More than four tiers creates comparison fatigue.

What should a highlighted pricing plan include?

A visual distinction (border, background colour, badge), a label like "Most popular" or "Recommended", and a slightly stronger CTA. The highlight anchors the decision and nudges users toward the tier you most want them to choose.

Should I show annual vs monthly pricing?

Yes, if you offer both. A toggle between billing periods is now a standard pattern and sets clear expectations. Showing the annual saving prominently ("Save 20%") encourages longer commitments.