SaaS Pricing Table — Billing & Currency

Give every plan, billing period and market its own price and checkout.

WHAT IT DOES

- Monthly and annual pricing cards, calculated savings, responsive layout, usage estimator, custom-price plans and optional local currency suggestion.

- Set a price, note, button and checkout destination for each plan × currency × billing period. The audit finds missing, duplicate, unrecognized and unrouted entries.

- Show the annual total or the monthly equivalent, with the actual amount due. Optional estimated conversions use only designer-entered rates and rounding.

WHAT YOU CAN CUSTOMIZE

- Edit price cards, badge, feature lists, locale, rate multipliers, rounding, seat behavior and link labels.

- Set specific regional checkout links for each billing period. Set the default currency explicitly or opt into a browser-language guess.

- Customize type, spacing, radius, layout, palette and whether price transitions play.

HOW TO SET IT UP

1. Create the plan cards and give each a unique ID. Enter supported currencies with ISO code and formatting locale.

2. Add one price row per plan, currency and period. Enter the full annual amount in year rows. Open the audit before publishing and disable it afterward.

3. Test every checkout link and decide how your real checkout will handle quantity. The live seat estimate does not change the linked checkout’s quantity.

REQUIREMENTS AND LIMITS

- The example buttons log their chosen route locally. Production destinations must be configured by the seller.

- Indicative conversions use static rates, have no inherited checkout link, and do not represent real-time exchange rates. The animation differs from elaborate showcase effects.

WHAT'S INCLUDED

- Paste-to-install Framer Component URL

- Standalone Framer code component (.tsx)

- Quick-start instructions and the two example preset configurations

Need help? Reply through your order receipt with the product name and describe what happened.