Pricing
You might say
Show three plans side by side and mark the middle one as 'Most popular.'
Help visitors compare plans, cost, and included valueA pricing section should make plan differences, billing periods, limits, and extra fees understandable. Highlight a recommended option only when the reason is clear. Visitors need enough detail to choose without opening several hidden notes.
You can say this to an AI Agent
Audit the pricing section: state intended user, differentiating benefits, currency, billing period, charged total, renewal, and cancellation for every plan. Do not replace annual total with a monthly equivalent, remove unsupported popularity claims, and verify mobile comparison.
When to use it
- Compare subscription plansGetting startedSample priceCollaborationSample priceOrganizationContact us for pricing
- Explain monthly and annual billingRecommended planOnly mark it when there is usage data or clear applicable conditions, and explain the basis.
- Show usage limits and included featuresMonthly priceAnnual total
- Lead to purchase or contact for a suitable planStart with the free planUpgrade to Pro
When NOT to use it
- Hide required fees in fine print
- Use plan names that reveal nothing about the differenceContact sales to get a quote
- Mark a plan as recommended without a reasonAdd dedicated support for ¥30/monthPay now ¥79Preselecting paid options changes the total the user originally chose.
- Make visitors calculate the real price from scattered notes¥9.9/month* ¥9.9 applies to the first month only. The price is ¥99/month afterward, with a 24-month service commitment.
Anatomy
Pro
¥49/month
No project limit · Custom domain name · Priority support
Upgrade to Pro
Each plan should match a clear user type or use case
State the currency, billing cycle, and total amount due
List the differences that matter so people can compare plans side by side
Explain how to purchase, try the plan, contact sales, or view the current plan
Variants
MultiTier
When there are several types of users with clearly different needs
Toggle
Monthly paymentYearly payment · Show total price
When the monthly payment and annual payment rules are clearly explained
Single
Single price
When the product has only one payment plan
Typical use cases
SaaS plans
Example only · Replace with your actual prices, features, and billing terms before publishing
Compare plans at a glance
Show the billing cycle, total charge, and cancellation terms
Free¥0/month
✓ 10 projects✓ 100 builds/month✓ Community support
Get started
Best for frequent use
Pro¥49/month
✓ No project limit✓ Custom domain✓ Priority support
Upgrade to Pro
Team¥199/month
✓ Team collaboration✓ Role-based permissions✓ Dedicated support
Contact sales
Membership tiers
Example prices and benefits
Free version¥0/month
✓ 3 projects✓ Basic template✓ Export with watermark
Start for free
Suitable for continuous creation
Pro¥29/month
✓ No limit to projects✓ All templates✓ High-definition export without watermark
Upgrade to Pro
Service packages
Example prices and benefits
Pay monthlyPay annually Show total price
Free version¥0/month
✓ 10 projects✓ Community support
Get started
Suitable for continued use
Pro¥24/month · Annual payment
The total annual payment is ¥288 · equivalent to ¥24/month
✓ No project limit✓ Custom domain name
Upgrade yearly
Usage-based pricing
Example prices and benefits
Pro¥49/month
✓ No project limit✓ Custom domain✓ Priority support
Upgrade to Pro
EnterpriseContact us for pricing
✓ Private deployment✓ SLA-backed support✓ Dedicated customer success
Contact sales
Recommended tool
Web fine-tuning tool · Selector Pro
Select page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗Further reading
Quick check