前端

定价区Pricing

你可能会说

做三档套餐并排对比，中间那档标个“最受欢迎”。

定价区是把多个套餐的价格、权益和适用对象并列比较的页面区块定价区让用户比较不同方案适合谁、包含哪些权益以及实际要付多少。套餐数量应反映真实需求差异，并明确币种、计费周期、本次应付总额、税费、试用和取消规则；推荐标记必须有适用条件或数据依据，也不要设置缺乏真实价值、只用于价格锚定的虚高档位。

虚构示例 · 上线时填入实际价格、总价与规则

按月付费按年付费 显示年付总价

免费版¥0/月 ✓ 10 个项目✓ 100 次生成 / 月✓ 社区支持 开始使用

适合高频使用者 专业版¥49/月 ✓ 不限项目✓ 自定义域名✓ 优先支持 升级专业版

团队版¥199/月 ✓ 多人协作✓ 权限管理✓ 专属客服 联系销售

组成结构 · Anatomy

专业版 ¥49/月不限项目 · 自定义域名 · 优先支持升级专业版

每档对应一类明确用户或使用范围

明确币种、计费周期和本次应付总额

列出影响选择的关键差异，便于横向比较

说明购买、试用、联系销售或当前方案状态

常见变体 · Variants

多档对比MultiTier

存在数类需求清楚不同的用户时

月年切换Toggle

月付年付 · 显示总价

月付和年付规则都能清楚说明时

单档Single

单一价格

产品只有一种付费方案时

典型使用场景

SaaS 三档定价

示例价格与权益 · 上线时替换为实际计费规则

清楚比较不同方案

说明计费周期、本次应付总额与取消规则

免费版¥0/月 ✓ 10 个项目✓ 100 次生成 / 月✓ 社区支持 开始使用

适合高频使用者 专业版¥49/月 ✓ 不限项目✓ 自定义域名✓ 优先支持 升级专业版

团队版¥199/月 ✓ 多人协作✓ 权限管理✓ 专属客服 联系销售

免费 + 付费双档

示例价格与权益

免费版¥0/月 ✓ 3 个项目✓ 基础模板✓ 带水印导出 免费开始

适合持续创作 专业版¥29/月 ✓ 不限项目✓ 全部模板✓ 无水印高清导出 升级专业版

月付年付切换

示例价格与权益

按月付费按年付费 显示总价

免费版¥0/月 ✓ 10 个项目✓ 社区支持 开始使用

适合持续使用 专业版¥24/月 · 年付年付总价 ¥288 · 折合 ¥24/月 ✓ 不限项目✓ 自定义域名 按年升级

企业版联系销售

示例价格与权益

专业版¥49/月 ✓ 不限项目✓ 自定义域名✓ 优先支持 升级专业版

企业版定制报价 ✓ 私有化部署✓ SLA 服务保障✓ 专属客户成功 联系销售