定价表格

使用精美的、转化率优化的表格展示您的定价方案。

基础定价表格

data/pricing.yaml中配置您的定价方案:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
plans:
  - name: 入门版
    price: 9
    period: month
    features:
      - "5个项目"
      - "10GB存储"
      - "邮件支持"
    cta:
      text: "开始免费试用"
      url: "/signup?plan=starter"

  - name: 专业版
    price: 29
    period: month
    featured: true
    features:
      - "无限项目"
      - "100GB存储"
      - "优先支持"
      - "高级分析"
    cta:
      text: "开始免费试用"
      url: "/signup?plan=pro"

  - name: 企业版
    price: 99
    period: month
    features:
      - "专业版所有功能"
      - "无限存储"
      - "24/7电话支持"
      - "自定义集成"
      - "SLA保障"
    cta:
      text: "联系销售"
      url: "/contact"

年付/月付切换

启用定价切换以同时显示年付和月付价格:

1
2
3
4
# 在hugo.toml中
[params.pricing]
  showToggle = true
  annualDiscount = 20

突出显示方案

添加featured: true以使用特殊徽章和样式突出显示您推荐的方案。