Tabelas de preços
Exiba seus planos de preços com tabelas bonitas e otimizadas para conversão.
Tabela de preços básica
Configure seus planos de preços em 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: Starter
price: 9
period: month
features:
- "5 Projetos"
- "10GB Armazenamento"
- "Suporte por email"
cta:
text: "Teste grátis"
url: "/signup?plan=starter"
- name: Pro
price: 29
period: month
featured: true
features:
- "Projetos ilimitados"
- "100GB Armazenamento"
- "Suporte prioritário"
- "Análises avançadas"
cta:
text: "Teste grátis"
url: "/signup?plan=pro"
- name: Enterprise
price: 99
period: month
features:
- "Tudo no Pro"
- "Armazenamento ilimitado"
- "Suporte telefônico 24/7"
- "Integrações personalizadas"
- "Garantia SLA"
cta:
text: "Contatar vendas"
url: "/contact"
|
Alternador anual vs mensal
Habilite o alternador de preços para mostrar preços anuais e mensais:
1
2
3
4
| # Em hugo.toml
[params.pricing]
showToggle = true
annualDiscount = 20
|
Destacar um plano
Adicione featured: true para destacar seu plano recomendado com um selo especial e estilo distinto.