Como criar uma calculadora personalizada no WordPress (passo a passo)

Está se perguntando como criar uma calculadora personalizada em seu site WordPress?

As calculadoras são uma ótima maneira de obter mais leads coletando o endereço de e-mail de um visitante. Você também pode usá-las para aumentar o envolvimento ou responder às perguntas dos usuários para manter as pessoas no seu site por mais tempo.

Neste artigo, mostraremos a você como criar facilmente uma calculadora personalizada no WordPress.

Por que adicionar uma calculadora personalizada no WordPress?

Uma calculadora personalizada permite que os usuários façam cálculos rápidos sem sair do seu site.

Por exemplo, se você tiver um blog sobre saúde e boa forma, poderá adicionar uma calculadora de IM C para que os usuários possam ver o IMC deles e decidir qual plano de assinatura ou produto comprar no seu site.

Se você vende em todo o mundo, uma calculadora que converte unidades métricas em unidades imperiais também pode gerar mais vendas, ajudando os clientes a verificar se um produto tem o tamanho ou o peso desejado.

Você também pode criar confiança e reduzir o abandono de carrinho oferecendo uma calculadora de frete. Dessa forma, os clientes não serão surpreendidos com custos inesperados no checkout.

Ou você pode adicionar uma calculadora de hipoteca ao seu site imobiliário ou uma calculadora de pagamento de carro ao site da sua concessionária de veículos.

Essas calculadoras personalizadas também são uma ótima maneira de gerar leads. Por exemplo, você pode pedir aos usuários que digitem seus endereços de e-mail para que você possa enviar os resultados. Dessa forma, uma calculadora pode ajudá-lo a criar uma lista de e-mails no WordPress.

Dito isso, vamos dar uma olhada em como criar facilmente uma calculadora personalizada no WordPress.

Como criar uma calculadora personalizada no WordPress

Você pode criar facilmente uma calculadora personalizada no WordPress com o WPForms. É o melhor plugin de calculadora personalizada e construtor de formulários do mercado.

Ele vem com um construtor de arrastar e soltar, mais de 1.300 modelos predefinidos e proteção completa contra spam, facilitando a criação de qualquer formulário que você queira, inclusive uma calculadora de hipoteca, desconto de frete, calculadora de idade e muito mais.

Primeiro, você precisa instalar e ativar o plug-in WPForms. Para obter instruções detalhadas, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Após a ativação, você deve visitar a página WPForms ” Configurações na barra lateral de administração do WordPress para inserir sua chave de licença.

Você pode obter essa chave em sua conta no site do WPForms.

Depois disso, vá para a página WPForms ” Addons no painel do WordPress e encontre o “Calculations Addon”.

Depois de fazer isso, basta clicar no botão “Install Addon” para ativá-lo em seu site.

Em seguida, vá para a página WPForms ” Add New (Adicionar novo ) em seu painel de administração.

Isso o levará à página “Select a Template” (Selecionar um modelo), onde você pode começar digitando um nome para o formulário que está prestes a criar.

Depois disso, você pode clicar na opção “Calculadora” na coluna da esquerda para abrir os mais de 87 modelos de calculadora predefinidos oferecidos pelo WPForms, incluindo:

• Modelo de calculadora de hipoteca
• Modelo de calculadora de gorjetas
• Modelo de calculadora de leasing
• Modelo de calculadora de IMC
• Modelo de calculadora de poupança e investimento

A partir daí, você pode clicar no botão “Use Template” (Usar modelo) em qualquer modelo de formulário que desejar. Para este tutorial, criaremos um formulário simples do tipo “Calculadora de desconto de remessa”.

Isso abrirá o construtor de formulários na tela, onde você verá uma visualização do formulário no lado direito com campos de formulário na coluna da esquerda.

A partir daí, você pode adicionar facilmente mais campos no painel esquerdo e também arrastar os campos para reorganizar sua ordem.

Em seguida, role para baixo até a seção “Itens disponíveis” e clique nesse campo para abrir suas configurações na barra lateral.

Depois de fazer isso, você poderá adicionar o título, a imagem e o preço de todos os itens que estiver vendendo em sua loja on-line.

No entanto, lembre-se de que, se quiser adicionar imagens para os itens que está vendendo, será necessário ativar a opção “Use Image Choices” (Usar opções de imagem).

Você também pode clicar no botão “+” para adicionar mais itens ou no botão “-” para remover um item da seção.

Em seguida, você deve clicar no campo “Shipping” para abrir suas configurações na coluna da esquerda. Esse campo calculará o desconto de frete com base no total do produto. Se você excluir esse campo, a calculadora não funcionará para seus usuários, portanto, certifique-se de mantê-lo no formulário.

Por padrão, o campo Frete oferece um desconto automático de 10% em compras inferiores a US$ 50 e, em seguida, multiplica o desconto por 0,25% à medida que o total aumenta.

No entanto, se quiser alterar o desconto de remessa, mude para a guia “Advanced” (Avançado) na coluna da esquerda e role para baixo até a seção “Formula” (Fórmula).

Aqui, você pode substituir o valor de 10 pela porcentagem de desconto que deseja oferecer. Você também pode alterar os totais do produto.

Se você quiser personalizar ainda mais o desconto de frete, clique no link “Cheatsheet” na parte superior. Isso o levará à página “Calculations Formula Cheatsheet”, onde você poderá entender melhor as regras e as cadeias de caracteres a serem usadas.

Depois disso, você também pode definir as configurações de todos os outros campos de formulário da mesma forma.

Quando terminar, não se esqueça de clicar no botão “Save” (Salvar) na parte superior para armazenar suas configurações.

Em seguida, você deve abrir a página ou postagem do WordPress em que deseja adicionar o formulário de calculadora de frete no editor de blocos.

A partir daí, clique no botão “+” de adicionar bloco no canto superior esquerdo para abrir o menu de blocos e adicionar o bloco WPForms.

Depois de fazer isso, basta escolher o formulário de calculadora de desconto de frete no menu suspenso dentro do próprio bloco.

Por fim, clique no botão “Update” (Atualizar) ou “Publish” (Publicar) na parte superior para armazenar suas configurações. Agora, você pode visitar seu site do WordPress para ver o formulário de calculadora personalizado em ação.

Aqui, o campo de envio calculará automaticamente o custo de envio de acordo com o preço dos diferentes itens que o cliente está comprando em seu site.

Personalizando seu formulário de calculadora no WordPress

Em algum momento, você pode tentar alterar a calculadora para ver se consegue obter mais conversões. Por exemplo, talvez você queira tornar obrigatório o campo “E-mail”.

Para fazer essas alterações, basta acessar a página WPForms ” All Forms (Todos os formulários ) no painel do WordPress.

Quando estiver lá, clique no link “Edit” (Editar) sob o nome do formulário para abri-lo novamente no construtor de formulários.

Agora você pode personalizar os campos do formulário ou adicionar novos campos seguindo o processo descrito acima.

Quando terminar, basta clicar no botão “Save” (Salvar), e essas alterações aparecerão automaticamente no site ou blog da sua empresa.

Visualização das entradas do formulário da calculadora

Sempre que alguém preenche um formulário em seu site, o WPForms salva automaticamente a entrada no banco de dados do WordPress. Isso permite que você veja como as pessoas estão usando o formulário e visualize as informações de contato dos visitantes.

Para ver essas informações, basta acessar a página WPForms ” Entradas no painel do WordPress e rolar para baixo até a seção “Nome do formulário”.

Depois disso, clique no formulário da calculadora para visualizar as entradas.

Isso abrirá uma lista de todas as entradas de formulário em sua página. A partir daí, você pode clicar no ícone de círculo para marcar uma entrada como lida.

Você também pode clicar no link “View” (Exibir) ao lado de cada entrada para ver todos os detalhes do formulário, inclusive o endereço de e-mail, o número de telefone, os itens pedidos, o desconto no frete e muito mais.

Às vezes, você pode querer compartilhar os dados de um formulário com pessoas que não têm acesso ao seu painel do WordPress. Por exemplo, você pode administrar uma agência de desenvolvimento WordPress e gerenciar vários sites para clientes.

Com o WPForms, você pode exportar todos os seus dados como um arquivo CSV ou XLSX clicando no link “Exportar tudo” na parte superior.

Isso abrirá uma nova tela na qual você poderá selecionar todos os campos do formulário cujos dados deseja exportar. Depois disso, clique no botão “Download Export File” (Baixar arquivo de exportação) para salvar os dados do formulário como um arquivo XLSX.

Bônus: Crie calculadoras personalizadas complexas com o Formidable Forms

Se quiser criar calculadoras mais complexas em seu site WordPress, recomendamos o uso do Formidable Forms. É um plugin de formulário avançado que vem com um construtor de arrastar e soltar, modelos predefinidos e campos dinâmicos.

Além disso, o plug-in pode realizar cálculos avançados, como o uso de fórmulas, cálculos condicionais, formatação de números e muito mais.

Você pode usar o plug-in para criar uma calculadora de porcentagem, calculadora de idade, calculadora de seguro de vida, calculadora de juros compostos e muito mais.

Por exemplo, se você vende cursos on-line, pode adicionar um formulário de calculadora de ROI para mostrar aos usuários como a compra do seu curso pode aumentar o potencial de ganho deles.

Alguns dos outros recursos do Formidable Forms incluem lógica condicional, indicadores de progresso, formulários de várias páginas e um campo ChatGPT que ajuda os usuários a preencher o formulário mais rapidamente.

O Formidable Forms pode até mesmo ser integrado a diferentes serviços de marketing por e-mail para aumentar sua lista de e-mails. Para obter mais informações, consulte nossa análise completa do Formidable Forms.

Esperamos que este artigo tenha ajudado você a adicionar uma calculadora personalizada no WordPress. Você também pode querer ver nosso guia para iniciantes sobre o rastreamento de conversões no WordPress e nossas principais escolhas para os melhores plug-ins de formulário de contato 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.