Webflow: Multi-tier pricing table with billing toggle, add-ons tabs, and long FAQ accordion
Light pricing page anchored by two side-by-side five-column plan grids (Site plans and Platform plans), each card listing tiered prices with bright blue "Add plan" buttons and checkmark feature lists. The signature treatment is the Monthly/Yearly pill toggle paired with a distinct gray "Add-ons" panel below that has its own "For Site plans / For Enterprise" segmented tabs and dark callout cards. The page closes with a deep two-column FAQ accordion grouped by category, a grayscale customer logo wall, and a giant blue Webflow logomark anchoring the footer.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/webflow-multi-tier-pricing-table-with-billing-toggle-add-ons-tabs-and-long-faq-accordion.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Webflow
- Testimonial / Social Proof — 300,000+ brands swipeable quote carousel
- Comparison — Compare-all-plans buttons strip
- CTA / Sign-up — Competitive-edge CTA over Jasper site showcase
- Logo Wall — Dark 'Made in Webflow' logo wall over product collage
- Pricing / Plans — Dual Site plans / Platform plans card tables
- Feature — Ecommerce and Workspace plans expandable rows
- Feature — Everything marketing teams love accordion with inline dropdown
- Gallery / Showcase — From idea to impact dark product showcase
- Hero — Giant grotesk hero with three promo cards
- Logo Wall — Grayscale customer logo wall
- CTA / Sign-up — Large stakes statement with Discover Webflow AI button
- FAQ — Long topic-grouped accordion FAQ