O que Páginas de Preços faz?
Regras
- Máximo de 3 planos: Free/Starter, Pro, Enterprise — destaque o plano recomendado com um selo "Mais Popular"
- Alternância mensal/anual: exiba ambos os preços, mostre a economia anual ("Economize 20%") — padrão anual
- Exibição de preço: fonte grande para o preço, pequena para o período ("/mês") — mostre o preço anual como equivalente mensal
- Tabela de comparação de funcionalidades: checkmarks para funcionalidades incluídas, traços para excluídas — agrupe funcionalidades por categoria
- CTA por plano: "Começar" (free), "Iniciar Teste Grátis" (pro), "Falar com Vendas" (enterprise) — um CTA por cartão
- Feature gates: defina funcionalidades por plano em um objeto de configuração — verifique
user.plan com a configuração de funcionalidades no momento da execução
- Precificação baseada em uso: mostre uma calculadora/controle deslizante para faixas de uso — atualize o preço dinamicamente conforme o usuário ajusta
- Prova social: mostre contagem de clientes ou logotipos perto da precificação — "Confiado por mais de 5.000 equipes"
- Seção FAQ abaixo da precificação — aborde objeções comuns (cancelamento, reembolsos, upgrades)
Padrão Feature Gate
const PLAN_FEATURES = {
free: { maxProjects: 3, analytics: false, api: false },
pro: { maxProjects: 50, analytics: true, api: true },
enterprise: { maxProjects: Infinity, analytics: true, api: true },
} as const;
function hasFeature(plan: string, feature: string): boolean {
return !!PLAN_FEATURES[plan]?.[feature];
}
Layout do Cartão de Preço
[Selo: "Mais Popular"]
Nome do Plano
$XX/mês (faturado anualmente)
$YY/mês (faturado mensalmente)
- Funcionalidade 1 ✓
- Funcionalidade 2 ✓
- Funcionalidade 3 ✗
[Botão CTA]
Evitar
- Mais de 4 planos — causa paralisia de decisão
- Esconder precificação atrás de "Fale com Vendas" para todos os planos — desenvolvedores vão embora
- Desconto anual ausente — planos anuais reduzem churn e melhoram fluxo de caixa
- Comparação de funcionalidades sem agrupamento claro — torna-se ilegível com mais de 10 funcionalidades