Como Criar uma Calculadora de IMC no WordPress: Guia Passo a Passo

Você tem um site de fitness, um blog de saúde ou talvez um site de clínica e quer que as pessoas verifiquem seu IMC facilmente? Ou você está cansado de enviá-los para outros sites aleatórios de IMC que os tiram da sua página?

Bem, você não é o único. Usuários do WordPress querem adicionar um Calculadora de IMC para o site deles, mas nem sempre é fácil. Algumas ferramentas exigem codificação e outras não permitem muitas modificações para combinar com o estilo do seu site.

Mas eis a melhor parte: você pode criar sua própria calculadora de índice de massa corporal diretamente no seu painel. Ela tem um visual limpo, funciona perfeitamente e você nem precisa tocar em nenhum código. Neste guia, mostrarei como construir uma que não só dará o resultado, mas também fornecerá dicas de saúde aos usuários com base nas informações deles. Legal, né?

Neste tutorial, vamos explorar como criar um Formulário de calculadora de IMC no WordPress. Então vamos lá!

O que é uma Calculadora de IMC?

Um calculador de índice de massa corporal (IMC) em um formulário do WordPress é uma pequena ferramenta divertida que permite aos usuários inserir sua altura e peso e, pronto, mostra a eles sua pontuação de IMC imediatamente. 

Seja você construindo uma calculadora de IMC para homens, uma calculadora de IMC para mulheres ou uma calculadora universal de índice de massa corporal, a funcionalidade principal permanece a mesma. No entanto, uma calculadora de IMC personalizada em WordPress pode fazer muito mais do que apenas mostrar um número!

Se você fizer um personalizado, ele pode fazer coisas ainda mais legais, como 

• Cálculo instantâneo do IMC com resultados em tempo real
• Classificação da categoria de IMC (Abaixo do peso, Normal, Sobrepeso, Obeso)
• Coleta de dados para avaliações de saúde
• Integração com o seu e-mail ferramentas de marketing

Por que você precisa de um formulário de calculadora de IMC em seu site WordPress?

Bem, se você é um treinador de fitness, um especialista em dietas, um médico, ou alguém que escreve sobre assuntos de saúde, esse tipo de formulário pode realmente ajudar. Ele dá às pessoas algo útil enquanto ajuda você a aumentar sua lista de e-mails.

Além disso, é uma forma fácil de tornar seu site mais divertido e útil. As pessoas ficam mais tempo, aprendem algo sobre sua saúde e podem até voltar. Isso significa mais tráfego e talvez até mais dinheiro a longo prazo.

Uma estratégia de saúde também ajuda a estabelecer seu site como uma autoridade na categoria de saúde e fitness.

Entendendo o IMC: A Base

Antes de construir nosso formulário, vejamos a fórmula e as categorias do IMC:

Fórmula do IMC

• Unidades Métricas: Peso (Kg)  ÷  Altura (m)²
• Unidades Imperiais: 703 * Peso (libras)  ÷ Altura (m)²

Categorias de IMC:

• Abaixo do peso IMC < 18,5
• Peso normal: IMC 18,5-24,9
• Sobrepeso IMC 25.0-29.5
• Obeso IMC ≥ 29.6

Como Criar uma Calculadora de IMC no WordPress Facilmente?

É mais fácil do que você imagina. Você só precisa de um plugin que pegue os números do usuário, faça os cálculos do IMC e mostre o resultado.

Neste tutorial, usarei Bit Form para criar nossa calculadora. É um construtor de formulários WordPress que torna a adição de coisas como calculadoras de IMC super simples. E o mais legal? A maioria das características venha com a versão gratuita, para que você não precise gastar muito dinheiro para começar.

Guia Passo a Passo: Criando seu Formulário de Calculadora 

Pronto para criar sua própria calculadora de IMC no WordPress com suporte para várias fórmulas de calculadora de IMC em kg, cm, metros, pés e outras medidas imperiais? Vamos mergulhar no processo passo a passo:

Passo 1: Instalar e ativar o Bit Form

Para começar a usar o Bit Form na sua calculadora de IMC do WordPress, primeiro acesse o painel do WordPress. Navegue até “Plugins” e clique “Adicionar Novo.” Na caixa de pesquisa, digite “Bit Form” e procure por ela na lista. 

Uma vez encontrado, clique no “Instalar Agora” botão, e quando a instalação estiver completa, clique em “Ativar.” É isso aí. O Bit Form já está pronto para ajudá-lo a criar sua calculadora de IMC no WordPress diretamente do seu painel de administração do WordPress.

Passo 2: Criar um Novo Formulário

1. Navegue até o seu painel do WordPress e vá para Bit Form > Todos os formulários
2. Clique em “Criar Formulário” para iniciar um novo formulário

Para começar do zero, escolha “Formulário em branco” o que lhe dá controle total sobre o design. Nomeie seu formulário com algo descritivo, como “Calculadora de Saúde” para facilitar a encontrar depois.

Agora você está pronto para começar a construir seu formulário de calculadora de IMC do WordPress.

Passo 3: Adicionar Campos Essenciais para Cálculoíon

Agora é hora de adicionar o básico. Basta clicar ou arrastar e soltar qualquer campo que você precisar no construtor de formulários. Comece com o Altura e Peso campos, configure-os como entradas numéricas e você pode configurá-los para suportar unidades como metros para altura e quilogramas para peso.

Você também pode adicionar um Campo Nome para tornar o formulário pessoal e um E-mail campo, se você quiser enviar resultados ou compartilhar dicas de saúde mais tarde.

Para tornar o processo ainda mais fácil, inclua um seção de conversão de escala com campos numéricos extras. 

Para conversão de unidades métricas Na sua calculadora de IMC no WordPress, você precisa adicionar campos para pés, polegadas e centímetros, juntamente com uma altura calculada em metros  como um campo numérico. 

E para conversão de unidade imperial, você precisa adicionar campos para pés, metros e centímetros, juntamente com uma altura calculada em polegadas como um campo numérico. 

Dessa forma, os usuários da sua calculadora de IMC do WordPress que não sabem sua altura e peso em ambas as unidades não precisarão sair do formulário ou visitar outro site.

Não se esqueça de adicionar um “Seu IMC” campo como um Número campo e um “Seu Status do IMC” campo como um Texto campo. Isso permite que os usuários vejam seu IMC calculado e a categoria de saúde à qual ele pertence em sua calculadora de IMC no WordPress.

Passo 4: Configure Lógicas Condicionais para Cálculos

1. Lógica Condicional para Resultado do IMC

Após construir seu formulário, é hora de adicionar alguns lógica condicional para o cálculo. Isso ajuda o formulário a responder com base na entrada do usuário. Você pode configurar qualquer lógica personalizada ou fórmula que precisar. Para começar, basta ir em Configurações > Lógicas Condicionais > Adicionar Lógica Condicional.

Primeiro, dê um nome à sua lógica condicional. Em seguida, defina Ação Executar Quando para Criar/Editar Registro, e definir Efeito da Ação para Apenas em Campo de Entrada.

Agora vamos configurar as condições necessárias para tornar o formulário funcional. Vamos começar criando a lógica para o Seu IMC campo. Defina a condição para que, quando ambos os Altura e Peso os campos forem preenchidos, a lógica será acionada automaticamente. 

Em seguida, no Ações de Campo, selecionar Seu IMC e  aplicar a fórmula do IMC para unidades métricas nas configurações de lógica definindo o Valor: (peso (kg) / (altura (metro) * altura (metro))

Adicionar outra lógica condicional para o unidade imperial. Selecionar Seu IMC e  aplique a fórmula para unidades imperiais nas configurações de lógica definindo o Valor: (Peso (lbs) / (altura (polegadas) * altura (polegadas))) * 703

2. Lógica Condicional para Conversão de Escala

• Conversão de Matrícula

Definir o“Ação Executada Quando” opção para “Criação/Edição de Registro” e selecione “Apenas no campo de entrada” sob“Efeito da Ação.” A lógica é executada sempre que um campo relevante é alterado.

Em seguida, configure as condições em SE seção. Use duas condições principais combinadas com E lógica

•  O campo “Unidade de Medida” deve ser igual a “Métrica.” 
• “Você precisa de uma conversão de escala?” deve ser igual a “Sim”

Então, adicione vários OU condições lógicas para acionar a ação quando qualquer um dos campos relacionados for alterado. Esses campos incluem Pés, Polegadas e Centímetros. Defina cada um destes para “Mudar” para que o cálculo seja executado sempre que o usuário atualizar qualquer um deles.

No“Então” seção, configure as ações de saída. Para o campo, “Sua altura em metros,” definir a ação para “valor” e use a fórmula: (Pés / 3,281) + (Polegadas / 39,37) + (centímetros / 100)

Isso converte toda a entrada de altura fornecida em metros. 

• Conversão Imperial

Definir o“Ação Executada Quando” opção para “Criação/Edição de Registro” e selecione “Apenas no campo de entrada” sob“Efeito da Ação.” A lógica é executada sempre que um campo relevante é alterado.

Em seguida, configure as condições em SE seção. Use duas condições principais combinadas com E lógica

•  O campo “Unidade de Medida” deve ser igual a “Imperial.” 
• “Você precisa de uma conversão de escala?” deve ser igual a “Sim”

Então, adicione vários OU condições lógicas para acionar a ação quando qualquer um dos campos relacionados for alterado. Esses campos incluem peso (kg), pés, centímetros e metros. Defina cada um destes para “Mudar” para que o cálculo seja executado sempre que o usuário atualizar qualquer um deles.

No Então seção, defina as ações de saída. Para o campo, “Sua altura em polegadas,” definir a ação para “valor” e use a fórmula: (Pés * 12) + (Centímetros / 2,54) + (Metros * 39,37)

Isso converte todas as entradas de altura fornecidas em polegadas. 

Em seguida, para o campo, “Seu peso em libras,” defina a ação como valor e use a fórmula: Peso (kg) * 2,205

Isso converte o peso de quilogramas para libras.

3. Lógica Condicional para o Status do IMC

Agora é hora de configurar a categoria de saúde. Crie uma nova lógica condicional e nomeie-a “Status do IMC” Defina a condição para que se o seu IMC for menor ou igual a 18,5, então seu Status do IMC o campo exibirá “Abaixo do Peso.”

Da mesma forma, selecione o Senão se condição, e defina a condição para que se o seu IMC for menor ou igual a 24,9,  então seu Status do IMC o campo exibirá “Normal.”

Novamente,Selecione o Senão se condição, e defina a condição para que se o seu IMC for menor ou igual a 29,5,  então seu Status do IMC o campo exibirá “Com excesso de peso.”

Por fim, crie um último Senão se condição e definir a condição para que  se o seu IMC for superior a 29,5,  então seu Status do IMC o campo exibirá “Obeso.”

Passo 4: Adicione sua calculadora ao seu site

Assim que o seu formulário estiver pronto, clique no botão Publicar no canto superior direito. Em seguida, copie o shortcode gerado e cole-o em qualquer página ou post onde você deseja que a calculadora apareça. Sua calculadora de saúde estará no ar e pronta para ser testada pelos usuários.

E o seu formulário está pronto para usar!

Conclusão:

Criar um formulário de calculadora de IMC no WordPress não precisa ser complicado nem caro. Com o Bit Form, você pode criar uma calculadora de IMC profissional e totalmente funcional no WordPress que envolva seus visitantes, forneça informações valiosas sobre saúde e ajude a aumentar sua lista de e-mails.

A interface de arrastar e soltar torna a criação de uma calculadora de IMC no WordPress acessível até mesmo para iniciantes. Reserve um momento para explorar todos os características Bit Form oferece; está repleto de ferramentas para ajudar você a criar formulários poderosos e flexíveis com facilidade.

Então vá em frente e crie qualquer tipo de formulário que atenda às suas necessidades, seja uma calculadora de IMC no WordPress, um formulário de contato ou algo personalizado. Com apenas alguns cliques, você estará no caminho certo para proporcionar uma experiência suave e amigável ao usuário. Bom trabalho na criação de formulários!