Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

6 maneiras de usar a lógica condicional nos formulários do WordPress (principais casos de uso)

A lógica condicional permite que os formulários sejam alterados em tempo real com base nas respostas do usuário, tornando-os mais relevantes e envolventes.

Em nossa experiência, a lógica condicional pode ser excelente para tudo, desde pesquisas com usuários até formulários de confirmação de presença em eventos. Ela torna seus formulários mais dinâmicos e pode levar a mais conclusões e conversões de formulários.

Neste artigo, exploraremos as melhores maneiras de usar a lógica condicional em seus formulários do WordPress.

Ways to use conditional logic in-post image

O que é a lógica condicional em formulários e por que ela é importante?

A lógica condicional é um recurso avançado que permite que os campos do formulário sejam alterados com base nas respostas do usuário.

Assim, em vez de apresentar todos os campos possíveis a cada usuário, você pode mostrar ou ocultar campos com base em condições específicas. Isso torna seus formulários mais limpos e fáceis de navegar, pois garante que os usuários vejam apenas os campos relevantes.

Por exemplo, digamos que você tenha um formulário de pesquisa de satisfação do cliente em seu site WordPress.

Se os clientes classificarem sua satisfação como “Baixa” (1-2 estrelas), poderão ser exibidos campos adicionais para “Descreva seu problema” e “Como podemos melhorar?”. E se os clientes classificarem sua satisfação como “Alta” (4-5 estrelas), será exibido um campo para “Do que você mais gostou?

O resultado? Uma experiência de preenchimento de formulários mais fácil de usar em seu site WordPress.

Os formulários que se adaptam com base nas respostas mantêm os usuários interessados e os incentivam a concluir suas respostas. Assim, você pode obter taxas de envio mais altas.

Quando se trata de coleta de dados, a lógica condicional também garante que você colete dados de maior qualidade. Isso ocorre porque os usuários têm maior probabilidade de fornecer informações precisas quando as perguntas são altamente relevantes para suas respostas anteriores.

E com dados mais precisos dos campos condicionais, as ações de acompanhamento, como e-mails ou recomendações, podem ser direcionadas com mais precisão. Isso pode levar a taxas de conversão mais altas.

Como adicionar lógica condicional em formulários do WordPress

Nas seções a seguir, compartilharemos seis casos de uso de lógica condicional para aprimorar seus formulários do WordPress. Para demonstrar o processo, usaremos o WPForms e o Formidable Forms.

O WPForms é um criador de formulários fácil de usar para iniciantes, com funcionalidade de arrastar e soltar. Ele tem mais de 1900 modelos, que podem ajudá-lo a criar qualquer formulário em apenas alguns minutos. Para obter mais detalhes, consulte nossa análise do WPForms.

Enquanto isso, o Formidable Forms é uma opção mais avançada. É melhor para criar formulários complexos, inclusive calculadoras e questionários. Você pode ler nossa análise do Formidable Forms para obter mais detalhes.

Portanto, antes de começarmos, talvez você queira instalar esses plug-ins primeiro. Para obter mais detalhes, fique à vontade para conferir nosso guia detalhado sobre como instalar um plug-in do WordPress.

Observação: para usar a lógica condicional no WPForms e no Formidable Forms, você precisará das versões premium dos plug-ins. Mas você sempre pode começar com o WPForms Lite e fazer o upgrade quando necessário.

Aqui está uma rápida visão geral dos casos de uso que abordaremos neste artigo:

Pronto? Vamos começar.

Caso de uso 1: Solicitação de informações adicionais em formulários de pesquisa

A lógica condicional pode ajudá-lo a criar um formulário de questionário mais perspicaz.

Por exemplo, digamos que um usuário deixe um feedback negativo sobre a experiência de usuário do seu site. Talvez você queira saber mais sobre isso para poder trabalhar para melhorá-la.

Neste primeiro caso de uso, mostraremos como criar formulários de pesquisa com lógica condicional usando o WPForms e seu “Surveys and Polls Addon”.

Observação: você precisará de pelo menos o plano WPForms Pro para usar o complemento Surveys and Polls.

Para começar a criar um formulário de pesquisa, primeiro você precisa navegar até WPForms ” Add New (Adicionar novo ) no painel do WordPress.

The Add New button under WPForms in the WordPress admin area

Isso o redirecionará para a página “Setup” (Configuração) do WPForms. Aqui, você nomeará seu formulário e selecionará um modelo.

Depois de nomear seu formulário, é hora de encontrar o modelo “Survey Form”. Você também pode usar a caixa de pesquisa para filtrar os modelos.

Depois de encontrá-lo, basta passar o mouse sobre a opção de modelo “Survey Form” (Formulário de pesquisa) e clicar em “Use Template” (Usar modelo).

WPForms' Survey Form template

Depois de selecionar o modelo, você verá uma janela pop-up.

Lá, você verá uma mensagem informando que precisará do “Surveys and Polls Addon” para usar o modelo “Survey Form”.

Vá em frente e clique em “Instalar e ativar”.

Install and activate survey addons

Depois disso, você será redirecionado para o criador de formulários.

Na visualização ao vivo, você pode ver todos os campos pré-criados. Agora, vamos clicar no campo “How can we improve?” (Como podemos melhorar?).

Você deve ir até a guia “Smart Logic” (Lógica inteligente) nas configurações do campo. Aqui, você verá que o WPForms já ativou e configurou a lógica condicional para você.

How can we improve? conditional logic

As configurações de lógica condicional pré-configuradas dizem ao formulário para mostrar o campo “Como podemos melhorar?” somente se um usuário enviar uma classificação de 1 ou 2 estrelas para o campo “Sua experiência”. Você também pode alterar essas configurações brincando com elas.

Se tudo estiver certo, você pode clicar em “Salvar” para não perder o progresso.

E pronto! Você criou com sucesso um formulário de pesquisa com lógica condicional. Veja como ele pode se parecer:

Survey form on a live website

Caso de uso 2: mostrar ou ocultar opções em formulários de RSVP de eventos

Em um formulário RSVP, é possível usar a lógica condicional para direcionar os usuários por diferentes caminhos com base nas respostas.

Por exemplo, se um usuário responder “Sim” para participar do seu evento, você poderá perguntar se ele deseja levar mais pessoas com ele. Se ele responder “Não”, poderá pular essas perguntas e passar para a próxima seção relevante.

Isso mantém o questionário curto e agradável para cada respondente, o que pode ajudar a melhorar suas taxas de conclusão de formulário.

No WPForms, você pode configurar rapidamente um formulário RSVP usando o modelo “Party Invitation RSVP Form”. No painel do WordPress, navegue até WPForms ” Add New.

Você pode nomear seu formulário com base no evento que deseja realizar. Aqui, usaremos o “Formulário RSVP para festas” como exemplo.

Em seguida, role a tela para baixo para localizar o modelo “Party Invitation RSVP Form”. Depois de encontrá-lo, basta passar o mouse sobre o modelo e clicar em ‘Use Template’ (Usar modelo).

wpforms-partyinvitationrsvptemplate

Em seguida, você chegará à seção “Fields” (Campos).

Agora você está pronto para personalizar o formulário na interface do construtor de formulários de arrastar e soltar do WPForms. O lado esquerdo contém todas as configurações de personalização, e o lado direito mostra a visualização ao vivo do formulário.

WPForms' form builder for editing Party RSVP Form

Para começar a personalizar, basta clicar em um campo. Em seguida, o WPForms exibirá a guia “Geral” para editar o campo.

Por exemplo, você pode editar o rótulo, adicionar uma nova opção e escrever uma descrição para o campo “Will you be attending?

The Will you be attending? field

Agora, é hora de configurar a lógica condicional.

Basicamente, você deseja mostrar o campo “Quantos convidados adicionais você está trazendo?” somente se o usuário selecionar “Sim” em “Você estará presente?”.

Para mostrar ou ocultar o campo, a primeira coisa que você precisa fazer é clicar no campo “Quantos convidados adicionais você está trazendo?”.

No lado esquerdo, você pode ir até a guia “Smart Logic” (Lógica inteligente). Em seguida, basta ativar a opção “Enable Conditional Logic” (Ativar lógica condicional).

Enable conditional logic for How many guests are you bringing?

Em seguida, você verá menus suspensos para definir as configurações:

  • Show or Hide (Mostrar ou ocultar). Esse menu suspenso permite que você mostre ou oculte o campo “Quantos convidados adicionais você está trazendo?”.
  • Selecionar campo. Nesse menu suspenso, você escolherá um dos outros campos do formulário para definir o assunto da condição.
  • Is e outras opções. A configuração padrão para esse menu suspenso é “is”. Mas você pode encontrar diferentes opções, como “não é”, “vazio”, “contém”, “começa com” e outras.
  • Selecione a opção. Nesse último menu suspenso, você escolherá uma opção do campo escolhido.

Agora, a configuração completa deve ser“Show” (Mostrar) esse campo se“Will you be attending(Você estará presente)for“Yes(Sim).

Quando terminar, lembre-se de clicar em “Save” para salvar seu progresso. E pronto, você usou com sucesso a lógica condicional para mostrar ou ocultar um campo!

Veja a seguir a aparência do formulário:

The Party RSVP Form on the live website

Caso de uso 3: exibir campos diferentes em formulários de solicitação de emprego

Se estiver aceitando candidaturas a empregos, poderá usar a lógica condicional para exibir campos diferentes com base no cargo para o qual o candidato está se candidatando.

Por exemplo, se um candidato selecionar a posição “Desenvolvedor de software”, você poderá exibir um campo adicional, como “Conhecimento de linguagens de programação”.

E se eles escolherem “Designer gráfico”, o campo “Habilidades com software de design” será exibido.

Vamos acessar WPForms ” Add New no painel do WordPress e começar a criar um formulário de solicitação de emprego com lógica condicional.

Na página “Setup” (Configuração), a primeira coisa a fazer é nomear o formulário. Depois disso, role a tela para baixo para selecionar um modelo.

O WPForms tem vários modelos de formulários de solicitação de emprego.

Neste exemplo, usaremos o “Job Application Upload Form”. Depois de localizar o modelo, passe o mouse sobre ele e clique em “Use Template” (Usar modelo).

WPForms' Job Application Upload Form template

Quando chegar à interface do construtor do WPForms, você poderá começar a personalizar o modelo usando as ferramentas no painel esquerdo.

no painel direito, você tem a visualização ao vivo. Você pode explorar essa seção para ver quais campos estão disponíveis no modelo.

WPForms' builder interface for the Job Application Upload Form template

Você desejará adicionar um campo suspenso para as posições disponíveis e campos de caixa de seleção para as habilidades necessárias. Em seguida, podemos definir a lógica condicional com base na seleção do candidato no menu suspenso de posição disponível.

Para criar um campo “What position you are applying for” (Para qual cargo você está se candidatando), basta clicar em “Dropdown” (Menu suspenso) no lado esquerdo.

Em seguida, você pode arrastar e soltar o novo campo suspenso acima do campo “How did you find out about this position?” para manter tudo organizado.

A new dropdown field for the job application form

Em seguida, vamos clicar no campo suspenso para editar seus detalhes. Isso abrirá a guia “Field Options” (Opções de campo). Nela, você pode editar o seguinte:

  • Rótulo. Isso é como um nome. Em vez de “Dropdown”, você pode mudar para “What position are you applying for?” (Para qual cargo você está se candidatando?).
  • Opções. Nesse campo, basta digitar os cargos disponíveis. Por exemplo, vamos usar“Software Developer(Desenvolvedor de software) e “Graphic Designer” (Designer gráfico). Você pode digitar quantos cargos quiser.
  • Descrição. Se necessário, você pode fornecer uma breve descrição do campo. Em seguida, ela será exibida logo abaixo do menu suspenso.
  • Chave “Obrigatório”. Você deve ativar a opção “Obrigatório” para garantir que os candidatos não pulem esta etapa.

Depois que você tiver preenchido os detalhes, veja como ele pode se parecer:

Customized dropdown field

A próxima etapa é preparar campos de caixa de seleção para acompanhar a entrada do candidato para o cargo ao qual ele está se candidatando.

Voltemos à guia “Fields” (Campos) e clique em “Checkboxes” (Caixas de seleção). Em seguida, faça isso mais uma vez para que você tenha dois campos de caixa de seleção.

Depois de adicionar os campos, você pode movê-los para baixo de “What position are you applying for?”.

Checkboxes fields below the position applying for field

Agora, você pode clicar nos campos das caixas de seleção para editar seus detalhes. No painel “Field Options” (Opções de campo), você pode editar o seguinte:

  • Etiqueta. Você pode alterá-lo para “Conhecimento de linguagens de programação”. Para a segunda caixa de seleção, você pode rotulá-la como “Design Software Skills”.
  • Opções. As opções para o cargo de desenvolvedor de software podem ser C++, Python, JavaScript, GO, Ruby e assim por diante. As habilidades necessárias para o designer gráfico podem ser Figma, Photoshop, Adobe Illustrator, Procreate, GIMP, etc.
  • Descrição. Para esse campo, é uma boa ideia informar aos candidatos que eles podem escolher mais de uma opção.
  • Alternativas. O painel Field Options (Opções de campo) das caixas de seleção tem vários botões. O botão de alternância “Usar opções de imagem” permite adicionar imagens a cada opção disponível. E o campo “Usar opções de ícones” permite que você use ícones para cada opção disponível. Em seguida, o botão “Obrigatório” garante que os candidatos preencham o campo.

Depois de personalizar os detalhes dos campos, aqui está a aparência final:

Customized checkboxes fields

Agora, você deve estar pronto para definir a lógica condicional.

Para começar, você deve clicar no campo “Programming Languages Knowledge” (Conhecimento de linguagens de programação). Em seguida, basta navegar até a guia “Smart Logic” para ativar a lógica condicional.

Agora, basta ativar a opção “Enable Conditional Logic” (Ativar lógica condicional). Depois disso, você pode configurar o campo para ser exibido somente quando os candidatos escolherem a posição “Software Developer”.

Veja como deve ser a configuração completa:Mostrar esse campo se“What position are you applying for?”“is“Software Developer“.

Conditional logic for candidates applying for the software developer position

Em seguida, vamos repetir as etapas mais uma vez para os candidatos que estão concorrendo à vaga de designer gráfico.

Primeiro, você deve clicar no campo “Design Software Skills”. Em seguida, ative a lógica condicional na guia “Smart Logic”.

Depois de fazer isso, você poderá definir as configurações.

A configuração completa para esse campo deve ser:Mostrar esse campo se“What position are you applying for?“is“Graphic Designer“.

Design Software Skills conditional logic configured

Nesse momento, você pode clicar em “Salvar”.

Parabéns! Você criou com sucesso um formulário de solicitação de emprego com lógica condicional. Veja como ele pode ser exibido em seu site:

Job Application Form with conditional logic on a live website

Caso de uso 4: Mensagens de agradecimento personalizadas

A lógica condicional também permite o envio de diferentes mensagens de agradecimento com base na seleção do usuário no formulário do WordPress. Mensagens de agradecimento personalizadas podem fornecer informações valiosas e específicas ao usuário, o que pode melhorar o envolvimento.

Por exemplo, se um usuário selecionar “Consulta de suporte técnico” em um formulário de suporte, a mensagem de agradecimento poderá incluir informações sobre as próximas etapas e um link para os recursos de suporte.

Se eles selecionarem “Sales Inquiry” (Consulta de vendas), a mensagem poderá incluir informações sobre seus produtos e um link para agendar uma demonstração ou consulta.

no WPForms, você pode configurar diferentes mensagens de agradecimento na área de configuração de notificações.

Mas, primeiro, vamos criar um formulário de suporte. Você pode fazer isso navegando até WPForms ” Add New.

Na próxima tela, você dará um nome ao seu formulário. Esse nome é apenas para sua referência, portanto, você pode usar o nome que quiser.

Em seguida, role a tela para baixo para selecionar um modelo. Você pode usar a barra de pesquisa para encontrar o modelo de formulário de suporte mais rapidamente.

Depois de encontrar um modelo de formulário de questionário que deseja usar, basta passar o mouse sobre ele e clicar em ‘Usar modelo’. Em nosso exemplo, estamos usando o modelo “Formulário de suporte técnico”.

Support form template

Isso o redirecionará para a interface do construtor do WPForms. A partir daí, você deverá ir para Configurações ” Confirmações.

A partir daqui, clique em “Add New Confirmation” (Adicionar nova confirmação).

WPForms' Add New Confirmation button

Depois de clicar no botão, você verá uma janela pop-up.

Nessa janela pop-up, digite o novo nome da confirmação na caixa de texto. Aqui, estamos nomeando-a como “Confirmação de consulta de suporte técnico”.

Em seguida, clique em “OK” para acessar a área de configurações.

Naming the technical support inquiry confirmation

No campo “Confirmation Type” (Tipo de confirmação), você deve escolher “Message” (Mensagem).

Isso abrirá a caixa de texto, onde você poderá escrever uma mensagem de confirmação personalizada quando os usuários enviarem uma solicitação de suporte técnico.

Veja um exemplo:

The custom confirmation message for technical support inquiries

Uma vez feito isso, é hora de configurar a lógica condicional.

Primeiro, role a seção para baixo para encontrar o botão de alternância “Enable Conditional Logic” (Ativar lógica condicional). Você precisa ativá-lo.

Enabling conditional logic for technical support inquiry confirmation message

Em seguida, você poderá definir as configurações por meio dos menus suspensos:

  • Usar ou não usar. Esse campo permite que você especifique quando usar a mensagem de confirmação. Vamos configurá-lo como “Usar”.
  • Selecione o campo. No próximo menu suspenso, vá em frente e escolha “Em que podemos ajudá-lo hoje?” para usar como assunto.
  • Is e outras opções. Aqui, você verá que a configuração padrão é “is”. Você deve mantê-la assim.
  • Selecione a opção. Por fim, vamos selecionar a opção “Technical Support Inquiry”, pois queremos usar essa mensagem de confirmação quando um usuário estiver solicitando ajuda técnica.

Depois de concluir a configuração, veja como ela pode se parecer:

Conditional logic for the technical support inquiry's confirmation message

Quando tudo estiver pronto, basta clicar em “Salvar” para manter seu progresso. Em seguida, repita essas etapas para configurar uma mensagem de confirmação para os usuários que enviarem consultas de vendas.

Parabéns! Agora você aprendeu a usar a lógica condicional para personalizar mensagens de agradecimento.

Caso de uso 5: Configurar vários destinatários de notificação

Esse caso de uso funciona melhor se você tiver um formulário em sua página de destino ou um pop-up projetado para capturar leads.

Ao configurar seus vários destinatários, você garante que cada lead seja direcionado para a equipe certa imediatamente.

Os clientes e clientes potenciais apreciarão o tempo de resposta reduzido. Isso o ajudará a tornar seu processo de captura de leads de atendimento ao cliente mais eficiente e eficaz.

Usando o mesmo formulário de suporte do método anterior, vamos tentar criar uma notificação para o suporte técnico e a equipe de vendas.

Primeiro, você precisará navegar até WPForms ” All Forms e clicar em “Edit” (Editar) no formulário de suporte técnico.

The Edit button for a support form example

Em seguida, você pode começar a configurar as notificações navegando até Configurações ” Notificações.

A partir daí, clique em “Add New Notification” (Adicionar nova notificação).

The Add New Notifications on WPForms' notifications settings area

Uma janela pop-up será exibida. Tudo o que você precisa fazer é nomear a nova notificação. Aqui, nós a chamaremos de “New Technical Support Inquiry” (Nova consulta de suporte técnico).

Em seguida, basta clicar em “OK” para passar para a próxima etapa.

The pop-up window for naming a new notification

Uma vez lá dentro, a primeira coisa a fazer é digitar o endereço de e-mail correto da sua equipe de suporte técnico no campo “Send To Email Address” (Enviar para endereço de e-mail).

Você pode excluir ou manter a tag inteligente {admin_email}. Se quiser mantê-la, certifique-se de usar uma vírgula ao inserir o endereço de e-mail da equipe de suporte técnico.

Adding the technical support email address to the Send to Email Address field

Em seguida, role a seção para baixo para encontrar o botão de alternância “Enable Conditional Logic” (Ativar lógica condicional).

Vá em frente e ative o botão de alternância.

The enable conditional logic toggle on WPForms' notifications setting area

Abaixo da alternância, você deve encontrar menus suspensos para configurar a lógica condicional:

  • Enviar ou não enviar. Esse menu suspenso permite que você escolha enviar ou não enviar notificações. Vamos escolher “Enviar”.
  • Selecione o campo. Nesse campo, você deverá escolher “Em que podemos ajudá-lo hoje?”. Isso definirá o assunto para os menus suspensos a seguir.
  • Is e outras opções. A configuração padrão é “is”, e vamos mantê-la.
  • Selecionar opções. Nesse último campo, você deverá selecionar a opção “Technical Support Inquiry”.

Veja como a lógica condicional deve ficar após a configuração:

Setting up conditional logic for technical support notifications

Depois de fazer isso, não se esqueça de clicar em “Save” (Salvar) para não perder o progresso.

Em seguida, repita essas etapas, desde a adição de uma nova notificação até clicar em “Salvar” para criar notificações para a equipe de vendas.

E é isso! Você aprendeu a usar a lógica condicional para definir os destinatários de notificação apropriados.

Caso de uso 6: Criar um questionário encadeado

Uma das maneiras mais divertidas de usar a lógica condicional é criar questionários no WordPress com respostas e respostas encadeadas.

Um questionário encadeado permite que você apresente perguntas aos usuários com base em suas respostas anteriores. Portanto, como o caminho de cada usuário pelo questionário pode ser diferente, essa experiência será mais personalizada e interativa.

Por exemplo, um site de saúde e bem-estar poderia usar um questionário encadeado para recomendar planos de condicionamento físico personalizados.

A primeira pergunta pode ser sobre a principal meta de condicionamento físico do usuário, como perda de peso, ganho de massa muscular ou saúde em geral.

Dependendo da resposta do usuário, a próxima pergunta pode ser sobre seus hábitos atuais de exercício ou preferências alimentares, o que leva a recomendações mais específicas.

Usaremos o Formidable Forms para esse caso de uso final. Ele é um dos melhores plug-ins de lógica condicional do WordPress para a criação de questionários. Além disso, ele também permite que você crie um sistema de pontuação junto com o questionário.

Para começar, vamos instalar o plug-in gratuito Formidable Forms. Para obter instruções detalhadas, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você deverá acessar Formidable Forms Global Settings para atualizar para a versão pro. Em seguida, basta clicar no botão “Connect to account” (Conectar à conta).

Connect an account button on Formidable Forms' general settings

Isso o redirecionará para uma nova página.

Nessa página, você verá o endereço de e-mail que usou para se inscrever no Formidable Forms. Se tudo estiver em ordem, vá em frente e clique em “Connect and Install Formidable Forms Pro” (Conectar e instalar o Formidable Forms Pro).

Connecting a Formidable Forms pro account

O botão mudará para “Please wait…” e tudo o que você precisa fazer é aguardar a conclusão do processo.

Uma vez feito isso, vamos navegar até Formidable Forms ” Forms ” + Add New.

Formidable Forms' add new button

A próxima etapa é escolher um modelo.

No painel “Form Templates”, podemos ver que o Formidable Forms oferece mais de 300 modelos. Para encontrar um modelo de questionário mais rapidamente, você pode digitar “quiz” na barra de pesquisa.

Em seguida, basta passar o mouse sobre o modelo “Quiz” e clicar em “Usar modelo”. Você também pode visualizar o modelo primeiro clicando no botão “View Demo”.

Formidable Forms' use template button

Ao clicar no botão “Use Template”, você será redirecionado para o construtor de formulários Formidable Forms.

Você pode acessar todas as ferramentas de personalização no lado esquerdo. O lado direito é onde você tem a visualização ao vivo do formulário.

Formidable Forms form builder interface

Podemos ver que há perguntas predefinidas nesse modelo de formulário.

Para adicionar suas perguntas, você pode clicar em cada campo. Em seguida, basta ajustar a cópia escrita no painel de personalização no lado esquerdo.

Para este guia, vamos criar um questionário encadeado de saúde e bem-estar como exemplo.

Aqui, estamos mudando a primeira pergunta de “Qual dessas opções não é como as outras?” para “Qual é a sua principal meta de condicionamento físico?

Em seguida, vamos marcar a caixa de seleção “Required” (Obrigatório) para garantir que os usuários não pulem essa pergunta.

Formidable Form field label edited and required checkbox ticked

Se desejar, você pode alterar o estilo do botão de rádio. Estamos usando o “Simple”, mas você pode usar imagens ou instalar o complemento “Button” para ter mais acesso a outros estilos de botão.

Agora, você deve rolar o painel de personalização para baixo e alterar as opções dessa pergunta.

Estamos ajustando as opções para “Perda de peso”, “Ganho de massa muscular” e “Saúde geral”. Por padrão, o modelo de formulário tem quatro opções. Portanto, devemos nos certificar de que isso também seja alterado.

Para remover uma opção, basta clicar no botão “-” à direita do campo da opção.

The button to remove an option field in Formidable Forms builder

Depois de clicar no botão “-“, você verá na visualização ao vivo que o Formidable Forms removeu a opção.

Em seguida, você deverá criar perguntas relacionadas para cada opção. Isso ocorre porque vamos configurar a lógica condicional para quando os usuários escolherem uma das três opções.

Você pode repetir o processo para adicionar suas perguntas. E aqui está a aparência de nossa pergunta adicional para a opção “Perda de peso”:

Questions to set up conditional logic

Para a opção “Muscle gain” (Ganho de massa muscular), talvez seja interessante perguntar sobre as preferências alimentares do usuário.

Como há dezenas de opções de preferências alimentares, você pode adicionar algumas das mais populares e adicionar um campo “Outros” no qual os usuários possam digitar suas preferências.

Tudo o que você precisa fazer é clicar em “Adicionar outro” no final da seção de opções.

Add Other button in Formidable Forms

Depois de fazer isso, um botão de opção “Other” (Outro) com uma caixa de texto simples será adicionado. Se ainda não tiver feito isso, clique no botão “-” para a opção “D”.

E aqui está o que isso pode parecer:

Field with an Add Other option

Se houver mais campos do que o necessário, você poderá excluir o restante.

Para fazer isso, primeiro você precisa clicar no campo. Em seguida, clique no botão de três pontos no canto superior direito.

Quando o menu se expandir, basta clicar em “Excluir”.

Formidable Forms' delete  field button

Agora, é hora de configurar a lógica condicional.

Primeiro, você deve passar pela segunda pergunta sobre a frequência com que os usuários estão dispostos a se exercitar em uma semana. Clique no campo.

Depois disso, vamos rolar o painel de personalização para baixo e expandir o item de menu “Conditional Logic” (Lógica condicional).

The conditional logic menu item in Formidable Forms builder

Na seção “Conditional Logic” (Lógica condicional), é possível configurar vários menus suspensos.

Você desejará mostrar o campo “Quantos dias por semana você se exercitará?” se os usuários escolherem a opção “Perda de peso”. Aqui estão as configurações de que você precisará:

  • Mostrar ou ocultar esse campo. É aqui que você pode mostrar ou ocultar o campo “How many days a week will you exercise?” (Quantos dias por semana você se exercita?). Você pode mantê-lo como “Mostrar este campo”.
  • Qualquer ou todas. Nesse menu suspenso, você pode configurar se uma ou todas as condições devem ser atendidas. Vamos mantê-la como “qualquer”.
  • Selecione o campo. Aqui, você escolherá um dos outros campos do formulário para definir o assunto da condição. Vamos escolher “Qual é seu objetivo principal?”.
  • Iguais e outras opções. Por padrão, a configuração é “igual”. Você pode mantê-la como está.
  • Selecione a opção. Nesse último campo, selecione “Weight loss” (Perda de peso), pois você deseja que essa pergunta apareça para os usuários que escolherem essa opção.

Se quiser definir apenas uma condição, você pode clicar no botão “-” ou deixá-la como está.

E aqui está a aparência da configuração final:

Conditional logic configured in Formidable Forms

Em seguida, vamos definir a lógica condicional para o campo “Você prefere fazer exercícios em casa ou na academia?”. Para este guia, tentaremos mostrar a pergunta se os usuários selecionarem as outras opções do campo “How many days a week will you exercise?” (Quantos dias por semana você se exercita?).

Clique no campo “Do you prefer home or gym exercise?” (Você prefere exercícios em casa ou na academia?) para acessar as configurações de lógica condicional.

Quando estiver nas configurações da lógica condicional, você deverá definir duas condições:

  • “Quantos dias por semana você se exercita?” “Igual” “1-2 vezes por semana
  • “Quantos dias por semana você se exercita?” “Igual” “3-4 vezes por semana
Conditional logic for the exercise field

Essas configurações permitem manter oculto o campo “Você prefere exercícios em casa ou na academia?” para os usuários que selecionarem a opção “Uma vez por semana”. Para esses usuários, podemos recomendar o exercício em casa imediatamente.

Você pode repetir esses processos para todos os outros campos. Depois de fazer isso, clique no botão “Update” (Atualizar).

Agora você pode incorporar o formulário de questionário em seu site WordPress. Basta clicar no botão “Incorporar” na parte superior do construtor de formulários.

Formidable Forms' embed button

Agora você verá uma janela pop-up com diferentes opções de incorporação.

Por exemplo, você pode selecionar uma página existente, criar uma nova página ou inserir o formulário manualmente com um shortcode.

Select existing page option for embedding a Formidable Forms' contact form

Agora, mostraremos como o formulário de questionário encadeado pode ser exibido em seu site.

Aqui está uma prévia de quando os usuários escolhem “Perda de peso” como meta de condicionamento físico e “Uma vez por semana” como plano de exercícios:

Chained quiz when users choose weight loss and once a week

Na captura de tela acima, podemos ver que você ocultou com êxito o campo “Do you prefer home or gym exercise?” (Você prefere exercícios em casa ou na academia?).

E o seguinte é o que pode parecer se os usuários selecionarem “Perda de peso” e “3-4 vezes por semana”.

Chained quiz when users choose weight loss and once a week

Como podemos ver na captura de tela, a opção “Do you prefer home or gym exercise” (Você prefere exercícios em casa ou na academia) aparece para os usuários que escolhem “3-4 times a week” (3-4 vezes por semana).

Agora, vamos ver como os campos mudam quando os usuários escolhem a opção “Muscle gain” (Ganho muscular).

Chained quiz when users choose muscle gain and other

Parabéns! Agora você aprendeu a criar um questionário encadeado com lógica condicional.

Redirecionar os usuários para a página de plano de condicionamento físico personalizado após o envio do formulário

Agora, os usuários esperam receber o plano de condicionamento físico personalizado depois de enviar o formulário. A maneira mais fácil de fazer isso é redirecionar os usuários para a respectiva página do plano de condicionamento físico personalizado.

Primeiro, vamos criar as páginas do plano de condicionamento físico. Você pode ir para Pages ” Add New Page (Páginas ” Adicionar nova página ) no painel do WordPress.

Clicking Add New Page in WordPress admin area

No editor de conteúdo, você pode começar a criar o plano de condicionamento físico personalizado para todas as combinações possíveis do seu formulário de lógica condicional. Neste tutorial, mostraremos como redirecionar os usuários que escolherem:

  • “Perda de peso” para a pergunta “Qual é a sua principal meta de condicionamento físico?
  • “3-4 vezes por semana” para a pergunta “Quantos dias por semana você se exercita?”.
  • “Academia” para a pergunta “Você prefere fazer exercícios em casa ou na academia?

Veja como é o nosso rascunho:

Drafting a fitness plan

Quando terminar, você pode clicar no botão “Publicar” e, mais uma vez, no painel de confirmação.

Em seguida, você pode clicar no link “Exibir página” quando a publicação estiver concluída. Observe que você deve manter isso em uma nova guia, pois precisará do URL da página posteriormente.

Publishing a fitness plan page

Agora, vamos voltar ao formulário de plano de condicionamento físico do Formidable Forms.

Você pode navegar até Formidable Forms ” Forms. Em seguida, passe o mouse sobre o formulário do plano de condicionamento físico que acabou de criar e clique em “Editar”.

Edit button in Formidable Forms

Uma vez no construtor de formulários, você pode alternar para a guia “Settings” (Configurações).

Em seguida, navegue até Actions & Notifications ” Confirmation (Ações e notificações ” Confirmação).

Confirmation section in Formidable Forms' settings

Na seção “Confirmation” (Confirmação), altere o tipo de confirmação para “Redirect to URL” (Redirecionar para URL).

Isso abrirá um campo de texto “Redirect URL” (URL de redirecionamento), então vá em frente e insira o link da página para o plano de condicionamento físico que você acabou de criar.

Há também uma configuração de ação para abrir a página em uma nova guia. Você pode alternar o interruptor para ativar a configuração, mas nós a manteremos inativa.

Adding URL to redirect users

A próxima etapa é adicionar lógica condicional para esse redirecionamento.

Para fazer isso, você precisará clicar no link “Conditional Logic” (Lógica condicional) e configurar as regras. Para adicionar mais condições, você pode clicar no botão “+” à direita dos campos suspensos,

Setting redirect conditional logic

Agora você pode clicar em “Update” (Atualizar) para salvar suas alterações.

Agora, talvez você queira fazer um envio de teste para ver se a lógica condicional funciona. Em nosso site de teste, tentamos preencher o formulário usando as regras que definimos para esse redirecionamento.

Making a test submission

E aí está!

Fomos redirecionados com sucesso para a respectiva página:

Redirect users to the recommended fitness plan page

Esperamos que este artigo tenha lhe mostrado alguns casos de uso de lógica condicional para formulários do WordPress. Em seguida, talvez você queira dar uma olhada em nossas dicas para criar formulários mais interativos e como personalizar seus formulários no WordPress.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

1 comentárioDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.