Como Adicionar uma Calculadora de IMC no WordPress (Passo a Passo)

Você está procurando uma maneira de tornar seu site de saúde e bem-estar mais envolvente?

Uma calculadora de Índice de Massa Corporal (IMC) pode ser um ótimo recurso para seus leitores. Ela permite que os usuários obtenham informações valiosas, e você pode até usá-la para coletar leads ou vender seus serviços de nutrição e fitness.

Neste artigo, mostraremos como adicionar facilmente uma calculadora de IMC no WordPress sem a necessidade de codificação ou matemática.

Seguindo nossa abordagem passo a passo, você estará bem equipado para criar este recurso de saúde e bem-estar para seus visitantes.

Por que adicionar uma calculadora de IMC ao WordPress?

IMC significa Índice de Massa Corporal. É uma medida aproximada da gordura corporal de uma pessoa com base em sua altura e peso, usando o seguinte cálculo:

IMC = kg/m²

O kg é o peso da pessoa em quilogramas, e m² é sua altura em metros quadrados.

Alternativamente, se você estiver trabalhando com unidades imperiais, poderá usar esta fórmula, onde lb é o peso em libras e in² é sua altura em polegadas quadradas, multiplicada por 703:

IMC = lb/in² ∗ 703

Uma leitura de IMC pode ajudar seus visitantes, pacientes ou clientes a descobrir se estão abaixo do peso, acima do peso ou com um peso saudável para sua altura. No entanto, pedir às pessoas que façam o cálculo sozinhas não é uma boa experiência do usuário.

É aqui que entra uma calculadora de IMC.

Se você iniciou um blog de saúde ou fitness, uma calculadora de IMC pode ajudar os visitantes a planejar os próximos passos em sua jornada de saúde. Por exemplo, alguém que decide reduzir seu IMC pode se inscrever em seu rastreador de fitness.

Uma calculadora de IMC também pode incentivar as pessoas a passarem mais tempo em seu site. Isso pode aumentar as pageviews e diminuir sua taxa de rejeição.

Quanto mais tempo alguém passa em seu site, maior a probabilidade de conversão. Por exemplo, eles podem agendar um teste em sua academia de CrossFit ou comprar equipamentos de exercício em sua loja online.

Com isso em mente, vamos ver como você pode facilmente adicionar uma calculadora de IMC no WordPress. Neste tutorial, cobriremos dois métodos, e você pode usar os links abaixo para pular para o método de sua escolha:

• Método 1: Crie uma Calculadora de IMC com WPForms (Fácil)
• Método 2: Crie uma Calculadora de IMC com Formidable Forms (Avançado)
• Bônus: Crie um Rastreador de Fitness no WordPress

Método 1: Crie uma Calculadora de IMC com WPForms (Fácil)

Você pode facilmente criar uma calculadora de IMC no WordPress com WPForms. É o melhor plugin de calculadora do mercado que vem com um construtor de arrastar e soltar, mais de 2000 modelos pré-fabricados e proteção completa contra spam.

O plugin também oferece um addon de Cálculos que permite adicionar qualquer formulário de calculadora que você desejar, incluindo uma calculadora de IMC, calculadora de hipoteca e calculadora de idade. Para saber mais, veja nossa análise do WPForms.

Primeiro, você precisa instalar e ativar o plugin WPForms. Para instruções detalhadas, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, acesse a página WPForms » Configurações no painel do WordPress para inserir sua chave de licença. Você pode encontrar essas informações em sua conta no site do WPForms.

Depois disso, visite a página WPForms » Addons e localize o ‘Calculations Addon’.

Em seguida, basta clicar no botão ‘Instalar Addon’ para ativá-lo em seu site.

Em seguida, você deve ir para a página WPForms » Adicionar Novo na barra lateral de administração do WordPress.

Aqui, você pode começar digitando um nome para o formulário do calculador que você está prestes a criar.

Depois disso, encontre o modelo ‘Formulário de Calculadora de IMC’ e clique no botão ‘Usar Modelo’ abaixo dele.

O construtor de formulários WPForms agora abrirá em sua tela, onde você notará uma prévia do formulário à direita com os campos do formulário na coluna esquerda.

A partir daqui, você pode adicionar qualquer campo que desejar e arrastá-los e soltá-los para reorganizar sua ordem.

Em seguida, clique no campo ‘Unidade de Medida’ na coluna esquerda para abrir suas configurações. O calculador de IMC oferece aos usuários a opção entre os sistemas de medição imperial e métrico.

No entanto, se você quiser usar apenas um único sistema de medição em seu calculador, poderá clicar no ícone (-) ao lado de um sistema para removê-lo.

Lembre-se de que usar ambos os sistemas de medição em seu calculador de IMC ajudará você a alcançar um público mais amplo.

Depois disso, você notará dois campos de unidade diferentes que serão mostrados aos usuários assim que eles selecionarem uma das unidades de medida no menu suspenso.

No entanto, se você estiver usando um único sistema de medição, um dos campos de unidade não será necessário e você poderá excluí-lo.

Por exemplo, se você oferecer IMC apenas em unidades imperiais, deverá excluir os campos de unidade para altura (cm) e peso (kg) porque são unidades métricas.

Em seguida, role para baixo até os campos ‘IMC’ e ‘Veredito’. Esses campos calcularão automaticamente a altura e o peso dos usuários e mostrarão seus resultados de IMC.

Se você excluir qualquer um desses campos, o formulário do calculador de IMC não poderá realizar nenhum cálculo para você.

Quando estiver satisfeito com seu formulário, basta clicar no botão ‘Salvar’ na parte superior para armazenar suas alterações.

Em seguida, abra uma página/post no editor de blocos onde você deseja adicionar o calculador de IMC.

A partir daqui, clique no botão ‘+’ de adicionar bloco para abrir o menu de blocos e localize o bloco WPForms.

Assim que fizer isso, adicione o formulário da calculadora de IMC no menu suspenso dentro do próprio bloco.

Por fim, clique no botão ‘Atualizar’ ou ‘Publicar’ para salvar suas configurações. Agora, você pode visitar seu site WordPress para ver a calculadora de IMC em ação.

Aqui, os visitantes podem simplesmente digitar seu peso e altura, e a calculadora mostrará seu IMC e dirá se estão abaixo do peso, saudáveis, com sobrepeso ou obesos.

Método 2: Crie uma Calculadora de IMC com Formidable Forms (Avançado)

Se você quiser mostrar uma faixa de IMC em sua calculadora, recomendamos criar uma calculadora de IMC no WordPress com Formidable Forms em vez disso.

É um plugin de formulário avançado com mais recursos de cálculo, incluindo cálculos condicionais. Testamos completamente a ferramenta e achamos que ela é ótima para cálculos mais complexos. Para saber mais sobre nossa experiência, veja nossa análise do Formidable Forms.

Primeiro, você precisa instalar e ativar o plugin Formidable Forms. Para instruções detalhadas, você pode ver nosso guia para iniciantes sobre como instalar um plugin do WordPress.

Após a ativação, visite a página Formidable » Configurações Globais no painel do WordPress e selecione a opção ‘Clique para inserir uma chave de licença manualmente’.

Você pode encontrar a chave em sua conta no site do Formidable Forms. Assim que inserir as informações, basta clicar no botão ‘Salvar Licença’ para armazenar suas configurações.

Em seguida, você deve visitar a página Formidable » Formulários no painel do WordPress.

Aqui, clique no botão ‘+ Adicionar Novo’ para começar a construir sua calculadora.

Isso o levará à página ‘Modelos de Formulário’. Aqui, você pode clicar na aba ‘Calculadora’ na coluna da esquerda para ver os mais de 55 modelos de formulário de calculadora, incluindo uma calculadora avançada de hipoteca, calculadora de porcentagem, calculadora de juros compostos e muito mais.

Clique em ‘Usar modelo’ no modelo ‘Calculadora de IMC’.

Isso abrirá o construtor de formulários, onde você verá uma prévia do formulário à direita e os campos do formulário na coluna esquerda. Agora você pode adicionar qualquer campo ao formulário e arrastar e soltar esses campos para reorganizar sua ordem.

Por exemplo, o modelo de formulário da calculadora de IMC não possui um campo de nome por padrão. No entanto, você pode adicionar um do painel esquerdo para coletar mais informações sobre seus usuários.

Depois disso, você precisa clicar no campo ‘Unidade de medida’ para abrir suas configurações na coluna esquerda.

A partir daqui, você pode remover qualquer um dos dois sistemas de medição (métrica ou imperial) clicando no ícone (-) ao lado dos sistemas.

No entanto, se você quiser manter ambos na calculadora de IMC, poderá selecionar um como o sistema de medição padrão.

Por outro lado, se você decidir usar apenas um sistema de medição para a calculadora, terá que excluir os campos de valor de unidade para o outro sistema.

Por exemplo, se você quiser trabalhar apenas com o sistema métrico, deverá excluir os campos de altura (pés e polegadas) e peso (lbs) do formulário.

Para fazer isso, basta clicar no ícone de três pontos no topo do campo e selecionar a opção ‘Excluir’.

Em seguida, role para baixo até o campo ‘IMC’. Este campo calculará automaticamente o IMC de seus usuários e fornecerá um veredito.

Se você excluir este campo, a calculadora de IMC não funcionará. Recomendamos deixá-lo como está.

Depois disso, clique no botão ‘Salvar’ no topo para armazenar suas configurações.

Isso abrirá um prompt na tela. Você deve adicionar um nome para o seu formulário e clicar no botão ‘Salvar’.

Em seguida, você deve fechar o editor de formulários e abrir a página/post onde deseja adicionar a calculadora de IMC no editor de blocos.

Uma vez lá, clique no botão ‘+’ para adicionar um bloco, abra o menu de blocos e adicione o bloco Formidable Forms.

Depois disso, selecione o formulário que você acabou de criar no menu suspenso dentro do próprio bloco.

Finalmente, clique no botão ‘Atualizar’ ou ‘Publicar’ para salvar suas configurações.

Agora, você pode visitar seu blog WordPress ou site para ver a calculadora de IMC. Aqui, o visitante pode digitar sua altura e peso para ver seu IMC. Se eles quiserem mais informações, eles podem clicar no botão 'Ver Meu Intervalo'.

A calculadora então mostrará os intervalos para todas as diferentes categorias de peso.

Bônus: Crie um Rastreador de Fitness no WordPress

Além de adicionar uma calculadora de IMC, você também pode adicionar um rastreador de fitness ao seu site WordPress. Este rastreador pode ser um formulário simples que os usuários preenchem todos os meses para acompanhar suas jornadas de perda de peso.

Se você tem um blog de fitness, adicionar este rastreador pode aumentar o engajamento em seu site e incentivar mais usuários a se inscreverem e fazerem parte da sua lista de e-mail.

Você pode facilmente criar um rastreador de fitness com Formidable Forms sem precisar aprender nenhum código. Então, os usuários poderão acompanhar seu progresso de perda de peso ao longo do tempo.

Para mais detalhes, veja nosso tutorial sobre como criar um rastreador de fitness no WordPress.

Esperamos que este tutorial tenha ajudado você a aprender como adicionar uma calculadora de IMC no WordPress. Você também pode querer conferir nosso guia sobre como criar um formulário de contato e nossas dicas de especialistas para criar formulários mais interativos no WordPress e aumentar conversões.

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