Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como gerar mais leads com calculadoras on-line gratuitas (dicas profissionais)

Gerar mais leads em seu site pode ser um desafio. Uma maneira eficaz de capturar informações dos visitantes é por meio de calculadoras on-line. Essas ferramentas podem induzir os usuários a compartilhar seus dados de contato em troca de resultados personalizados, o que as torna uma poderosa estratégia de geração de leads.

Entretanto, simplesmente adicionar uma calculadora não é suficiente. Você deve projetar sua calculadora não apenas para atrair visitantes, mas também para incentivá-los a fornecer suas informações.

Em nossa experiência, o uso dos principais criadores de formulários, como o WPForms ou o Formidable Forms, facilita a criação de calculadoras personalizáveis que atendam às suas necessidades. Essas soluções oferecem interfaces fáceis de usar e uma variedade de recursos para aumentar o envolvimento e a coleta de dados.

Neste artigo, vamos orientá-lo nas etapas para criar uma calculadora on-line que o ajude a gerar mais leads para o seu site WordPress.

generate-more-leads-with-free-online-calculator-og

Por que as calculadoras on-line são ótimas ferramentas de geração de leads?

As calculadoras on-line são ferramentas úteis que podem ajudar os visitantes a resolver problemas ou responder a perguntas. Melhor ainda, você pode solicitar o endereço de e-mail do visitante antes de mostrar os resultados, o que as torna uma ótima maneira de gerar leads.

Você pode usar calculadoras on-line em vários setores e nichos diferentes. Por exemplo, no setor de saúde e bem-estar, você pode adicionar uma calculadora de IMC e incentivar os visitantes a comprar um plano de refeições.

online calculator example

Se você vende para um público global, uma calculadora que converte unidades métricas em unidades imperiais pode aumentar as vendas, ajudando os clientes a verificar se um produto tem o tamanho ou o peso correto.

Você também pode adicionar uma calculadora de hipoteca ao seu site de imóveis ou uma calculadora de pagamento de carro ao site da sua concessionária de veículos.

Car payment calculator example

As possibilidades são infinitas, por isso é fácil ver por que as calculadoras on-line estão se tornando rapidamente uma das formas mais populares de aumentar sua lista de e-mails.

Com isso em mente, mostraremos a você como criar uma calculadora on-line e gerar leads. Abordaremos dois métodos e fique à vontade para usar nossos links para ir para o método de sua escolha:

Pronto? Vamos começar imediatamente!

Método 1: Criar calculadoras on-line usando WPForms (recomendado)

A melhor e mais fácil maneira de criar uma calculadora on-line para seu site WordPress sem escrever uma única linha de código é usar o plug-in WPForms.

WPForms' homepage

O WPForms é o melhor construtor de formulários de contato e plug-in de calculadora disponível, com mais de 6 milhões de instalações. Ele permite que você crie todos os tipos de formulários, inclusive formulários de conversação, formulários de registro de usuário e muito mais.

Além disso, você tem acesso a uma ampla variedade de modelos de formulários de calculadora prontos para uso imediato, para que possa começar a criar confiança e gerar leads para a sua empresa.

Observação: como usaremos o Complemento de cálculos e o Complemento de formulários de leads neste tutorial, você precisará da versão WPForms Pro. Esse plugin premium lhe dá acesso a recursos avançados, como relatórios de formulários e lógica condicional. Dito isso, se você quiser criar formulários básicos, há uma versão gratuita que pode ser testada.

Etapa 1: Instalação e ativação do plug-in WPForms

Depois de comprar o WPForms Pro, instale e ative o plug-in em seu painel do WordPress. Para obter mais detalhes, confira nosso tutorial passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você precisará ir para WPForms ” Addons. Em seguida, clique no botão “Install Addon”.

install wpforms calculator addon

Como coletaremos leads, você também precisará encontrar o Lead Forms Addon.

Então, vamos clicar em “Install Addon” (Instalar complemento) na caixa Lead Forms Addon.

install wpforms lead forms addon

Em seguida, abordaremos como criar uma calculadora on-line que os usuários possam usar para fazer cálculos e obter estimativas precisas.

Etapa 2: Criando seu formulário de calculadora on-line

Vamos começar navegando até WPForms Add New. Isso abrirá o construtor de formulários on-line de arrastar e soltar, onde você poderá criar e personalizar o formulário da calculadora.

add new forms in wpforms

Em seguida, basta dar um nome ao seu novo formulário, digitando-o na caixa.

Isso serve para que você possa consultar o formulário da calculadora mais tarde, quando quiser fazer alterações ou incorporá-lo em uma página ou publicação.

name your form wpforms

Abaixo disso, você pode selecionar um modelo que faça sentido para você. No painel esquerdo, você pode navegar pelas várias categorias na opção “Calculadora”.

Por exemplo, se você tiver um site de academia, poderá escolher a categoria “fitness”.

Por outro lado, se você tiver uma concessionária ou for um corretor de imóveis, poderá selecionar a categoria “finanças” para garantir que seus clientes em potencial se qualifiquem para seus produtos ou serviços.

Com uma enorme lista de modelos, você encontrará praticamente qualquer tipo de calculadora on-line que estiver procurando.

Mas, para este tutorial, usaremos o “Mortgage Lead Generator Form”. Basta passar o mouse sobre o modelo que deseja usar e selecionar “Use Template” (Usar modelo).

use mortgage lead generator form template

A partir daqui, você será levado à guia “Fields” (Campos), onde verá o construtor de formulários de arrastar e soltar. Todos os campos disponíveis estão no painel esquerdo.

Se você quiser adicionar um campo, arraste-o da esquerda para a direita. À direita está o editor que permite que você veja visualmente a aparência do formulário.

Com o Lead Forms Addon, você verá automaticamente as quebras de página. Antes de cada quebra de página, há um botão “Next” (Próximo) para que os usuários possam ir para a próxima página depois de preencherem os campos obrigatórios.

Eles também verão uma barra de progresso abaixo que divide o formulário em seções digeríveis e melhora a experiência do usuário.

Dica profissional: talvez você queira agrupar campos relacionados em cada página e até mesmo incluir um título de texto grande e em negrito indicando o assunto de cada página.

lead generator form in visual editor

O formulário da calculadora de hipoteca vem com os seguintes campos:

  • Valor da casa
  • Adiantamento
  • Taxa de juros
  • Período de hipoteca
  • Pagamento mensal da hipoteca
  • Valor do pagamento anual
  • Total de juros pagos
  • Pagamento total da hipoteca

Se você for um credor hipotecário, esse modelo conterá a maioria dos campos que você provavelmente está procurando. Dito isso, você sempre pode adicionar ou excluir campos conforme necessário.

Por exemplo, pode ser apropriado adicionar campos de múltipla escolha que solicitem a “Finalidade da hipoteca ou empréstimo” e o “Tipo de propriedade” que o usuário está procurando. Dessa forma, você pode atender melhor às necessidades deles.

Ao adicionar o campo, você pode navegar até a guia “General” (Geral) em “Field Options” (Opções de campo) e editar os detalhes conforme necessário.

field options general tab wpforms

Etapa 3: Alterar os cálculos (opcional)

Depois de ter todos os campos configurados, talvez você queira adicionar ou editar os cálculos desse modelo. Nesse formulário, o cálculo é controlado pelo campo “Total Mortgage Payment” (Pagamento total da hipoteca).

Se você clicar no campo e for para a guia “Advanced” (Avançado), verá que a opção “Enable Calculation” (Ativar cálculo) já deve estar ativada. Se quiser manter a fórmula de cálculo original que vem com o modelo, você pode deixar essa configuração de lado.

enable calculation wpforms

No entanto, se quiser editar a fórmula, você poderá alterar os valores na caixa de texto “Fórmula”.

Quando os usuários inserirem os detalhes, o formulário calculará automaticamente os resultados com base nas informações fornecidas.

Na parte superior da caixa “Formula”, você pode adicionar funções aritméticas como:

  • Adição (+)
  • Subtração (-)
  • Multiplicação (*)
  • Divisão (/)

Toda vez que você inserir uma fórmula, ela deverá estar dentro dos parênteses, que podem ser adicionados na parte superior da caixa de fórmula.

Basta clicar em “Insert Field” (Inserir campo) e você verá a lista de códigos associados a cada campo.

add formula in wpforms

Há outras regras que você pode implementar, como a regra “e se, senão”.

Por exemplo, se você usar uma fórmula como “Despesas com moradia/Renda mensal bruta”, poderá exceder o risco do candidato. O uso da regra “if/else” o ajudaria a negar ou aceitar automaticamente os candidatos com base no risco.

Dica de especialista: Para obter mais informações sobre como usar os recursos de cálculo para seu caso de uso específico, consulte a documentação do Calculations Addon do WPForms.

Você também pode clicar em “Cheatsheet” (Planilha) ao lado da caixa “Formula” (Fórmula) para ver todas as regras e funções disponíveis que podem ser adicionadas.

Quando terminar de adicionar a fórmula, não se esqueça de clicar em “Validate Formula” (Validar fórmula) para garantir que os cálculos e a sintaxe estejam corretos.

validate formula wpforms

Etapa 4: Configuração das opções de contato

Em seu formulário de lead de calculadora on-line, também é uma boa ideia perguntar aos clientes como eles querem ser contatados. Dessa forma, você pode acompanhar os leads que demonstraram interesse no que você tem a oferecer.

Esse também é um ótimo lugar para adicionar ícones. Basta clicar no campo de múltipla escolha e, em seguida, você verá opções para configurar as opções de múltipla escolha. Se você ativar o botão “Use icon choices” (Usar opções de ícones), os ícones serão adicionados ao formulário.

use icon choices wpforms

Agora você verá caixas de sorriso facial.

Basta clicar na caixa de sorriso no painel esquerdo para adicionar um sorriso ao seu formulário.

add icon to wpforms

Uma tela pop-up “Icon Picker” será exibida. Aqui, você pode escolher entre mais de 2.000 ícones.

Basta usar a barra de pesquisa e digitar o ícone que você está procurando.

WPForms icon picker

Você também pode alterar a configuração “Icon Color” (Cor do ícone) no painel esquerdo.

Depois que isso for concluído e você tiver escolhido todos os seus ícones no campo de múltipla escolha, veja como ele deve ficar:

multiple choice icons in wpforms

Outro toque pessoal que pode ser adicionado ao formulário é um logotipo ou uma imagem de cabeçalho na parte superior do formulário da calculadora.

Basta clicar no campo “Content” (Conteúdo) e arrastá-lo para o lado direito do editor de formulários.

content field in wpforms

Em seguida, você pode selecionar o campo “Content” (Conteúdo) para abrir as opções de personalização.

Na guia “General” (Geral), você pode clicar no botão “Add Media” (Adicionar mídia) para carregar o logotipo da sua empresa.

add media in wpforms

Etapa 5: Estilizando o formulário da calculadora

Agora, é hora de personalizar o estilo de seu formulário de lead para melhor se adequar à sua marca e torná-lo mais atraente.

Para fazer isso, vá para Configurações ” Formulários de leads.

lead forms wpforms

Ao ativar as “Configurações avançadas de estilo”, você pode adicionar um contêiner ao redor dos campos e do formulário, dando-lhe efeitos de estilo para que se destaque mais.

Você também pode personalizar a cor das bordas do campo, o plano de fundo do contêiner e o texto.

customize color in wpforms

Adicionar ícones e personalizar a aparência do seu formulário é uma ótima maneira de mantê-lo com aparência nítida e profissional.

Etapa 6: Edição da mensagem de confirmação

A última coisa que você precisará fazer é revisar e editar a mensagem de confirmação. O WPForms enviará automaticamente uma mensagem de confirmação que resume os campos que o usuário preencheu e os resultados dos cálculos.

Para fazer isso, vamos acessar Configurações ” Confirmações.

A partir daí, você pode optar por enviar a mensagem diretamente na página ou redirecionar o usuário para outra página. Em seguida, edite a mensagem na caixa de texto.

O uso de Smart Tags é uma ótima maneira de personalizar sua mensagem com base nas informações fornecidas pelo usuário.

confirmation message wpforms

Quando estiver satisfeito com a aparência do formulário, basta pressionar o botão “Salvar”.

Dessa forma, você não perderá as alterações que fez.

save lead generator form

Etapa 7: Incorporar seu novo formulário de calculadora on-line em uma página ou postagem do WordPress

Em seguida, você deverá incorporar sua calculadora on-line em uma de suas páginas ou posts do WordPress.

Para isso, você abrirá qualquer página ou post do WordPress, clicará no botão “+” para adicionar um novo bloco e escolherá o bloco WPForms.

add wpforms block

No menu suspenso, você pode selecionar o formulário de calculadora on-line que acabou de criar.

O formulário deve aparecer automaticamente na página.

add lead generator form

Se tudo parecer bem, vá em frente e clique em “Publicar” na parte superior.

Agora, você adicionou com sucesso a calculadora on-line ao seu site WordPress.

publish mortgage loan calculator

Apenas certifique-se de visualizá-lo antes de terminar.

Ele deve ter a seguinte aparência:

preview mortgage loan calculator

Feito isso, você deverá revisar o formulário para garantir que todos os campos do formulário e os cálculos estejam funcionando corretamente.

Por exemplo, esta é a aparência da mensagem de confirmação quando concluímos o formulário:

thank you message mortgage loan calculator

Etapa 8: Visualização de entradas de formulário

Se você acessar WPForms ” Entradas e selecionar o nome do formulário, verá todas as entradas do formulário da calculadora on-line.

Você pode facilmente visualizar, editar ou descartar cada entrada. Se você visualizar a entrada, você ou sua equipe de vendas poderão encontrar todas as informações sobre o lead que estão procurando.

entries in wpforms

Você também pode exportar essa lista e carregá-la em uma plataforma de automação de marketing ou conectá-la a um plug-in de automação do WordPress, como o Uncanny Automator.

Isso permitirá que você entre em contato com os leads depois que eles enviarem o formulário da calculadora on-line.

Para saber mais sobre como fazer isso, confira nosso guia sobre como gerar leads no WordPress como um profissional.

Método 2: Adicionar uma calculadora com Formidable Forms (avançado)

Outra maneira de adicionar calculadoras on-line ao WordPress é usar o plugin Formidable Forms. Ele tem um avançado construtor de formulários de arrastar e soltar e está entre os melhores plug-ins de calculadora do WordPress no mercado.

O plug-in é especializado em ajudar as pessoas a criar formulários complexos com cálculos avançados.

Por exemplo, o Formidable Forms vem com vários modelos de calculadora, inclusive uma calculadora de hipoteca que pode ser adicionada ao seu site de imóveis IDX e uma calculadora de IMC ideal para blogs de saúde e sites de academias.

Is Formidable Forms the right form builder plugin for you?

O Formidable Forms também permite que você adicione cálculos condicionais. Por exemplo, com base nas respostas do usuário em um formulário, você pode informar ao plug-in qual fórmula ele deve usar automaticamente.

A primeira coisa que você precisa fazer é instalar e ativar os plug-ins gratuitos Formidable Forms Lite e Formidable Forms Premium. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Depois de fazer isso, você pode ir para Formidable ” Global Settings e selecionar ‘Add a license manually’.

add license formidable forms

Para encontrar sua chave de licença, basta acessar o site do Formidable Forms.

Em seguida, faça login em sua conta e vá para a página “Downloads”.

formidable forms pro downloads

A partir daí, basta colar sua chave de licença no campo em seu site do WordPress.

Certifique-se de clicar no botão “Save License” (Salvar licença) e, em seguida, no botão “Update” (Atualizar) na parte superior.

save license formidable forms pro

Depois disso, você verá uma mensagem de “sucesso na ativação da licença”.

Etapa 1: Escolha um modelo de formulário de calculadora

Agora, você está pronto para criar sua primeira calculadora. A primeira etapa é navegar até Formidable ” Forms e clicar em ‘+ Add New’.

add new forms formidable forms pro

Na próxima tela, você verá todos os diferentes modelos de formulário que pode escolher.

A partir daqui, vamos rolar para baixo e selecionar a categoria “Calculator” (Calculadora), onde você verá todos os modelos de calculadora disponíveis que o Formidable Forms oferece.

Para visualizar um modelo, basta passar o mouse sobre ele e clicar em “View Demo”. Quando estiver pronto para começar, passe o mouse sobre ele e clique em ‘Use Template’.

Para este guia, usaremos o modelo “Compound Interest Calculator” (Calculadora de juros compostos), mas você pode usar qualquer modelo de calculadora que desejar.

use compound interest calculator template

Agora você verá o modelo escolhido no editor do Formidable Forms.

Etapa 2: Projete sua calculadora on-line gratuita

A partir daqui, você pode apontar e clicar para personalizar qualquer campo do formulário. Por exemplo, se você quiser alterar o rótulo do campo ou o intervalo de números do “Valor inicial”, clique para selecionar esse campo.

Em seguida, você pode fazer suas alterações usando as configurações no menu à esquerda.

customize fields in online calculator form

Para adicionar mais campos à calculadora, basta selecionar a guia “Add Fields” (Adicionar campos) no menu à esquerda. Em seguida, arraste o campo para o modelo da calculadora.

Por exemplo, se você quiser coletar o endereço de e-mail do visitante, precisará adicionar um campo em que as pessoas possam digitar essas informações. Para fazer isso, você pode arrastar e soltar um campo “E-mail” no modelo da calculadora.

add email field

Depois disso, você deverá clicar no campo “Email” e ajustar as configurações de “Field Options” (Opções de campo).

Normalmente, você pode usar as configurações padrão, mas, para gerar o maior número possível de leads, é uma boa ideia marcar a caixa “Obrigatório”. Isso significa que os visitantes precisarão inserir um endereço de e-mail para ver os resultados.

email requirement checkbox

Se necessário, você pode continuar a personalizar a calculadora alterando os valores dos campos e até mesmo adicionando novos campos.

Etapa 3: Ajustando os cálculos

O Formidable Forms vem com modelos prontos que já têm cálculos pré-criados. Dito isso, se você quiser ajustar as fórmulas ou os valores, é possível.

Observação: Se você quiser manter os cálculos padrão no modelo, deixe os campos avançados de lado.

Para verificar os cálculos, clique em qualquer um dos elementos de campo que seriam afetados pela fórmula. Ao clicar em qualquer elemento de campo, você também deverá ver um número de ID.

No painel à esquerda, você precisa ir para a guia Opções de campo ” Avançado . Em “Valor padrão”, você verá a fórmula usada.

Nesse caso, vemos que “Total compound interest” tem um ID de 20.

A fórmula “[18]+[19]” afirma que os “Juros compostos sobre o principal” + “Juros compostos sobre depósitos” são iguais aos “Juros compostos totais”.

default value in formidable forms

Se não tiver certeza sobre o número de identificação de um determinado campo ou se quiser ver quais campos podem ser adicionados à fórmula, basta clicar no ícone de três pontos ao lado de “Valor padrão”.

Em seguida, você pode selecionar o campo que está procurando no menu suspenso Field List (Lista de campos). Você pode escolher qualquer campo que desejar, e ele será adicionado ao “Valor padrão” para uso em sua fórmula.

field list formidable forms

Lembre-se de que você usará todos os símbolos matemáticos padrão, como:

  • + para adição
  • – para subtração
  • * para multiplicação
  • / para divisão
  • () para agrupar determinados cálculos
  • Math.pow() para adicionar expoentes a uma equação

Aqui está um exemplo de como ele se parece.

calculation in formidable forms

Conforme mostrado anteriormente, o [] é a notação para números de ID.

Depois de concluído, você deverá visualizar o formulário para garantir que os cálculos funcionem corretamente.

Quando estiver satisfeito com a forma da calculadora, basta clicar no botão “Salvar”.

save compound interest calculator form

Deverá aparecer uma mensagem solicitando que você dê um nome ao formulário.

Dê um nome a ela para que você possa consultá-la facilmente mais tarde. Em seguida, basta pressionar o botão “Salvar”.

save form

Após alguns instantes, você verá a mensagem “successfully updated” (atualizado com sucesso).

Etapa 4: Adicionar uma calculadora on-line gratuita ao WordPress

Agora você está pronto para adicionar a calculadora a qualquer página ou publicação em seu site WordPress. Você precisa ir até a página ou publicação em que deseja adicionar o formulário da calculadora.

Para começar, vamos digitar um título para a página da calculadora.

Depois de fazer isso, clique no ícone “+”. Em seguida, selecione o bloco “Formidable Forms”. Quando o bloco correto aparecer, basta clicar nele para adicioná-lo à página.

add formidable forms block

Depois disso, você precisa abrir o menu suspenso “Select a form” (Selecionar um formulário) e escolher a calculadora que criou anteriormente.

O WordPress agora carregará a calculadora personalizada automaticamente.

select a form in formidable forms block

Nesse ponto, você pode continuar editando a página adicionando texto, imagens, uma descrição da calculadora, categorias e tags e muito mais.

Quando estiver pronto para publicar a calculadora, clique no botão “Publish” (Publicar) ou “Update” (Atualizar) no canto direito.

publish compound interest calculator form

A nova página da calculadora já está disponível em seu site.

Esta é a aparência em nosso site de demonstração:

compound interest calculator preview

Dica de bônus: Obtenha mais leads com o OptinMonster

Sua próxima tarefa é direcionar as pessoas para a calculadora on-line gratuita para que você possa aumentar o número de assinantes e leads do site da sua pequena empresa.

É aí que entra o OptinMonster.

O OptinMonster é o melhor plugin de geração de leads para WordPress. Ele vem com modelos projetados profissionalmente e um editor de arrastar e soltar que você pode usar em suas campanhas.

use template in OptinMonster

Ele também tem ferramentas como popups de lightbox, popups deslizantes, banners de cabeçalho e rodapé, cronômetros de contagem regressiva e muito mais.

Todas essas ferramentas são perfeitas para promover sua calculadora on-line gratuita, para que você possa obter mais usuários e conversões.

car payments lead generation popup

Se você tem uma loja on-line, o OptinMonster também tem um recurso avançado de “Exit-Intent” que pode converter visitantes que abandonam a loja em clientes e assinantes.

Para saber mais, você pode ver nosso artigo sobre como aumentamos nossos assinantes de e-mail em 600% com o OptinMonster.

Esperamos que este artigo tenha ajudado você a aprender como gerar mais leads com calculadoras on-line. Talvez você também queira ver nossa seleção de especialistas dos melhores criadores de formulários on-line e nosso guia sobre como adicionar a funcionalidade salvar e continuar nos formulários do WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

Comentários

  1. Parabéns, você tem a oportunidade de ser o primeiro comentarista deste artigo.
    Tem alguma dúvida ou sugestão? Deixe um comentário para iniciar a discussão.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.