mcpField
P
pricing-page

pricing-page

github.com/mengto营销与增长7.1k1.6k 次安装3 天前更新
代码仓库

关于 pricing-page

用于规划定价页面的设计技能,帮助访客比较方案并消除购买疑虑。内容涵盖页面结构、定价布局、文案、常见问题及 SEO/AEO 输出。

主要功能

  1. 01收集产品、方案、受众和证明材料
  2. 02从四种定价页面布局中选择
  3. 03规划方案表、比较内容和行动号召
  4. 04用常见问题和风险保障回应疑虑
  5. 05准备 SEO 与 AEO 页面内容

适用场景

  1. 01围绕用量或席位规划 SaaS 定价页
  2. 02分别呈现个人与团队方案
  3. 03说明企业采购和销售驱动的购买路径

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/mengto/skills --skill pricing-page

安装后在 Claude Code 中输入/pricing-page确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

REFERENCES.md
demo/
index.html
PROMPT.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(如果你的技术栈支持)。

常见问题

  • 方案太多(导致分析瘫痪)
  • 列出功能却没有说明其价值(为什么重要)
  • 所有定价都隐藏在“联系销售”之后
  • 在页面中途切换价值指标(令人困惑)
  • 表格设计过度,影响可读性

输出格式(生成定价页面时)

返回:

  1. 页面大纲(各部分及顺序)
  2. 定价表规格(方案、要点、限制、CTA)
  3. FAQ 列表(6–12 组问答)
  4. SEO/AEO(标题 + Meta + FAQ schema 建议)
  5. 布局建议(A/B/C/D + 原因)

快速提问(如果用户只说“创建定价页面”)

  • 提供免费方案还是试用?
  • 月付/年付价格是多少?
  • 价值指标是什么?
  • 推荐哪个方案,为什么?
  • 最常见的 3 个异议是什么?

评论

支持 Markdown