Como montar uma calculadora interativa: variáveis, expressões e a tela de resultado, e por que um número vale mais que um ebook como oferta.
Vitor Rocha, Marketing · 8 min de leitura
Uma calculadora no site gera contato quando entrega a leitura do resultado, não o resultado. Devolver "seu custo por lead é R$ 43" satisfaz a curiosidade e encerra a visita. Devolver "R$ 43 coloca você na faixa alta do seu setor, e aqui está o que costuma causar isso" abre uma conversa.
Quase toda ferramenta da categoria vende a mesma promessa: adicione uma calculadora e capture e-mails. O que ninguém explica é por que a maioria dessas calculadoras não captura nada, mesmo recebendo visita.
O motivo é quase sempre o mesmo, e não é design nem posição do botão. É que o número, sozinho, é um beco sem saída.
Porque entrega um número e encerra o assunto. Calculadora de peso ideal, conversor de unidade, cálculo de idade: a pessoa recebe o valor, entende, e não tem mais nada a fazer ali. A troca terminou satisfeita, e satisfação não deixa contato.
Compare com o que acontece quando o mesmo número vem com leitura. "Seu custo por lead é R$ 43" é informação. "R$ 43 é o dobro da mediana de quem vende num preço parecido com o seu, e nesses casos o gargalo quase sempre está na qualificação" é um diagnóstico. Diagnóstico tem próximo passo, e próximo passo é o que justifica pedir o e-mail.
Essa é a virada de chave deste texto: use a conta para classificar a pessoa, não para exibir um valor. O número é meio, a faixa é o produto.
Significa que a expressão de cálculo não vai para a tela. Ela alimenta uma condição, que decide qual bloco de conteúdo a pessoa vê no resultado.
Na prática você define faixas antes de escrever qualquer pergunta. Três costumam bastar. Numa calculadora de custo por lead, por exemplo: acima da faixa crítica, dentro do esperado, e abaixo da média. Cada faixa recebe um bloco de resultado próprio, com leitura e recomendação diferentes.
O visitante então não vê "43". Ele vê o bloco que corresponde ao 43, escrito para quem está naquela situação. É mais útil para ele e muito mais útil para você, porque o contato chega com a faixa já anexada.
Duas ou três, e todas respondíveis de cabeça. Esse limite não é palpite: pesquisa de usabilidade em checkout de e-commerce mostra que o fluxo médio pede 11,3 campos quando 8 bastariam, e que 17% das pessoas abandonam por complexidade do formulário (Baymard Institute, 2024).
É pesquisa de checkout, não de calculadora, então trate como direção e não como número transferível. Mas o mecanismo é o mesmo: cada campo extra cobra um pedaço da conclusão, e campo que exige consultar um relatório cobra caro.
O padrão de interface que resolve isso tem nome desde 2006: divulgação progressiva, ou seja "mostre apenas algumas das opções mais importantes, e ofereça o conjunto maior quando o usuário pedir" (Nielsen Norman Group). Aplicado a uma calculadora: peça o mínimo para chegar à faixa, e deixe o detalhamento para depois.
A conta é feita sobre respostas numéricas guardadas como variáveis, que são apenas apelidos para o que a pessoa respondeu. A expressão referencia esses apelidos e devolve um valor novo.
O exemplo mais claro é o índice de massa corporal, que combina duas entradas numa razão:
calc({{seu_peso_em_kg}}/(({{sua_altura_em_cm}}/100)*({{sua_altura_em_cm}}/100)))
Repare no nome das variáveis, porque esse é o detalhe que nenhuma documentação de mercado menciona. Testamos o motor do FoxForm pela API antes de escrever este texto, e descobrimos que o nome não é escolhido por você: ele é gerado a partir do título da pergunta. Uma pergunta intitulada "Seu peso em kg" produz a variável {{seu_peso_em_kg}}.
Consequência prática, e vale anotar antes de começar: escreva títulos de pergunta curtos. Título longo produz apelido longo, e você vai conviver com ele em toda regra que escrever depois.
A mesma forma cobre praticamente qualquer conta de marketing. Custo por lead é investimento dividido por número de leads. Perda mensal é valor médio de venda vezes clientes perdidos. Economia é diferença de preço vezes volume. Se você escreve a conta numa célula de planilha, escreve como expressão.
Comece pelo custo que o seu produto elimina, não pelo benefício que ele promete. Custo é mais fácil de calcular e mais desconfortável de ler, e uma perda que já está acontecendo convence mais que um ganho projetado.
Depois confirme que o resultado cai em faixas diferentes para pessoas diferentes. Uma conta que joga todo mundo na mesma faixa não classifica ninguém, e aí você voltou ao formulário comum com etapas a mais.
Depois de a pessoa responder as entradas, antes de mostrar a leitura. Nesse ponto ela já investiu esforço e sabe que existe um diagnóstico esperando, o que é diferente de pedir contato antes de qualquer coisa ter acontecido.
Deixe explícito o que ela recebe. "Ver meu diagnóstico" funciona melhor que "Enviar", e não é truque de texto: é a diferença entre saber e não saber o que vem depois do clique.
Quando o seu produto não tem número associado. Serviço criativo, consultoria de posicionamento, qualquer coisa cujo valor exige inventar premissa para virar conta. Conta fabricada destrói confiança no momento em que a pessoa percebe, e ela percebe.
Também quando você não tem visita. Faixa só significa algo com volume: com poucas dezenas de visitas por mês você não vai saber se a distribuição está certa, e uma página de conteúdo bem escrita traz mais.
E uma expectativa a ajustar: se for medir logo depois de publicar, no FoxForm as respostas são processadas em segundo plano e os números aparecem depois de cerca de dez minutos, não na hora.
Calculadora é uma das poucas peças de conteúdo que entrega valor imediato para quem responde. Mas ela só vira aquisição quando a conta serve para classificar: você define as faixas antes das perguntas, escreve uma leitura por faixa, e usa a expressão para decidir qual leitura aparece.
A mecânica de condição e faixa está detalhada no guia de quiz funnel, e as comparações disponíveis no guia de lógica condicional.
O FoxForm, que é um construtor de quiz e funis de captação de lead, faz isso sem cobrar a calculadora como produto separado: a expressão de cálculo funciona dentro da condição e a tela de resultado aceita vários blocos com regra própria, que é exatamente o formato que uma calculadora por faixa exige.
Comece de graça no FoxForm, sem cartão, e monte sua primeira calculadora que classifica, em vez de só informar.
Todos os recursos liberados, de graça, sem cartão e sem prazo.