Back to Details

pricing-page

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Pricing Page (High‑Conversion) — Web Design Skill

高转化定价页面——网页设计技能

Design a pricing page that helps visitors choose and feel good about it. Your job is not to “show prices.” Your job is to reduce uncertainty.
设计一个能帮助访客做出选择且让他们安心的定价页面。 你的任务不是“展示价格”，而是减少不确定性。

Before you design/write

设计/撰写前的准备

Gather (ask if missing):
收集以下信息（缺失时主动询问）：

1) Offer + audience

1) 产品与受众

  • What are you selling? (category)
  • Who is it for? (ICP + primary use case)
  • What’s the main value metric? (seat, usage, project, revenue, etc.)
  • 你售卖的是什么？（产品类别）
  • 目标用户是谁？（ICP+核心使用场景）
  • 核心价值指标是什么？（席位、使用量、项目、营收等）

2) Plans

2) 定价方案

  • Plan names + prices (monthly/annual)
  • Limits per plan (the 3–6 limits that matter)
  • What’s the upgrade trigger? (what causes people to move up?)
  • 方案名称+价格（月付/年付）
  • 各方案的限制条件（3-6个关键限制）
  • 升级触发点是什么？（什么会促使用户升级？）

3) Objections + risk

3) 用户顾虑与风险

  • Top 3 reasons people don’t buy today
  • Security/compliance needs? (SOC2, GDPR, etc.)
  • Can you offer: free trial, free plan, money-back, demo?
  • 当前用户放弃购买的三大核心原因
  • 是否有安全/合规需求？（SOC2、GDPR等）
  • 可提供哪些风险缓解方案：免费试用、免费版、退款保证、产品演示？

4) Proof

4) 信任背书

  • Testimonials, logos, results, case studies, metrics
  • 客户评价、合作品牌、成果数据、案例研究、核心指标

5) Traffic context

5) 流量背景

  • Are visitors coming from: homepage, feature pages, ads, comparison pages?
  • What do they already know?
  • 访客来自哪里：首页、功能页、广告、竞品对比页？
  • 他们已经了解哪些信息？

Core structure (what a pricing page should have)

核心结构（定价页面必备模块）

Above the fold (must)

首屏区域（必选）

  • Clear value headline (what outcome, for who)
  • Monthly/Annual toggle with annual savings callout
  • 3‑plan pricing table (most common) or 2‑plan (simple product)
  • Primary CTA per plan (consistent verbs)
  • 清晰的价值标题（针对谁，能带来什么结果）
  • 月付/年付切换按钮，并标注年付优惠
  • 3方案定价表格（最常见）或2方案（适用于简单产品）
  • 每个方案配统一风格的主CTA按钮（动词保持一致）

Below the fold (high leverage)

首屏下方区域（高价值模块）

  • Plan comparison (feature matrix or “what you get” bullets)
  • FAQ (objection handling)
  • Social proof near decision points
  • Security / compliance / procurement section (if B2B)
  • Final CTA + contact sales
  • 方案对比（功能矩阵或“你将获得”的要点列表）
  • 常见问题FAQ（解决用户顾虑）
  • 决策节点附近放置社交证明
  • 安全/合规/采购支持板块（B2B产品必备）
  • 最终CTA + 联系销售入口

Layout types (pick one)

布局类型（选一即可）

A) Classic 3‑card

A) 经典三卡片布局

Best when:
  • you have 3 natural tiers (Starter / Pro / Business)
  • pricing is simple
Rules:
  • 1 plan labeled Recommended
  • show “most popular” without yelling
适用场景：
  • 产品天然分为三个层级（入门版/专业版/企业版）
  • 定价逻辑简单
设计规则：
  • 其中一个方案标注**“推荐”**标签
  • 以低调方式展示“最受欢迎”

B) Value metric slider

B) 价值指标滑块布局

Best when:
  • pricing scales with usage (seats, events, credits)
Rules:
  • keep math obvious
  • keep a safe default (median customer)
适用场景：
  • 定价随使用量（席位、事件、积分）阶梯上涨
设计规则：
  • 价格计算逻辑清晰易懂
  • 设置合理的默认值（基于中位数用户数据）

C) “Pick your path” (two columns)

C) “选择你的路径”双列布局

Best when:
  • different audiences (Individuals vs Teams)
Rules:
  • separate by persona first, then price
适用场景：
  • 面向不同受众（个人用户 vs 团队用户）
设计规则：
  • 先按用户角色划分，再展示价格

D) Enterprise last mile

D) 企业版专属布局

Best when:
  • you have a self-serve path + sales-led path
Rules:
  • Enterprise should read like procurement reassurance
适用场景：
  • 同时提供自助购买路径和销售对接路径
设计规则：
  • 企业版板块需突出采购保障相关内容

High‑conversion strategies (practical)

高转化实操策略

1) Make the decision easy

1) 降低决策难度

  • 3 plans max (unless you have a strong reason)
  • One recommended plan
  • Bullets describe outcomes, not internal features
  • 最多设置3个方案（除非有充分理由）
  • 明确标注一个推荐方案
  • 要点描述聚焦用户收益，而非内部功能

2) Anchor value (without being shady)

2) 合理锚定价值（避免误导）

  • Annual toggle with “Save X%”
  • Show “Starting at” only if your pricing is truly variable
  • Avoid surprise fees
  • 年付切换按钮标注“立省X%”
  • 仅当定价确实可变时使用“起售价”表述
  • 隐藏费用

3) Reduce risk

3) 降低决策风险

Choose at least one:
  • Free trial
  • Free plan
  • Money‑back guarantee
  • “Talk to sales” with a clear promise (response time, demo)
至少提供以下一种选项：
  • 免费试用
  • 免费版
  • 退款保证
  • “联系销售”并明确承诺（响应时间、演示安排）

4) Handle objections before they bounce

4) 提前解决用户顾虑

Most effective FAQ topics:
  • “Can I cancel anytime?”
  • “What happens if I hit limits?”
  • “Do you offer discounts?”
  • “Is this for freelancers/teams?”
  • “Security / data / compliance”
最高效的FAQ主题：
  • “我可以随时取消吗？”
  • “达到限制后会怎样？”
  • 支持折扣吗？”
  • “产品适用于自由职业者/团队吗？”
  • “安全/数据/合规相关问题”

5) Provide a comparison that’s readable

5) 打造易读的对比模块

  • Avoid huge spreadsheets
  • Group by: Core, Collaboration, Admin/Security, Support
  • Highlight what changes at each tier
  • 避免使用复杂的大表格
  • 按核心功能、协作功能、管理/安全功能、支持服务分组
  • 突出各层级间的差异点

Copywriting (templates)

文案撰写模板

Headlines (choose a formula)

标题（选一公式）

  • “{Outcome} for {audience}—without {pain}”
  • “Plans that scale from {small} to {big}”
  • “Start small. Upgrade when {trigger}.”
  • “{用户收益}，专为{目标人群}打造——告别{痛点}”
  • “从{小型场景}到{大型场景}，全场景适配的方案”
  • “从小规模起步，{触发条件}时再升级”

Plan description (2 lines)

方案描述（两行以内）

  • Who it’s for
  • What it unlocks
Example:
  • Pro — For designers shipping weekly. Better components, faster iteration.
  • 目标用户
  • 核心权益
示例：
  • 专业版 — 面向每周交付项目的设计师。提供更优质组件，加速迭代效率。

CTA buttons

CTA按钮文案规则

Rules:
  • Use verbs that match the motion:
    • “Start free trial”
    • “Buy Pro”
    • “Contact sales”
  • Keep CTAs consistent across plans (don’t mix “Get started” / “Try now” / “Sign up”).
  • 使用与用户行为匹配的动词：
    • “开始免费试用”
    • “购买专业版”
    • “联系销售”
  • 各方案的CTA保持一致（避免混用“开始使用”/“立即试用”/“注册”）

Feature bullets (write like outcomes)

功能要点（以收益为导向）

  • ❌ “Unlimited projects”
  • ✅ “Ship unlimited client sites without extra fees”
  • ❌ “无限项目”
  • ✅ “无需额外费用，交付无限量客户站点”

Pricing table checklist (UI)

定价表格UI检查清单

  • Visible monthly/annual toggle
  • “Save X%” callout on annual
  • Recommended plan styling (subtle)
  • Key limits visible (3–6 max)
  • Included items visible (3–6 max)
  • Clear next step under each plan (trial/buy/contact)
  • Link: “Compare plans” (scrolls to matrix)
  • Mobile: table becomes stacked cards (not a horizontal scroll nightmare)
  • 月付/年付切换按钮清晰可见
  • 年付选项标注“立省X%”
  • 推荐方案有低调的差异化样式
  • 显示3-6个关键限制条件
  • 显示3-6个核心包含功能
  • 每个方案下方有清晰的下一步操作（试用/购买/联系）
  • 加入“对比方案”链接（跳转到对比矩阵）
  • 移动端适配：表格转为堆叠卡片（避免横向滚动）

SEO + AEO (AI answers) checklist

SEO + AEO（AI搜索优化）检查清单

SEO basics

SEO基础优化

  • Title: “Pricing — {Product}” + outcome keyword
  • Meta description: 1 sentence on value + 1 sentence on pricing starting point
  • Clean URL: 
    /pricing
  • Internal links from:
    • homepage CTA
    • feature pages
    • comparison pages
  • 页面标题：“定价 — {产品名}” + 收益关键词
  • 元描述：1句价值点描述 + 1句起售价说明
  • 简洁URL：
    /pricing
  • 内部链接来源：
    • 首页CTA
    • 功能页面
    • 对比页面

AEO (answer engines)

AEO（问答引擎优化）

  • Add an FAQ section that answers:
    • refund policy
    • trial length
    • cancellation
    • what counts as a seat/usage
    • enterprise procurement
  • Write FAQs in plain Q/A format.
  • Optional: FAQ schema (if your stack supports it).
  • FAQ板块需覆盖：
    • 退款政策
    • 试用时长
    • 取消规则
    • 席位/使用量的定义
    • 企业采购流程
  • FAQ采用直白的问答格式
  • 可选：添加FAQ结构化数据（若技术栈支持）

Common pitfalls

常见误区

  • Too many plans (analysis paralysis)
  • Features listed with no context (why it matters)
  • Pricing hidden behind “Contact sales” for everything
  • Switching value metric mid-page (confusing)
  • Over-designed table that harms readability
  • 方案过多（导致选择困难）
  • 仅罗列功能，未说明其价值
  • 所有价格都隐藏在“联系销售”背后
  • 页面中途切换价值指标（造成混淆）
  • 过度设计表格，损害可读性

Output format (when generating a pricing page)

定价页面交付格式

Return:
  1. Page outline (sections + order)
  2. Pricing table spec (plans, bullets, limits, CTA)
  3. FAQ list (6–12 Q/A)
  4. SEO/AEO (title + meta + FAQ schema suggestion)
  5. Layout recommendation (A/B/C/D + why)
需返回：
  1. 页面大纲（模块及排序）
  2. 定价表格规范（方案、要点、限制、CTA）
  3. FAQ列表（6-12组问答）
  4. SEO/AEO配置（标题+元描述+FAQ结构化数据建议）
  5. 布局推荐（A/B/C/D + 推荐理由）

Quick questions (if user gives you only “make a pricing page”)

快速提问（若用户仅说“做一个定价页面”）

  • Free plan or trial?
  • Monthly/annual pricing numbers?
  • Value metric?
  • Recommended plan (which one and why)?
  • Top 3 objections?
  • 是否提供免费版或免费试用？
  • 月付/年付的具体价格？
  • 核心价值指标是什么？
  • 推荐哪个方案，理由是什么？
  • 用户的三大核心顾虑是什么？