Quer saber como adicionar uma calculadora de IMC ao seu site de saúde e fitness?
O índice de massa corporal (IMC) é uma medida de gordura corporal baseada na altura e peso que se aplica a homens e mulheres adultos. Ao calcular o IMC, você pode identificar se uma pessoa está com um peso saudável. Se você tem um site de saúde e fitness, adicionar uma calculadora de IMC é uma ótima maneira de atrair mais visitantes e mantê-los engajados.
Neste artigo, mostraremos como adicionar uma calculadora de IMC ao seu site passo a passo.
Por que Medir o IMC é Importante
Calcular seu IMC ajuda você a descobrir se está com um peso saudável.
Em geral, quanto maior o IMC, maior o risco de desenvolver vários problemas de saúde como diabetes, artrite, doenças hepáticas, alguns tipos de câncer, pressão alta, etc.
Como editor, ao adicionar uma calculadora de IMC ao seu site WordPress, você pode manter seus visitantes engajados e gerar mais tráfego recorrente. Neste tutorial, usaremos o plugin Formidable Forms para criar a calculadora de IMC.
Passo 1: Baixe o Plugin Formidable Forms
Primeiro, baixe o plugin Formidable Forms. Formidable Forms é um plugin avançado de construtor de formulários WordPress que permite criar facilmente qualquer tipo de formulário complexo em poucos minutos, sem precisar contratar um desenvolvedor.
Com o plano Business ou Elite, você pode criar uma calculadora de IMC.
Após baixar, instale e ative o plugin em seu site WordPress.
Passo 2: Crie Sua Calculadora de IMC com Formidable Forms
Assim que seu plugin for instalado e ativado, vá para seu painel e clique em Formidable » Adicionar Novo.
Você será levado para uma nova página onde terá a opção de adicionar um formulário de sua escolha. Por padrão, ele vem com algumas opções no topo. Para adicionar uma calculadora de IMC, você terá que rolar a tela para baixo e procurar pela opção de calculadora de IMC em Modelos Premium.
Passe o mouse sobre a opção de calculadora de IMC e clique em Criar formulário.
Isso abrirá um pequeno pop-up onde você pode nomear o formulário e especificar a descrição do formulário. Adicione um nome e clique em Criar.
Etapa 3: Projetando sua Calculadora de IMC
Agora você será direcionado para uma nova tela onde poderá começar a projetar sua calculadora. Você terá 4 abas na parte superior da tela.
- Construir
- Configurações
- Entradas
- Visualizações
Na aba Construir, você pode trabalhar nos campos do formulário. Você pode adicionar um campo do painel esquerdo e personalizá-lo instantaneamente no construtor, que fica no lado direito. Os campos do formulário são agrupados sob 3 títulos diferentes.
- Adicionar Campos
- Campos Avançados
- Campos de Preço
Você pode arrastar qualquer campo da esquerda e soltá-lo no construtor. Se você quiser uma calculadora de IMC básica, pode usar os campos padrão. Lembre-se de que você pode personalizar o formulário a qualquer momento.
Etapa 4: Configurando as Configurações da Calculadora de IMC
Depois de adicionar todos os campos, você pode trabalhar em suas configurações. A opção de configurações tem 5 seções diferentes.
1. Geral
Aqui, você pode configurar as configurações básicas, como o título do formulário, descrição, mensagem de confirmação, etc. Você também terá uma chave de calculadora de IMC e uma chave de incorporação que podem ser usadas para exibir o formulário em seu site.
Se você quiser enviar o formulário sem recarregar a página, você pode selecionar Enviar este formulário com AJAX. Você também pode optar por validar o formulário com javascript.
Você também pode definir uma mensagem para ser exibida após o envio bem-sucedido do formulário.
2. Ação e Notificação
Em Ação e Notificação, você pode adicionar ações ao seu formulário. Aqui você pode integrar seu formulário com serviço de marketing por e-mail, gateway de comércio eletrônico ou até mesmo especificar para onde enviar notificações assim que um formulário for enviado.
3. Permissões do Formulário
Sob esta opção, você pode determinar quem pode ver, enviar e editar as entradas do formulário. Se você quiser limitar o número de entradas do formulário ou a visibilidade do formulário, você pode configurar a partir daqui.
4. Agendamento de Formulário
A próxima opção permite agendar seus formulários. Com esta opção, em vez de publicar um formulário imediatamente, você pode escolher uma data em que deseja exibi-lo. Esta opção é útil especialmente quando você deseja exibir formulários sensíveis ao tempo.
5. Estilização e Botões
Na próxima opção, você pode estilizar seus botões. Você também pode selecionar um modelo para tornar seu formulário mais atraente. Você também pode optar por não usar nenhum modelo.
Você pode adicionar os textos dos seus botões e alinhá-los também. Ele também tem uma opção para adicionar lógica condicional ao seu botão de envio.
6. Personalizar HTML
A última opção é personalizar seu formulário com tags HTML.
Passo 5: Publicando Sua Calculadora de IMC
Assim que você terminar de criar seu formulário de calculadora, você pode publicá-lo. Para publicar seu formulário, clique no botão Publicar no canto superior direito da sua tela, na aba Construir .
Agora vá para a aba Configurações e você verá uma opção chamada Shortcode de Incorporação.
Copie este shortcode e cole-o em suas postagens e páginas onde você deseja que a calculadora de IMC seja exibida. Após terminar, publique a página. Sua calculadora de IMC agora deve estar ativa em seu site.
É isso. Você publicou com sucesso sua calculadora de IMC em seu site por conta própria, sem codificação.
Esperamos que você tenha gostado deste artigo sobre como adicionar uma calculadora de IMC ao WordPress. Você também pode conferir os melhores plugins de formulário de contato no WordPress. Se você estiver interessado em criar questionários interativos para o seu site, o Thrive Quiz Builder é o melhor para isso.
Você pode configurar questionários e pesquisas de saúde e nutrição para coletar dados de seus usuários ou para ajudá-los a selecionar o plano de dieta certo.
Também temos mais tutoriais fáceis:
- Como Criar um Formulário de Upload de Arquivos no WordPress
- Como Salvar Dados de Formulário no Banco de Dados do WordPress
- Como Rastrear a Jornada do Usuário Antes que um Usuário Envie um Formulário
Estes guias ajudarão você a levar seu jogo de formulários para o próximo nível.
Comentários Deixe uma Resposta