Como Adicionar Lógica Condicional Avançada em Formulários do WordPress

Você está cansado de formulários estáticos que não respondem aos seus usuários? Imagine preencher um formulário onde certas perguntas aparecem com base nas respostas anteriores do usuário, ou onde o formulário se adapta para fornecer opções personalizadas. Parece legal, né? 

Bem, o Lógica condicional Este recurso faz exatamente isso! Este recurso economiza tempo para você e seus usuários. Quando alguém preenche um formulário de contato, vê apenas os campos que são relevantes para ele. Um formulário de solicitação de suporte pode mostrar opções diferentes com base no tipo de problema. Um formulário de pedido pode calcular preços dinamicamente à medida que os usuários fazem suas seleções.

Neste guia, mostraremos como adicionar lógica condicional avançada em formulários do WordPress. Vamos começar.

O que é Lógica de Formulário Condicional no WordPress?

A lógica condicional cria regras que alteram o funcionamento de um formulário com base no que o usuário informa. O formulário responde imediatamente quando um visitante escolhe uma opção ou digita certas informações, sem precisar recarregar a página.

Pense nisso como um sistema “se-então”. Se um usuário selecionar “Consulta comercial” em um menu suspenso, mostre os campos de nome da empresa e setor. Se eles escolherem "Pergunta pessoal", esses campos comerciais permanecerão ocultos.

Formulários tradicionais exibem todos os campos possíveis de uma vez. Isso cria formulários longos e intimidadores que reduzem as taxas de conclusão. A lógica condicional divide os formulários em seções lógicas, revelando os campos apenas quando necessário.

Por que você precisa de lógica condicional em formulários do WordPress

Formulários estáticos geralmente são longos e chatos. A maioria dos usuários abandona uma página se vê muitas perguntas que não se aplicam a eles. Estudos mostram que reduzir os campos de um formulário pode aumentar as taxas de conversão em até 120 por cento.

Ao usar lógica condicional em um formulário do WordPress, você cria uma jornada personalizada. O formulário reage a cada clique.

O sistema monitora os inputs de formulário continuamente. À medida que os usuários clicam em caixas de seleção, botões de rádio, listas suspensas ou campos de texto, o mecanismo de lógica verifica as condições e altera a estrutura do formulário imediatamente.

O que a Lógica Condicional Pode Fazer em Formulários do WordPress?

• Exibir ou Ocultar Campos: Exibir campos com base na escolha do usuário.
• E-mails de GatilhoEnvie notificações de e-mail personalizadas com anexo em PDF quando certas condições forem atendidas.
• Cálculos em Tempo Real Use lógica avançada para fazer cálculos em tempo real com base no que o usuário digita.
• Redirecionamentos Condicionais: Após os usuários preencherem um formulário, eles podem ser enviados para páginas diferentes dependendo do que disserem.
• Personalizar comportamento do formulário: Crie formulários que mudam com base no que os usuários inserem.

Como Configurar Lógica Condicional em um Formulário WordPress: Um Guia Passo a Passo

A primeira coisa que você precisa fazer é escolher o certo Construtor de formulários WordPress. Esta escolha é muito importante para garantir que tanto a flexibilidade quanto a funcionalidade estejam presentes. Eu escolhi Bit Form de todas as opções por ser conhecido como o construtor de formulários WordPress mais avançado e leve.

Depois de instalar e ativar o plugin, acesse o painel do Bit Form e clique em “Criar formulário”. Você verá uma lista de modelos já disponíveis. Para começar do zero, selecione “Formulário em branco”, o que lhe dará controle total sobre o design.

Então crie um formulário. Eu já criei um Formulário de consulta do cliente e adicionei vários campos. Inseri quatro opções no campo “Selecionar”: Consulta de Vendas, Suporte Técnico, Oportunidade de Parceria e Outros. Também inseri os outros campos em grupos com base no tipo de consulta.  

Antes de configurar a lógica condicional, você precisa ocultar todos os campos categorizados.

Então vá para Configurações > Lógicas Condicionais > Clique em “Adicionar Lógica Condicional.”

Antes de criar regras lógicas, é preciso definir quando e como essas regras devem ser acionadas. O Bit Form permite que você defina gatilhos com base em ações específicas do formulário, e não apenas na entrada do usuário.

• Você pode configurar ações condicionais para serem executadas durante a criação de um registro, quando os usuários editam envios existentes ou durante processos de exclusão. Devido a essa flexibilidade, sua lógica funciona por toda a vida do formulário.
• Os efeitos da ação informam quando a ação na seção “Então” deve ocorrer. Você pode exibir ou ocultar campos, habilitar ou desabilitar elementos do formulário, alterar os valores dos campos ou enviar alertas por e-mail. Várias ações podem ser executadas a partir de uma única condição.

Como estou trabalhando com o campo exibir/ocultar, selecionei “Somente na entrada do campo”. Em seguida, apliquei a condição conforme mostrado nesta imagem.

 Da mesma forma, aplique a mesma condição para as outras opções. Em seguida, clique em “Atualizar” e visualize.

Você também pode definir essas três condições sob uma única condição usando a condição “else if”.

Recursos avançados de lógica condicional no Bit Form

Você já sabe como é fácil criar formulários que mudam, mostrando e ocultando campos com base em regras simples como Se, Senão e Senão Se. Mas e se você pudesse levar essa lógica ainda mais longe? 

Imagine ser capaz de lidar com situações mais difíceis, como aninhar várias condições, criar campos calculados ou iniciar ações diferentes com base no que um usuário escolhe, tudo isso sem precisar escrever nenhum código.

Esses recursos lhe proporcionarão ainda mais controle e flexibilidade para tornar seus formulários verdadeiramente interativos e exclusivos. Vamos dar uma olhada nas ferramentas avançadas de lógica condicional do Bit Form.

1. Gerenciando Grupos e Filiais Complexas

Uma única regra nem sempre é suficiente. Você pode precisar combinar diferentes condições para tomar uma decisão. É aí que Lógica E/OU torna-se muito útil. Você pode criar grupos de regras para lidar com cenários complicados.

Se você tem um fluxo de trabalho complexo, você pode usar “Senão Se” e “Senão” galhos. Isso garante que cada resposta possível de um usuário leve a um resultado específico. Condições aninhadas permitem que você entre em detalhes sem bagunçar o back-end. Essa estrutura bem organizada facilita o manuseio de centenas de respostas sem cometer erros.

2. Use operadores para condições complexas

Defina condições como estas para criar uma lógica forte:

• Igual/Diferente: Verificar valores para ver se são iguais ou não.
• Maior Que/Menor Que: Compare números para fazer as coisas acontecerem.
• Contém/Não Contém: Pesquise por palavras ou números específicos em campos de texto.
• Começar/Terminar Com: Isso é útil para verificar a validade de endereços de e-mail ou números de telefone.

Você pode usar esses operadores para definir regras exatas que tornarão seus formulários mais dinâmicos e responsivos.

3. Personalizando o Comportamento do Formulário com Ações de Campo

Após configurar sua lógica, você pode controlar como cada campo funciona com base nas regras que você definiu.

• Ativar/Desativar CamposDesativar campos que o usuário não precisa.
• Alterar Valores: Altere dinamicamente o valor de um campo.
• Ocultar ou Mostrar Campos: Exibir campos diferentes dependendo da entrada do usuário.
• Somente Leitura/Gravável: Tornar certos campos não editáveis com base em condições.
• Rótulo/Legenda: Rótulo/Legenda: Altere rótulos e legendas dinamicamente para obter ajuda clara e baseada em contexto.
• Texto de Ajuda: Texto de ajuda condicional para auxiliar os usuários a preencher os campos do formulário e evitar erros.

Você pode controlar como seu formulário responde em cada etapa do processo de envio com estas ações.

4. Notificações de E-mail Condicionais

Um dos usos mais poderosos de lógica condicional está nas notificações por e-mail. Digamos que você queira enviar um e-mail de agradecimento apenas se um usuário selecionar “Sim” para uma pergunta específica. Com A lógica condicional do Bit Form, você pode enviar e-mails personalizados automaticamente com base nas respostas de um usuário.

Criar Modelos de Email Personalizados:

• Acesse a seção “Modelos de E-mail” e clique em "Adicionar Modelo".”
• Você verá um campo chamado Nome do Modelo. Aqui, insira um nome descritivo para o seu modelo. Isso ajudará você a identificar o modelo facilmente mais tarde.
• Você pode definir o assunto da notificação por e-mail em “Assunto”.”
• Você pode usar Smart Tags do menu suspenso Campos de formulário na seção Corpo para adicionar dados de formulário.
• Use o Mapear Todos os Campos Com a opção de Tabela para exibir dados do formulário em formato de tabela para layouts de e-mail complexos. Isso tornará a leitura mais fácil.

Clique no botão Salvar modelo após ter criado o modelo de e-mail. Você também pode criar quantos modelos de e-mail desejar.

Em seguida, vá para Lógica Condicional, escolha a condição para a qual você deseja enviar o modelo de e-mail selecionado e defina Efeito da Ação para “Somente ao Enviar Formulário”. Em seguida, em Ações Adicionais, marque a caixa Notificação por E-mail e escolha o modelo de e-mail desejado.

5. Enviar notificações por e-mail com anexos PDF dinâmicos

Você pode até adicionar PDFs dinâmicos que mudam com base no que o usuário preenche. Se alguém preencher um formulário de orçamento, por exemplo, receberá um PDF com as informações que forneceu. 

Vá para Modelos de PDF, assim como você fez para as configurações do modelo de e-mail. Você pode criar mais de um modelo aqui.

Então navegue para Lógica Condicional, selecione a condição específica para a qual deseja enviar o modelo de PDF selecionado e defina o Efeito da Ação para “Apenas ao Enviar Formulário”. Em seguida, role para baixo e encontre a opção “Modelo de Anexo PDF” em Notificação por e-mail. E escolha o modelo de PDF que você deseja.

6. Redirecionamentos Condicionais Após o Envio de Formulário

Você pode direcionar os usuários para diferentes landing pages após preencherem um formulário, com base no que eles dizem. Isso pode tornar a experiência do usuário mais pessoal e ajudá-los a encontrar conteúdo ou ações mais úteis para realizar em seguida.

Para configurar a URL de redirecionamento, vá até “Confirmações” e clique em “Página de Redirecionamento”. Em seguida, clique no sinal de "+" para adicionar o link.

Depois disso, insira o URL para o redirecionamento na caixa “Link”. Você pode criar mais de uma página de redirecionamento para diferentes escolhas clicando no ícone “+”.

Em seguida, vá para Lógica Condicional, escolha a condição que deseja usar para o redirecionamento e defina Efeito da Ação como “Apenas ao Enviar o Formulário”. Depois disso, role para baixo até ver a opção URL de Redirecionamento em Ações Adicionais. Escolha a URL de redirecionamento que você adicionou em “Confirmações”.”

7. Formulário Calculadora Condicional

Configurar lógica condicional é importante se o seu site tiver um formulário de calculadora ou qualquer outro formulário que precise fazer cálculos.

Por exemplo, se você tiver um formulário onde os usuários inserem coisas como a quantidade de um produto e o IVA, o campo do valor total pode ser calculado automaticamente a partir dessas entradas.

Você pode facilmente criar formulários como um formulário de pontuação de leads, um Calculadora de IMC, uma calculadora de ROI, ou um calculadora de hipoteca com Cálculo avançado do Bit Form recurso.

Vamos usar lógica condicional para criar um calculador de IVA. Para começar do zero, vá até o painel do Bit Form e crie um formulário em branco. Eu já adicionei os campos que preciso para criar um Calculador de IVA aqui.

Agora você precisa adicionar lógica condicional ao cálculo. Para começar, basta ir para Configurações > Lógicas Condicionais > Adicionar Lógica Condicional > Definir Efeito da Ação como “Somente ao Enviar Formulário.”

Então, defina a condição como abaixo:

• Se o Preço Líquido e a Taxa do IVA não forem nulos
• Então Valor do IVA > Valor  (Preço Líquido * (Taxa de IVA/100))
• Então Preço Total com IVA > Valor > Preço Líquido + (Preço Líquido * (Alíquota de IVA/100))

É isso. Você terá o resultado. Você também pode testar aqui. 

8. Integração Condicional: Automatizando Fluxos de Trabalho com Plataformas Externas

Integração condicional baseia-se no poder da lógica condicional, facilitando a conexão dos seus formulários WordPress com outras plataformas. 

Por exemplo, se alguém preencher um formulário de pontuação de leads, você pode usar lógica condicional para enviar leads quentes para o Google Sheets ou adicioná-los automaticamente a uma campanha de email marketing do Mailchimp. Este recurso economiza seu tempo porque você não precisa digitar dados manualmente, o que acelera ainda mais o envio de seus formulários.

E o melhor de tudo é que a Bit Form oferece mais de 50 integrações, todas disponíveis na versão gratuita. Além disso, instalando o Bit Integrações plug-in e selecionando Bit Form como gatilho, você pode conectar seus formulários com mais de 150 aplicativos, tudo sem nenhum custo adicional.

Exemplo: Formulário de Pontuação de Leads com Integração Condicional

Por exemplo, você poderia ter um formulário de pontuação de leads que classifica os usuários em leads "quentes", "mornos" ou "frios" com base em como eles respondem. Eu já fiz um formulário para dar uma pontuação aos leads. Aqui está.

Você também pode ver que adicionei um número de campos para pontuar um lead, bem como dois campos ocultos que usam as respostas do usuário para definir a pontuação. Você pode estar se perguntando como o lead é pontuado com base nas diferentes opções de campos.

A resposta é fácil: dei a cada opção de campo um valor diferente, assim.

Você precisa adicionar lógica condicional para pontuar o lead agora. Para fazer isso, vá em Configurações > Lógicas Condicionais > Adicionar Lógica Condicional e escolha “Apenas em Entrada de Campo” como Efeito da Ação.

Então, defina a condição desta forma:

• Se “Qual descreve melhor sua função?” E “Tamanho da Empresa?” E “Cronograma de Implementação?” E “Faixa Orçamentária?” E “Autoridade de Decisão” não for nulo
• Então Campo Oculto para pontuação > Valor > (O que melhor descreve seu papel? + Tamanho da Empresa? + Prazo de Implementação? + Faixa de Orçamento? + Autoridade de Decisão)

Depois disso, o lead será pontuado somando-se os valores de todas as opções escolhidas pelo usuário. Em seguida, adicionei outra condição para classificar o lead em um de três grupos: Lead Quente, Lead Morno ou Lead Frio.

É assim que a condição é definida:

• Se “Oculto para pontuação“ for “Maior ou igual a” > 70
• Pontuação de Lead > Valor > Lead Quente

Agora é hora de configurar a integração condicional para os leads que estão quentes. Vá em Integrações e procure por Google Sheets.

Em seguida, siga estes passos:

• Nome da Integração: Dê um nome à sua integração que atenda às suas necessidades.
• Visite o Link do Google API Console para criar o Client ID e o Client Secret.

Após inserir com sucesso seu ID de Cliente e Segredo do Cliente, clique em “Autorizar” para prosseguir.

Na etapa 2, você precisa escolher “Autorizar Aplicativo”, “Planilhas” e “Planilha” no menu suspenso. Depois disso, você verá a opção “Mapear Campos”.”

Você precisará mapear os campos do seu formulário para os campos corretos na planilha do Google aqui. Depois disso, clique em “Próximo”.”

Quando terminar de configurar a integração da maneira que desejar, clique em “Concluir e Salvar”.”

Em seguida, vá para Lógica Condicional, escolha a condição para a qual deseja configurar a integração condicional e defina o Efeito da Ação como “Somente ao Enviar o Formulário”.” 

Depois disso, role para baixo até ver a opção Integração em Ações Adicionais. Você também pode colocar mais de uma integração sob a mesma condição.

Essa integração condicional permite que você se concentre nos leads que mais importam, enquanto os demais são automaticamente organizados e cuidados.

Vantagens da Integração Condicional

• Automação que economiza tempo: Envie automaticamente dados de formulário para plataformas externas para que você não precise inseri-los manualmente.
• Fácil de integrar: Nenhum código é necessário para fazê-lo funcionar. Basta conectar seu formulário à plataforma que você deseja usar e decidir como os dados serão movidos.
• Melhor Gestão de Leads: Integrações com ferramentas como Google Sheets e Mailchimp facilitam o gerenciamento e a nutrição de leads, para que você tenha mais tempo para se dedicar a fazer seu negócio crescer.
• Melhor Fluxo de Trabalho: Automatize tarefas que você faz repetidamente, ative ações personalizadas e melhore a experiência geral dos usuários em seu site WordPress.

Conclusão: Transforme seus formulários WordPress com Lógica Condicional Avançada

Na minha experiência, as melhores formas são as que parecem uma conversa. Você deve sempre priorizar a clareza em primeiro lugar e os detalhes técnicos em segundo. O uso da lógica reduz a “carga mental” dos seus visitantes.

Ao construir um formulário de lógica condicional no WordPress durante a configuração, você não está apenas coletando dados. Você está oferecendo um serviço. De acordo com especialistas do setor, a experiência do usuário é um fator de alto ranking para sites modernos.

Seus formulários ficarão mais inteligentes e interessantes com a lógica condicional do Bit Form. Você poderá oferecer a cada usuário uma experiência única, o que aumentará a probabilidade de eles preencherem o formulário e os deixará mais satisfeitos.

Então, comece com o básico e adicione mais conforme você aprende sobre como o sistema funciona. Experimente, ouça o que os usuários têm a dizer e mude a lógica com base em quão bem ela funciona na vida real.

Perguntas Frequentes