关于 pricing-page
用于规划定价页面的设计技能,帮助访客比较方案并消除购买疑虑。内容涵盖页面结构、定价布局、文案、常见问题及 SEO/AEO 输出。
主要功能
- 01收集产品、方案、受众和证明材料
- 02从四种定价页面布局中选择
- 03规划方案表、比较内容和行动号召
- 04用常见问题和风险保障回应疑虑
- 05准备 SEO 与 AEO 页面内容
适用场景
- 01围绕用量或席位规划 SaaS 定价页
- 02分别呈现个人与团队方案
- 03说明企业采购和销售驱动的购买路径
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ mengto/ skills --skill pricing-page安装后在 Claude Code 中输入/pricing-page确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
REFERENCES.mddemo/index.htmlPROMPT.md详细介绍
定价页面(高转化)——Web 设计技能
设计一个定价页面,帮助访客做出选择,并对自己的选择感到满意。 你的工作不是“展示价格”。 你的工作是减少不确定性。
设计/撰写之前
收集以下信息(缺少时请询问):
1)产品方案 + 目标受众
- 你在卖什么?(类别)
- 面向谁?(理想客户画像 + 主要使用场景)
- 主要价值指标是什么?(席位、用量、项目、收入等)
2)套餐
- 套餐名称 + 价格(月付/年付)
- 每个套餐的限制(3–6 项关键限制)
- 升级触发条件是什么?(哪些情况会促使用户升级?)
3)异议 + 风险
- 用户今天不购买的 3 个主要原因
- 有哪些安全/合规要求?(SOC2、GDPR 等)
- 能否提供:免费试用、免费套餐、退款保证、演示?
4)证明材料
- 客户评价、标识、成果、案例研究、指标
5)流量背景
- 访客来自哪里:主页、功能页、广告、对比页面?
- 他们已经了解哪些信息?
核心结构(定价页面应包含的内容)
首屏内容(必须)
- 清晰的价值标题(为谁带来什么成果)
- 月付/年付切换选项,并说明年付可节省的费用
- 3 套餐定价表(最常见)或 2 套餐(产品简单时)
- 每个套餐都有主要 CTA(动词保持一致)
首屏以下内容(影响大)
- 套餐对比(功能矩阵或“你将获得什么”要点)
- 常见问题(处理异议)
- 在决策点附近展示社会证明
- 安全/合规/采购部分(适用于 B2B)
- 最终 CTA + 联系销售
页面布局类型(选一种)
A)经典三卡片
适用情况:
- 有 3 个自然层级(Starter / Pro / Business)
- 定价简单
规则:
- 为 1 个套餐标注推荐
- 展示“最受欢迎”,但不要大声叫卖
B)价值指标滑块
适用情况:
- 价格随用量变化(席位、事件、额度)
规则:
- 让计算一目了然
- 设置安全的默认值(接近典型客户的中位数)
C)“选择适合你的路径”(两列)
适用情况:
- 面向不同受众(个人与团队)
规则:
- 先按用户类型区分,再展示价格
D)企业采购最后一步
适用情况:
- 同时提供自助购买路径和销售主导路径
规则:
- Enterprise 应体现让采购方安心
高转化策略(实用)
1)让决策更简单
- 最多提供 3 个套餐(除非有充分理由)
- 只设置 1 个推荐套餐
- 要点描述成果,而不是内部功能
2)体现价值(不耍花招)
- 年付切换选项中注明“节省 X%”
- 只有在定价确实浮动时才展示“起价”
- 避免意外费用
3)降低风险
至少选择一项:
- 免费试用
- 免费套餐
- 退款保证
- “联系销售”,并明确承诺(响应时间、演示)
4)在访客离开前解决异议
最有效的常见问题主题:
- “我可以随时取消吗?”
- “达到限制后会怎样?”
- “你们提供折扣吗?”
- “这适合自由职业者/团队吗?”
- “安全/数据/合规”
5)提供易读的对比
- 避免使用巨大的电子表格
- 按以下类别分组:核心功能、协作、管理/安全、支持
- 突出各套餐层级的差异
文案撰写(模板)
标题(选择一种句式)
- “为{目标受众}提供{成果}——无需再受{痛点}困扰”
- “套餐灵活扩展,从{小规模}到{大规模}”
- “从小规模开始,在{触发条件}时升级。”
套餐描述(2 行)
- 面向谁
- 能解锁什么
示例:
- Pro — 适合每周交付作品的设计师。提供更出色的组件,让迭代更快。
CTA 按钮
规则:
- 使用符合操作流程的动词:
- “开始免费试用”
- “购买 Pro”
- “联系销售”
- 各套餐的 CTA 保持一致(不要混用“立即开始”/“立即试用”/“注册”)。
功能要点(描述成果)
- ❌ “无限项目”
- ✅ “无限交付客户网站,无需额外费用”
定价表检查清单(UI)
- 显示月付/年付切换选项
- 年付方案标注“节省 X%”
- 推荐方案采用(低调的)样式
- 显示关键限制(最多 3–6 项)
- 显示包含的项目(最多 3–6 项)
- 在每个方案下方明确说明下一步操作(试用/购买/联系)
- 链接:“比较方案”(滚动至对照表)
- 移动端:表格改为纵向堆叠的卡片(而不是糟糕的横向滚动)
SEO + AEO(AI 回答)检查清单
SEO 基础
- 标题:“定价 — {Product}” + 成果关键词
- Meta description:1 句话介绍价值 + 1 句话说明起步价格
- 简洁的 URL:
/pricing - 从以下页面添加内部链接:
- 首页 CTA
- 功能页面
- 比较页面
AEO(回答引擎)
- 添加 FAQ 部分,回答以下问题:
- 退款政策
- 试用时长
- 取消方式
- 如何计算席位/用量
- 企业采购
- 以 纯问答 格式撰写 FAQ。
- 可选:添加 FAQ schema(如果你的技术栈支持)。
常见问题
- 方案太多(导致分析瘫痪)
- 列出功能却没有说明其价值(为什么重要)
- 所有定价都隐藏在“联系销售”之后
- 在页面中途切换价值指标(令人困惑)
- 表格设计过度,影响可读性
输出格式(生成定价页面时)
返回:
- 页面大纲(各部分及顺序)
- 定价表规格(方案、要点、限制、CTA)
- FAQ 列表(6–12 组问答)
- SEO/AEO(标题 + Meta + FAQ schema 建议)
- 布局建议(A/B/C/D + 原因)
快速提问(如果用户只说“创建定价页面”)
- 提供免费方案还是试用?
- 月付/年付价格是多少?
- 价值指标是什么?
- 推荐哪个方案,为什么?
- 最常见的 3 个异议是什么?
评论
支持 Markdown