Como adicionar uma calculadora IMC ao WordPress (sem codificação)

Como adicionar calculadora no wordpress


Pensando em como adicionar uma calculadora IMC ao seu site relacionado à saúde e fitness?

O índice de massa corporal (IMC) é uma medida de gordura corporal baseada na altura e no 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 relacionado à saúde e fitness, adicionar uma calculadora IMC é uma ótima maneira de atrair mais visitantes e mantê-los envolvidos.

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 a descobrir se você 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ça hepática, alguns tipos de câncer, pressão alta, etc..

Como editor, ao adicionar uma calculadora de IMC ao seu site WordPress, você pode envolver seus visitantes e gerar mais tráfego repetido. Neste tutorial, usaremos o plug-in Formidable Forms para criar a calculadora IMC.

Etapa 1: Faça o download do plug-in Formidable Forms

Primeiro, baixe o plug-in Formidable Forms. Formidable Forms é um plugin avançado para criação de formulários do WordPress que permite criar facilmente qualquer tipo de formulário de complemento em questão de minutos, sem a necessidade de contratar um desenvolvedor.

Com o plano Business ou Elite, você pode criar uma calculadora IMC.

Depois de baixado, instale e ative o plug-in no seu site WordPress.

Etapa 2: Crie sua calculadora IMC com formulários formidáveis

Depois que seu plug-in estiver instalado e ativado, vá para o painel e clique em Formidável »Adicionar novo.

Agora você será direcionado para uma nova página, na qual poderá adicionar um formulário de sua escolha. Por padrão, ele vem com algumas opções na parte superior. Para adicionar uma calculadora IMC, você deverá rolar a tela para baixo e verificar a opção Calculadora IMC sob o Modelos Premium opção.

Calculadora IMC Formulável

Passe o mouse sobre a opção calculadora IMC e clique em Criar formulário.

clique em calculadora IMC

Isso iniciará um pequeno pop-up no qual você pode nomear o formulário e especificar sua descrição. Adicione um nome e clique em Crio.

Etapa 3: Projetando sua calculadora IMC

Agora você será direcionado para uma nova tela onde poderá começar a projetar sua calculadora. Você terá quatro guias na parte superior da tela.

  • Construir
  • Definições
  • Entradas
  • Visualizações

Calculadora IMC

Debaixo de Construir guia, você pode trabalhar nos campos do formulário. Você pode adicionar um campo no painel esquerdo e personalizar esse campo no construtor instantaneamente, que fica no lado direito. Os campos do formulário são agrupados em três títulos diferentes.

  • Adicionar campos
  • Campos avançados
  • Campos de preços

Você pode arrastar qualquer campo da esquerda e soltá-lo no construtor. Se você deseja uma calculadora básica de IMC, pode usar os campos padrão. Lembre-se de que você pode personalizar o formulário a qualquer momento.

Etapa 4: Definindo as configurações da calculadora IMC

Depois de adicionar todos os campos, você poderá trabalhar nas configurações. A opção de configurações possui 5 seções diferentes.

1. Geral

Aqui, você pode definir as configurações básicas, como o título do formulário, descrição, mensagem de confirmação etc. Você também terá uma tecla de calculadora IMC e uma tecla de incorporação que podem ser usadas para exibir o formulário no seu site..

Se você deseja enviar o formulário sem recarregar a página, pode selecionar Envie este formulário com AJAX. Você também pode optar por validar o formulário com javascript.

Você também pode definir uma mensagem a ser exibida após o envio bem-sucedido do formulário..

configurações da calculadora bmi

2. Ação e notificação

Debaixo Ação e Notificação, você pode adicionar ações ao seu formulário. Aqui, você pode integrar seu formulário ao serviço de email marketing, gateway de comércio eletrônico ou até especificar para onde enviar notificações depois que um formulário for enviado.

3. Permissões de formulário

Sob essa opção, você pode determinar quem pode ver, enviar e editar as entradas do formulário. Se você deseja limitar o número de entradas ou a visibilidade do formulário, pode configurar a partir daqui.

4. Programação de Formulários

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.

Calculadora IMC

5. Estilo 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 botões e alinhá-los também. Ele também tem uma opção para adicionar lógica condicional ao seu botão enviar.

6. Personalize HTML

A última opção é personalizar seu formulário com tags HTML.

Etapa 5: Publicando sua calculadora IMC

Depois de criar seu formulário de calculadora de IMC, você pode publicá-lo. Para publicar seu formulário, você pode clicar no Publicar no canto superior direito da tela, sob o botão Construir aba.

Agora vá para o Definições guia e você verá uma opção chamada Incorporar código curto.

Copie esse código curto e cole-o em suas postagens e páginas onde deseja que a calculadora do IMC seja exibida. Uma vez feito, publique a página. Sua calculadora do IMC agora deve estar ativa no seu site.

É isso aí. Você publicou com sucesso sua calculadora 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.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map