Como adicionar uma calculadora personalizada no WordPress com formulário de campos calculados

Você administra uma empresa com cálculos de pagamento exclusivos? Nesse caso, você pode usar um formulário de campos calculados para adicionar você mesmo toda a matemática e fórmulas. Como resultado, os clientes só precisam inserir informações específicas para saber seu preço ou estimativa.

Há vários motivos pelos quais esse recurso é útil. Por exemplo, você poderia fazer uma calculadora de conversão de Fahrenheit para Celcius com um desses formulários. Hoje vou demonstrar como usar o plugin de formulário de campos calculados para aprimorar seu site.

O que é um formulário de campos calculados?

A maioria das pessoas já fez uso deles sem nem perceber. Se você já inseriu um número e obteve um resultado, provavelmente foi um desses formulários.

Simplificando, tudo o que são é uma fórmula com uma certa quantidade de variáveis. A fórmula pode ser o que você quiser e a variável é a entrada do usuário.

Por exemplo, digamos que você cobra 20 dólares por cada hora de trabalho, mas também exige um custo inicial de $ 100. Isso seria parecido com:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]Custo = 20X + 100[/ht_message]

Onde X é o número que você inseriu. Isso pode ser aplicado a uma variedade de situações e é mais comparável ao uso de uma fórmula no Excel ou no Planilhas Google.

Ler:  Os benefícios de terceirizar seu marketing digital para uma agência profissional

Quais sites precisariam disso?

Nem todo site precisará fazer sua própria calculadora no WordPress.

Geralmente, se você faz negócios em uma área onde o pagamento depende de certos fatores, uma calculadora é útil. Por exemplo, se você for pintor, não cobraria o mesmo valor de todos os clientes. As casas vêm em tamanhos diferentes, portanto, seria baseado na metragem quadrada da casa e em outros fatores.

É por isso que a maioria dos empregos desta natureza terá que fornecer uma estimativa em vez de um preço fixo. Você pode adicionar um formulário de campos calculados com todas as informações de preços para ajudar os clientes a ter uma ideia aproximada dos custos.

Existem vários negócios como este, mas existem outros usos.

Por exemplo, se você administra um site de fitness, pode compartilhar a fórmula do Índice de Massa Corporal (IMC) ou como calcular a ingestão calórica recomendada. Basicamente, se você precisar usar matemática, esses formulários são valiosos.

Instalando o Formulário de Campos Calculados

O Formulário de Campos Calculados plugin permite que você adicione um campo de calculadora personalizado no WordPress. Ele pode ser personalizado para fazer praticamente qualquer coisa quando se trata de adicionar esses formulários. Adição, subtração, multiplicação, divisão e muito mais podem ser usadas para criar fórmulas reais das quais os usuários podem aproveitar.

Isso é essencial para qualquer empresa que tenha vários fatores a serem considerados ao calcular um pagamento. E o melhor é que é fácil de usar.

Ler:  Como usar o Gerenciador de eventos do Facebook: um guia completo

Vamos começar clicando em Plugins e selecionando a opção Adicionar Novo no painel de administração esquerdo.

Pesquise Formulário de Campos Calculados na caixa de pesquisa disponível. Isso abrirá plug-ins adicionais que podem ser úteis.

Role para baixo até encontrar o plugin do Formulário de Campos Calculados e clique no botão “Instalar agora” e ative o plugin para uso.

Criando Seu Formulário

No painel de administração esquerdo, clique em Formulário de Campos Calculados e selecione a opção Formulário de Campos Calculados.

Você verá 5 formulários padrão que o plugin fornece. Eles incluem uma variedade de funções, como calculadora de gravidez. Você pode considerá-los úteis ou não. Independentemente disso, você pode usá-los, editá-los, cloná-los ou excluí-los a qualquer momento.

Provavelmente, você está interessado em criar seus próprios formulários personalizados, então vamos direto ao assunto.

Você verá uma seção Novo formulário. Digite um nome e clique no botão “Adicionar”.

O formulário que você criou será adicionado à lista de formulários existentes no topo da página. Clique no botão “Configurações” para começar a personalizá-lo.

O formulário começa com 3 elementos. Você pode adicionar mais conforme necessário. Para fazer isso, basta selecionar o elemento de formulário que deseja adicionar na seção Adicionar um formulário.

Se você clicar na opção “Formulário Calculado”, poderá personalizar a aparência do formulário. Isso inclui coisas como alinhamento, mas você pode ir ainda mais além adicionando CSS personalizado. Se o design do formulário não for sua principal preocupação, você pode pular esta seção por enquanto.

Ler:  Iniciando um serviço WooCommerce Subscription Box

A seguir, você verá um campo chamado “Número”. Este é um campo de entrada de número padrão para os visitantes. Clique nisso. Você pode alterar o rótulo do campo, o tamanho, o formato dos números (dígitos, número, porcentagem, etc.), um mínimo e um máximo, um valor predefinido e muito mais.

Isso pode parecer muito, mas é muito simples. Por exemplo, digamos que você queira criar um campo de entrada para o visitante que solicite sua renda semanal. Você nomearia o rótulo do campo “Renda semanal” e preencheria o restante das configurações.

Como criar uma fórmula

O elemento Valor Calculado é onde toda a mágica acontece. E quando digo magia, realmente quero dizer matemática. É aqui que você pode inserir a fórmula que deseja que seu campo calcule.

Ao clicar no elemento Valor Calculado, você verá uma caixa de texto Definir Equação. É aqui que você pode inserir uma equação.

Por padrão, a equação pretende dobrar qualquer número que um visitante inseriria. No meu exemplo, vou alterá-lo para multiplicar a renda semanal por 4 para encontrar a renda mensal do indivíduo.

Observação: Obviamente, você vai querer inserir sua própria fórmula. O plugin não fará com que funcione da maneira que você deseja, ele deve ser inserido corretamente. Portanto, você pode precisar se familiarizar novamente com algumas ordens de operações (PEMDAS).

No meu caso, basta pegar o elemento de campo que o usuário pode editar e multiplicá-lo por quatro, então minha equação fica assim:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]nomedocampo2*4[/ht_message]

Ler:  Alcançando e Manutenção dos requisitos de conformidade do PCI

Cada nome de campo adicionado terá um número diferente associado a ele, portanto, você precisa localizar o nome adequado. Para fazer isso, clique no elemento e você verá a seção do nome.

Quando terminar de editar as configurações, clique no botão “Salvar alterações”.

Adicionando seu formulário de campos calculados

Agora só falta colocar o formulário. O plugin utiliza códigos de acesso para fazer isso. Você pode encontrar o código de acesso próximo à lista de formulários da etapa anterior.

Copie o código de acesso.

Vá para qualquer postagem ou página e cole o shortcode. Você pode então visualizar as alterações em seu site.

Parabéns por configurar o plugin de formulário de campos calculados. Você pode criar uma variedade de formulários que os visitantes podem achar úteis.

Verifique seu trabalho

Este plugin pode adicionar muitos recursos excelentes ao seu site, mas uma coisa que ele não faz é corrigir seus erros. Se você inserir as informações incorretamente, o resultado simplesmente será exibido conforme você digitou. Isso poderia ser algo tão simples como colocar um “+” em vez de um “*”, mas pode causar grandes problemas.

Isto é especialmente verdadeiro se for usado para preços.

Se suas estimativas forem muito altas ou muito inferiores ao pretendido, você poderá criar confusão para alguém que deseja contratá-lo. Teste exaustivamente os formulários que você cria.

Para que você está usando formulários de campo calculados?

Novas publicações:

Recomendação