企业官网建设流程全解析

• 后端

Koudoku 是一款基于 Stripe 的 Ruby on Rails 订阅支付 gem，它为 SaaS 产品开箱即用地提供了高转化定价页：三档定价表、免费试用、升级/降级/取消管理一应俱全。本文面向刚接触订阅计费的新手，带你一步步搞懂如何用它设计并定制一套真正能提升转化的 SaaS 定价表。

为什么定价页是转化率的生死线？

SaaS 用户做付费决策时，平均停留时间只有几十秒。一个好的定价表需要同时做到三件事：

1. 让价格一目了然：每档方案的名字、价格、计费周期、功能清单清晰排列；
2. 引导用户选择"推荐档"：通过视觉高亮制造锚点效应；
3. 降低决策风险：展示免费试用、客户评价等信任信号。

Koudoku 把这三点都做成了可定制的现成视图，你只需要配置数据，页面就自动渲染出来。

快速上手：5 分钟装好 Koudoku

在 Rails 项目的 Gemfile 中加入gem 'koudoku'，然后运行安装生成器（以user作为订阅主体为例）：

rails g koudoku:install user rake db:migrate

这会在你的应用里生成 Plan、Subscription、Coupon 三个模型，以及位于 config/initializers/koudoku.rb 的配置文件，里面可以设置free_trial_length（免费试用天数）、prorate（是否按比例计费）等关键选项。

另外，记得在你的应用 layout 中加一行<%= yield :koudoku %>，它负责注入 Stripe 的脚本，否则支付表单无法工作。

定价表核心字段：一套 Plan 数据的 7 个属性

Koudoku 的定价表完全由Plan模型驱动。在后台创建几个方案即可：

Plan.create({ name: 'Team', price: 30.00, interval: 'month', stripe_id: '2', highlight: true, # 在定价页高亮此方案 features: ['3 Projects', '3 Users'].join("\n\n"), display_order: 2 })

各字段的含义（详见 README.md）：

💡 小技巧：features是转化的关键文案区。写具体的数量承诺（如"10 个项目、10 个用户"），比写"更多功能"更能打动用户。

高亮推荐档与免费试用：提升转化的两个开关

在定价表模板 _pricing_table.html.erb 中，Koudoku 会自动做两件事：

• 把highlight: true的方案渲染成更大、更靠前的卡片（对应样式 pricing-table.scss 中的.plan-primary）；
• 根据按钮文案自动切换：新用户显示 "Sign up"，已登录用户则显示 "Upgrade / Downgrade / Selected"——同一张表，千人千面。

只要在配置里设置config.free_trial_length = 30，所有按钮就会变成 "Start Your Free Trial"，并在每档下方追加一行 "30-day Free Trial"。研究表明，免费试用 CTA 能显著提升 SaaS 注册转化率。

价格展示由 application_helper.rb 中的plan_price生成，格式为"金额/周期"，周期名称还会走 config/locales/en.yml 做国际化翻译。

用社会证明（Social Proof）加固信任

定价表最后一列不是第四个方案，而是一个社会证明区——由 _social_proof.html.erb 渲染，默认展示三条客户引言。

安装时 Koudoku 会把这个文件拷贝到你自己应用的app/views/koudoku/subscriptions/下，它就是一个占位符：把 en.yml 里social_proof下的三条quote和person换成真实的客户评价，信任感立刻拉满。这也是官方唯一默认本地安装的视图，专门留给你的营销文案。

定制你的定价页样式与结构

最快方法：导入官方样式

Koudoku 内置定价表样式，依赖 Bootstrap。只需在application.css中加入一行：

*= require 'koudoku/pricing-table'

（若用 SCSS，则写@import "koudoku/pricing-table"）即可。想调整高亮卡片的字号、背景色，改的是 pricing-table.scss 这套规则。

深度定制：一键拷贝全部视图

想完全重写页面结构？运行：

rails g koudoku:views

该命令（见 views_generator.rb）会把 app/views/koudoku/subscriptions/ 下的所有页面——定价表 index、支付表单 new、订阅详情 show、编辑/取消页等——拷贝到你的应用中，从此可任意修改，升级 gem 也不会覆盖它们。

多语言定价页：一行配置搞定国际化

定价页的全部文案（"Choose A Plan"、"30-day Free Trial"、"What Plan Is Best For You?" 等）都来自 i18n。项目自带 英文 和 巴西葡萄牙语 两份文件，新增一份对应语种的 yml 文件，你的定价表就能服务全球用户，而无需改动任何视图。

优惠券与路由：给转化再加一把力

• 优惠券：在创建订阅前把 Coupon 关联上subscription即可生效（模型见 coupon.rb），适合做"30 天免费"这类拉新活动；
• 路由：Koudoku 自动挂载了pricing_path（定价表）和订阅管理路由，导航栏里加一个<%= link_to 'Pricing', main_app.pricing_path %>就能把访客直接送到这张高转化定价表前。

总结

用 Koudoku 设计高转化的 SaaS 定价表，路径非常清晰：

1. 安装 gem 并生成模型（5 分钟）；
2. 配置 3 档 Plan，突出"推荐档"并开启免费试用；
3. 用社会证明区放真实客户评价；
4. 用rails g koudoku:views深度定制页面，用 i18n 文件扩展语言。

从定价数据到最终呈现，一切都在 Rails 应用内完成，支付与 Webhook 则由 Stripe 稳稳托底——你可以把精力集中在定价策略本身，而不是计费系统的坑里。

• 后端