6 Maneiras de Usar Lógica Condicional em Formulários do WordPress (Principais Casos de Uso)

Você já criou um formulário detalhado no WordPress, apenas para ver suas taxas de conclusão caírem? Os visitantes dão uma olhada na longa lista de perguntas e saem do seu site sem terminar. É frustrante, especialmente quando você *precisa* dessas informações.

É aí que entra a lógica condicional. 💡

Ela ajuda a mostrar apenas perguntas relevantes com base em respostas anteriores, o que mantém os usuários engajados e melhora a qualidade dos seus dados.

Vimos em primeira mão como esse recurso pode impulsionar drasticamente o desempenho dos formulários. E neste guia, compartilharemos 6 das maneiras mais eficazes de usar a lógica condicional em formulários do WordPress. Dessa forma, você pode criar formulários mais inteligentes e personalizados que as pessoas realmente querem preencher.

O que é Lógica Condicional em Formulários e Por Que é Importante?

A lógica condicional é um recurso poderoso de criação de formulários que permite que campos apareçam ou desapareçam com base nas respostas do usuário. Em vez de sobrecarregar todos os visitantes com o mesmo conjunto de perguntas, você pode adaptar o formulário para mostrar apenas o que é relevante.

Isso cria uma experiência mais limpa e personalizada, tornando seus formulários WordPress mais fáceis de preencher.

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

Neste tipo de formulário, você não quer mostrar todas as perguntas de acompanhamento possíveis para todos os usuários. Em vez disso, você pode mostrar perguntas de acompanhamento com base em como eles responderam à classificação por estrelas.

Veja como a lógica condicional pode funcionar na prática:

Se um usuário der uma avaliação baixa (1-2 estrelas), você pode exibir campos de acompanhamento como "Por favor, descreva seu problema" ou "Como podemos melhorar?". Mas se eles derem uma avaliação alta (4-5 estrelas), você pode, em vez disso, perguntar: "O que você mais gostou?"

Quando os usuários veem apenas as perguntas que importam para eles, eles são mais propensos a permanecer engajados e concluir o formulário, o que é crucial, já que estudos mostram que mais de 77% dos compradores online abandonam formulários. Isso significa que você obtém mais envios e dados de melhor qualidade para trabalhar.

E com entradas mais limpas, você pode enviar acompanhamentos mais inteligentes, recomendações personalizadas ou e-mails direcionados. Tudo com base em como alguém interage com seus formulários.

Como Adicionar Lógica Condicional em Formulários WordPress

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

WPForms é o melhor e mais amigável construtor de formulários com ferramentas de IA e funcionalidade de arrastar e soltar. Ele tem mais de 2.100 modelos, que podem ajudá-lo a criar qualquer formulário em apenas alguns minutos.

Além disso, usamos o próprio WPForms no site WPBeginner. Confiamos nesta ferramenta para nosso formulário de contato, pesquisa anual de usuários, formulário de migração de site e muito mais. Para mais informações sobre nossa experiência com ele, veja nossa extensa avaliação do WPForms.

Enquanto isso, o plugin Formidable Forms é uma opção mais avançada. É ideal para criar formulários complexos, incluindo calculadoras e questionários. Você pode ler nossa avaliação do Formidable Forms para mais detalhes.

Portanto, antes de começarmos, você pode querer instalar esses plugins primeiro. Para mais detalhes, sinta-se à vontade para conferir nosso guia detalhado sobre como instalar um plugin WordPress.

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

Pronto? Vamos começar.

Caso de Uso 1: Solicitar Informações Adicionais em Formulários de Pesquisa

A lógica condicional faz com que sua pesquisa pareça uma conversa real.

Por exemplo, se um usuário ou cliente disser que sua loja não foi ótima, o formulário pode automaticamente fazer uma pergunta de acompanhamento como: “O que deu errado?” Isso ajuda você a obter feedback mais útil em vez de fazer as mesmas perguntas a todos.

Neste primeiro caso de uso, mostraremos como criar um formulário de pesquisa que parece uma conversa usando o WPForms AI.

Você pode começar com a versão gratuita do WPForms para construir um formulário básico. Mas note que, embora a lógica condicional e o construtor de IA estejam disponíveis no plano Basic, esta pesquisa requer o plano Pro porque os campos Likert Scale e NPS vêm do addon Surveys & Polls.

Passo 1: Crie um Formulário de Pesquisa Usando WPForms

Para começar a criar um formulário de pesquisa, você primeiro precisa navegar para WPForms » Adicionar Novo no seu painel do WordPress.

Isso o redirecionará para a página de Configuração do WPForms, onde você pode nomear seu formulário e selecionar como você o criará.

Agora, você verá várias opções de modelo na tela do construtor de formulários. Em vez de escolher uma, clique no botão ‘Gerar com IA’ para abrir o assistente de IA.

É aqui que você pode descrever exatamente o que deseja.

Seja específico — isso ajuda a IA a criar um resultado melhor. Por exemplo, você pode pedir para incluir campos interativos como uma Escala Likert ou um campo de Net Promoter Score (NPS) para tornar sua pesquisa mais profissional.

Para este exemplo, você pode inserir um prompt como:

Create a conversational customer survey for a coffee shop. Include a Likert Scale for atmosphere, a Net Promoter Score field, and a Paragraph Text field asking 'Please explain your low rating'.

Depois de enviar seu prompt, o WPForms AI gerará um rascunho do seu formulário. Ele escolherá os tipos de campo corretos automaticamente e configurará coisas como uma escala de classificação de 0 a 10 para perguntas de lealdade.

Depois disso, você verá uma prévia da sua pesquisa.

Se quiser ajustar alguma coisa, você pode continuar usando o chat para atualizá-lo. Por exemplo, você pode pedir para “adicionar uma caixa de seleção de opt-in para newsletter” ou “traduzir este formulário inteiro para o espanhol.”

Quando estiver satisfeito com o resultado, clique no botão ‘Usar este formulário’. Isso abrirá o construtor de arrastar e soltar padrão do WPForms.

Passo 2: Aplique Lógica Condicional em Seu Formulário

Assim que os campos do seu formulário estiverem prontos, é hora de aplicar a lógica condicional. Por exemplo, você pode usá-la para mostrar ou ocultar perguntas se um usuário enviar uma avaliação de estrela de 1 ou 2.

Para configurar isso, você precisará clicar no campo ‘Por favor, explique sua baixa avaliação’. Em seguida, abra a guia ‘Lógica Inteligente’ à esquerda e ative a opção ‘Ativar Lógica Condicional’.

Agora você pode criar uma regra para quando este campo deve aparecer. Por exemplo, você pode mostrar esta pergunta apenas se uma avaliação, como “Qualidade do Café”, for inferior a 3 estrelas.

Este pequeno ajuste faz com que sua pesquisa pareça mais relevante para cada visitante e evita mostrar perguntas desnecessárias.

Você pode repetir este processo para outros campos também. Isso ajuda você a construir uma pesquisa mais limpa e focada que coleta apenas o feedback mais útil.

Se todo o resto já parecer bom, você pode clicar em 'Salvar' para não perder seu progresso.

Para instruções passo a passo, você pode ver nosso guia sobre como criar pesquisas interativas do WordPress com IA.

Caso de Uso 2: Mostrar ou Ocultar Opções em Formulários de RSVP de Eventos

Em um formulário de RSVP, você pode usar lógica condicional para direcionar os usuários por caminhos diferentes com base em suas respostas.

Por exemplo, se um usuário responder ‘Sim’ à participação em seu evento, você pode perguntar se ele deseja trazer pessoas extras consigo. Se ele responder ‘Não’, então ele pode pular essas perguntas e seguir para a próxima seção relevante.

Isso mantém a pesquisa curta e objetiva para cada respondente, o que pode ajudar a melhorar suas taxas de conclusão de formulário.

Passo 1: Crie um Formulário de RSVP Usando WPForms

No WPForms, você pode rapidamente configurar um formulário de RSVP usando o modelo 'Formulário de Convite para Festa RSVP'. No seu painel do WordPress, vamos navegar para WPForms » Adicionar Novo.

Na página de Configuração, você pode nomear seu formulário com base no evento que deseja realizar. Aqui, usaremos o ‘Formulário de RSVP para Festa’ como exemplo.

Em seguida, você pode rolar a tela para localizar o modelo ‘Formulário de Convite para Festa RSVP’. Assim que encontrá-lo, basta passar o mouse sobre o modelo e clicar em ‘Usar Modelo’.

Na próxima tela, você verá o construtor de formulários de arrastar e soltar.

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.

Passo 2: Personalize o Formulário de RSVP com Lógica Condicional

Para começar a personalizar, você pode simplesmente clicar em um campo, por exemplo, ‘Caixas de seleção’.

O WPForms exibirá o painel de personalização no lado esquerdo. Aqui, você pode editar o rótulo, adicionar uma nova escolha e escrever uma descrição para o campo ‘Você vai comparecer?’.

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

Basicamente, você vai querer mostrar o campo ‘Quantos convidados adicionais você trará?’ apenas se um usuário selecionar ‘Sim’ em ‘Você vai comparecer?’.

Para mostrar ou ocultar o campo, a primeira coisa que você precisa fazer é clicar no campo ‘Quantos convidados adicionais você trará?’.

No lado esquerdo, você pode ir para a aba ‘Smart Logic’. Em seguida, basta ativar a opção ‘Enable Conditional Logic’.

Em seguida, você verá menus suspensos para configurar as definições:

• Mostrar ou Ocultar. Este menu suspenso permite que você mostre ou oculte o campo ‘Quantos convidados adicionais você está trazendo?’.
• Selecionar Campo. Neste menu suspenso, você escolherá um dos outros campos do formulário para definir o assunto da condição.
• É e outras opções. A configuração padrão para este menu suspenso é ‘é’. Mas você pode encontrar opções diferentes como ‘não é’, ‘vazio’, ‘contém’, ‘começa com’ e mais.
• Selecionar Escolha. Neste último, você escolherá uma opção do seu campo escolhido.

Agora, a configuração completa deve ser ‘Mostrar‘ este campo se ‘Você vai comparecer‘ ‘é‘ ‘Sim‘.

Quando terminar, lembre-se de clicar em ‘Salvar’ para salvar seu progresso.

E é isso! Você usou com sucesso a lógica condicional para mostrar ou ocultar um campo. Veja como o formulário pode ficar em seu site WordPress:

Para o guia completo, você pode acessar como criar um formulário de RSVP no WordPress.

Caso de Uso 3: Exibir Campos Diferentes em Formulários de Candidatura de Emprego

Se você estiver aceitando candidaturas de emprego, poderá usar a lógica condicional para exibir campos diferentes com base na posição para a qual o candidato está se candidatando.

Por exemplo, se um candidato selecionar a posição de ‘Desenvolvedor de Software’, você poderá exibir um campo adicional como ‘Conhecimento de Linguagens de Programação’.

E se eles escolherem ‘Designer Gráfico’, então o campo ‘Habilidades em Software de Design’ aparecerá em vez disso.

Passo 1: Crie um Formulário de Candidatura de Emprego Usando WPForms

Vamos acessar WPForms » Adicionar Novo no seu painel do WordPress e começar a criar um formulário de candidatura de emprego com lógica condicional.

Uma vez dentro da página ‘Configuração’, a primeira coisa a fazer é nomear seu formulário. Depois disso, você vai querer rolar para baixo para selecionar um modelo.

O WPForms tem muitos modelos de formulários de candidatura de emprego.

Neste exemplo, vamos usar o ‘Formulário de Upload de Candidatura de Emprego’. Assim que localizar o modelo, você vai querer passar o mouse sobre ele e clicar em ‘Usar Modelo’.

Assim que você chegar à interface do construtor do WPForms, você pode 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 esta seção para ver quais campos estão disponíveis no modelo.

Passo 2: Personalize Seu Formulário de Candidatura de Emprego para Vagas Disponíveis

Para um formulário de inscrição de emprego, você pode precisar adicionar um campo de lista suspensa para várias posições e campos de caixa de seleção para habilidades necessárias. Em seguida, você pode definir a lógica condicional com base na seleção do candidato no menu suspenso de posições disponíveis.

Para criar um campo 'Para qual posição você está se candidatando?', basta clicar em 'Lista Suspensa' no lado esquerdo.

Depois disso, você pode arrastar e soltar o novo campo de lista suspensa acima do campo 'Como você descobriu sobre esta posição?' para manter tudo organizado.

Em seguida, vamos clicar no campo de lista suspensa para editar seus detalhes. Isso abrirá a aba 'Opções de Campo'. Lá, você pode editar o seguinte:

• Rótulo. Isso é como um nome. Em vez de 'Lista Suspensa', você pode alterá-lo para 'Para qual posição você está se candidatando?'
• Opções. Neste campo, basta digitar as posições disponíveis. Por exemplo, vamos usar ‘Desenvolvedor de Software‘ e ‘Designer Gráfico’. Você pode inserir quantas quiser.
• Descrição. Se necessário, você pode fornecer uma breve descrição do campo. Em seguida, ele aparecerá logo abaixo do menu suspenso.
• Interruptor 'Obrigatório'. Você vai querer ativar o interruptor 'Obrigatório' para garantir que os candidatos não pulem esta etapa.

Depois de ter completado os detalhes, veja como pode ficar:

O próximo passo é preparar os campos de caixa de seleção para acompanhar a entrada do candidato para a vaga a que ele está se candidatando.

Vamos voltar para a aba ‘Campos’ e clicar em ‘Caixas de Seleção’. Em seguida, você vai querer fazer isso mais uma vez para ter dois campos de caixa de seleção.

Depois de adicionar os campos, você pode arrastá-los e soltá-los abaixo de ‘Para qual vaga você está se candidatando?’

Agora, você pode clicar nos campos de caixa de seleção para editar seus detalhes. No painel ‘Opções do Campo’, você pode editar o seguinte:

• Rótulo. Você pode alterá-lo para ‘Conhecimento em Linguagens de Programação’. Para a segunda caixa de seleção, você pode rotulá-la como ‘Habilidades em Software de Design’.
• Opções. As opções para a posição 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 incluir Figma, Photoshop, Adobe Illustrator, Procreate, GIMP, etc.
• Descrição. Para este campo, é uma boa ideia informar aos candidatos que eles podem escolher várias opções.
• Alternâncias. O painel de Opções de Campo das caixas de seleção tem vários interruptores. A alternância ‘Usar opções de imagem’ permite que você adicione imagens a cada opção disponível. E o campo de alternância ‘Usar opções de ícone’ permite que você use ícones para cada opção disponível. Em seguida, a alternância ‘Obrigatório’ garante que os candidatos preencham o campo.

Embora imagens e ícones sejam ótimos para apelo visual, vamos nos ater a opções de texto padrão para este tutorial. Após personalizar os detalhes dos campos, aqui está o visual final:

Passo 3: Aplique Lógica Condicional para Diferentes Vagas

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

Para começar, clique no campo ‘Conhecimento em Linguagens de Programação’. Em seguida, navegue até a aba ‘Lógica Inteligente’ para habilitar a lógica condicional.

Agora, basta ativar o interruptor ‘Habilitar Lógica Condicional’. Depois disso, você pode definir o campo para aparecer apenas quando os candidatos escolherem a posição de ‘Desenvolvedor de Software’.

Veja como a configuração completa deve ser: ‘Mostrar‘ este campo se ‘Qual posição você está se candidatando?’ ‘for‘ ‘Desenvolvedor de Software‘.

Em seguida, vamos repetir os passos mais uma vez para os candidatos que se candidatam à posição de designer gráfico.

Primeiro, clique no campo ‘Habilidades em Software de Design’. Em seguida, prossiga e habilite a lógica condicional na aba ‘Lógica Inteligente’.

Assim que fizer isso, você poderá configurar as definições.

A configuração completa para este campo deve ser: ‘Mostrar‘ este campo se ‘Qual cargo você está se candidatando?‘ ‘for‘ ‘Designer Gráfico‘.

Neste ponto, você pode prosseguir e clicar em ‘Salvar’.

Parabéns – Você criou com sucesso um formulário de candidatura de emprego com lógica condicional. Veja como ele pode ficar no seu site:

Para mais detalhes, consulte nosso guia sobre como criar um formulário de candidatura de emprego no WordPress.

Caso de Uso 4: Mensagens de Agradecimento Personalizadas

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

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 os próximos passos e um link para recursos de suporte.

Se eles selecionarem 'Consulta de Vendas', a mensagem pode incluir informações sobre seus produtos e um link para agendar uma consulta ou demonstração.

Passo 1: Crie um Formulário de Suporte Usando WPForms

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

Mas primeiro, vamos criar um formulário de suporte. Você pode fazer isso navegando para WPForms » Adicionar Novo.

Na próxima tela, você nomeará seu formulário. Este nome é apenas para sua referência, então você pode usar qualquer nome que desejar.

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.

Assim que você encontrar um modelo de formulário de pesquisa 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’.

Isso o redirecionará para a interface do construtor do WPForms.

Passo 2: Configure as Definições de Confirmação com Lógica Condicional

A partir daqui, você desejará ir para Configurações » Confirmações. Em seguida, você pode clicar em ‘Adicionar Nova Confirmação’.

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

Nesta janela pop-up, digite o nome da sua nova confirmação na caixa de texto. Aqui, estamos nomeando-a como ‘Confirmação de Consulta de Suporte Técnico’.

Em seguida, prossiga e clique em ‘OK’ para acessar a área de configurações.

No campo ‘Tipo de Confirmação’, você desejará escolher ‘Mensagem’.

Isso abrirá a caixa de texto, onde você pode escrever uma mensagem de confirmação personalizada quando os usuários enviarem uma consulta de suporte técnico. Aqui está um exemplo:

Quando terminar, é hora de configurar a lógica condicional.

Primeiro, você pode rolar a seção para encontrar o alternador ‘Ativar Lógica Condicional’. Você precisa ativá-lo.

Em seguida, você poderá configurar as configurações através dos menus suspensos:

• Usar ou Não Usar. Este campo permite que você especifique quando usar a mensagem de confirmação. Configuraremos isso como ‘Usar’.
• Selecionar Campo. No próximo menu suspenso, prossiga e escolha ‘Com o que podemos ajudá-lo hoje?’ para usar como assunto.
• É e outras opções. Aqui, você verá que a configuração padrão é ‘é’. Você desejará mantê-la assim.
• Selecionar Escolha. Finalmente, vamos selecionar a opção ‘Consulta de Suporte Técnico’, pois queremos usar esta mensagem de confirmação quando um usuário estiver solicitando ajuda técnica.

Após terminar a configuração, veja como pode ficar:

Quando tudo estiver pronto, basta clicar em 'Salvar' para manter seu progresso. Em seguida, você desejará repetir essas etapas para configurar uma mensagem de confirmação para usuários que enviam consultas de vendas em vez disso.

É isso – você aprendeu a usar a lógica condicional para personalizar mensagens de agradecimento.

Caso de Uso 5: Configurar Múltiplos Destinatários de Notificação

Este 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 múltiplos destinatários, você garante que cada lead seja direcionado para a equipe certa imediatamente.

Clientes e prospects apreciarão o tempo de resposta reduzido. Isso o ajudará a tornar o 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 sua equipe de suporte técnico e vendas.

Passo 1: Edite Seu Formulário de Suporte para Adicionar uma Notificação

Primeiro, você precisará navegar para WPForms » Todos os Formulários e clicar em ‘Editar’ em seu formulário de suporte técnico.

Em seguida, você pode começar a configurar as notificações navegando para Configurações » Notificações.

A partir daqui, clique em ‘Adicionar Nova Notificação’.

Uma janela pop-up aparecerá. Tudo o que você precisa fazer é nomear a nova notificação. Aqui, vamos nomeá-la ‘Nova Consulta de Suporte Técnico’.

Em seguida, basta clicar em ‘OK’ para passar para a próxima etapa.

Uma vez dentro, a primeira coisa que você vai querer fazer é digitar o endereço de e-mail correto para sua equipe de suporte técnico no campo ‘Enviar para o endereço de e-mail’.

Você pode excluir ou manter a tag inteligente {admin_email}. Se você a mantiver, certifique-se de separar os e-mails com uma vírgula (por exemplo: {admin_email}, suporte@seudominio.com).

Passo 2: Aplique Lógica Condicional à Nova Notificação

Em seguida, você pode rolar a seção para encontrar o controle deslizante ‘Ativar Lógica Condicional’.

Vá em frente e ative esse controle deslizante.

Abaixo do controle deslizante, você encontrará menus suspensos para configurar a lógica condicional:

• Enviar ou Não Enviar. Este menu suspenso permite que você escolha enviar ou não enviar notificações. Vamos escolher ‘Enviar’.
• Selecionar Campo. Neste campo, você vai querer escolher ‘Com o que podemos ajudar hoje?’. Isso definirá o assunto para os menus suspensos seguintes.
• É e outras opções. A configuração padrão é ‘é’, e vamos mantê-la.
• Selecionar Opções. Neste último campo, você vai querer selecionar a opção ‘Consulta de Suporte Técnico’.

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

Uma vez feito isso, não se esqueça de clicar em ‘Salvar’ para não perder seu progresso.

Em seguida, você vai querer repetir essas etapas, desde adicionar 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 destinatários de notificação apropriados.

Caso de Uso 6: Criar um Quiz Encadeado

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

Um quiz encadeado permite que você apresente perguntas aos usuários com base em suas respostas anteriores. Portanto, como o caminho de cada usuário através do quiz pode ser diferente, esta será uma experiência mais personalizada e interativa.

Por exemplo, um site de saúde e bem-estar poderia usar um questionário em cadeia para recomendar planos de fitness personalizados.

Você pode começar perguntando sobre o principal objetivo de fitness do usuário - como perda de peso, ganho de massa muscular ou saúde geral. Com base na resposta dele, faça perguntas mais relevantes, como seus hábitos de exercício ou dieta.

Usaremos o Formidable Forms para este caso de uso final. É um dos melhores plugins de lógica condicional para WordPress para criar questionários. Além disso, ele também permite criar um sistema de pontuação junto com o questionário.

Pré-requisito: Crie uma página de plano de fitness personalizado para envio de formulário

Antes de começarmos, observe que os usuários esperarão receber um plano de fitness personalizado após o envio do formulário. Redirecionar os usuários para uma página dedicada permite que você formate o plano de fitness lindamente com imagens ou vídeos.

Além disso, torna muito mais fácil rastrear seu formulário no Google Analytics.

Para fazer isso, vamos criar as páginas do plano de fitness. Você pode ir para Páginas » Adicionar Nova Página no seu painel do WordPress.

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

• ‘Perda de peso’ para a pergunta ‘Qual é o seu principal objetivo de fitness?’
• ‘3-4 vezes por semana’ para a pergunta ‘Quantos dias por semana você vai se exercitar?’
• ‘Academia’ para a pergunta ‘Você prefere se exercitar em casa ou na academia?’

Veja como fica nosso rascunho:

Assim que terminar, você pode clicar no botão 'Publicar' e, mais uma vez, no painel de confirmação.

Em seguida, você pode clicar no link 'Ver Página' quando a publicação for concluída.

Vá em frente e copie o URL da página (ou mantenha esta aba aberta para fácil acesso), precisaremos disso para um redirecionamento.

Passo 1: Instale e Ative o Plugin de Quiz

Para usar os recursos de quiz, você precisará primeiro comprar uma licença premium no site do Formidable Forms.

Em seguida, você pode instalar o plugin gratuito Formidable Forms em seu site WordPress. Para instruções detalhadas, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Com isso feito, vá para Formidable Forms » Configurações Globais e clique no botão ‘Conectar uma Conta’ para verificar sua licença.

Isso o redirecionará para uma nova página.

Nesta página, você pode ver o endereço de e-mail que usou para se inscrever no Formidable Forms. Se tudo estiver em ordem, prossiga e clique em ‘Conectar e Instalar Formidable Forms Pro’.

O botão mudará para ‘Aguarde…’. Simplesmente aguarde um momento para que o processo de conexão seja concluído.

Passo 2: Crie um Quiz Usando Formidable Forms

Assim que terminar, vamos navegar para Formidable Forms » Formulários » + Adicionar Novo.

O próximo passo é escolher um modelo.

No painel ‘Modelos de Formulário’, podemos ver que o Formidable Forms oferece mais de 300 modelos. Para encontrar um modelo de quiz 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 ‘Ver Demonstração’.

Clicar no botão ‘Usar Modelo’ o redirecionará para o construtor do Formidable Forms.

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

Podemos ver que existem perguntas pré-definidas neste modelo de formulário.

Para adicionar suas perguntas, você pode clicar em cada campo. Em seguida, basta ajustar o texto escrito no painel de personalização no lado esquerdo.

Para este guia, vamos criar um quiz de cadeia de saúde e bem-estar como exemplo.

Aqui, estamos mudando a primeira pergunta de ‘Qual destes não é como os outros?’ para ‘Qual é o seu principal objetivo de fitness?’

Em seguida, vamos marcar a caixa de seleção ‘Obrigatório’ para garantir que os usuários não pulem esta pergunta.

Se desejar, você pode alterar o estilo do botão de rádio. Estamos mantendo ‘Simples’, mas você pode usar imagens ou instalar o complemento ‘Botão’ para ter mais acesso a outros estilos de botão.

Agora, você vai querer rolar para baixo no painel de personalização e alterar as opções para esta 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, queremos garantir que mudamos isso também.

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

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

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

Você pode repetir o processo para adicionar suas perguntas. E aqui está como fica nossa pergunta adicional para a opção ‘Perda de peso’:

Para a opção ‘Ganho de massa muscular’, você pode querer perguntar sobre as preferências alimentares do usuário.

Como existem muitas opções de dieta, é mais fácil listar as mais comuns e incluir um campo ‘Outro’ para que os usuários possam digitar as suas.

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

Assim que fizer isso, um botão de rádio ‘Outro’ com uma caixa de texto simples será adicionado. Se você ainda não o fez, sinta-se à vontade para clicar no botão ‘-‘ para a opção ‘D’.

E aqui está como isso pode parecer:

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

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

Assim que o menu expandir, clique em ‘Excluir’.

Passo 3: Aplique Lógica Condicional ao Quiz

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

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

Depois disso, vamos rolar o painel de personalização e expandir o item de menu ‘Lógica Condicional’.

Na seção ‘Lógica Condicional’, você pode configurar vários menus suspensos.

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

• Mostrar ou ocultar este campo. É aqui que você pode mostrar ou ocultar o campo ‘Quantos dias por semana você vai se exercitar?’. Você pode mantê-lo como ‘Mostrar este campo’.
• Qualquer ou todos. Neste menu suspenso, você pode configurar se qualquer uma ou todas as condições devem ser atendidas. Vamos mantê-lo como ‘qualquer’.
• Selecionar campo. Aqui, você escolherá um dos outros campos do formulário para definir o assunto da condição. Vamos escolher ‘Qual é o seu objetivo principal?’
• Igual e outras opções. Por padrão, a configuração é ‘igual’. Você pode mantê-la como está.
• Selecionar opção. Neste último campo, você vai querer selecionar ‘Perda de peso’, pois deseja que esta pergunta apareça para usuários que escolhem a opção.

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

E aqui está como a configuração final pode parecer:

Em seguida, vamos definir a lógica condicional para o campo ‘Você prefere se exercitar em casa ou na academia?’. Para este guia, tentaremos mostrar a pergunta se os usuários selecionarem as outras opções do campo ‘Quantos dias por semana você vai se exercitar?’

Clique no campo ‘Você prefere se exercitar em casa ou na academia?’ para acessar as configurações de lógica condicional.

Uma vez nas configurações de lógica condicional, você vai querer definir duas condições:

• ‘Quantos dias por semana você vai se exercitar?’ ‘igual a’ ‘1-2 vezes por semana’
• ‘Quantos dias por semana você vai se exercitar?’ ‘igual a’ ‘3-4 vezes por semana’

Essas configurações permitem que você mantenha o campo ‘Você prefere se exercitar em casa ou na academia?’ oculto para usuários que selecionam 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 seus outros campos. Assim que terminar, clique no botão ‘Atualizar’.

Passo 4: Configure Redirecionamentos de Confirmação com Lógica Condicional

Agora, vamos mudar para a aba ‘Configurações’ e navegar até Ações e Notificações » Confirmação.

Na seção ‘Confirmação’, você vai querer alterar o tipo de confirmação para ‘Redirecionar para URL’.

Isso abrirá um campo de texto ‘URL de Redirecionamento’, então insira a URL absoluta do plano de fitness que você acabou de criar, garantindo que inclua a parte ‘https://’.

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

O próximo passo é adicionar lógica condicional para este redirecionamento.

Para fazer isso, você precisará clicar no link 'Lógica Condicional' e configurar as regras. Para adicionar mais condições, você pode clicar no botão '+' à direita dos campos suspensos.

Agora você pode clicar em 'Atualizar' para salvar suas alterações.

Passo 5: Incorpore o Quiz Encadeado no WordPress

Com isso feito, é hora de incorporar o formulário do quiz em seu site WordPress. Simplesmente clique no botão ‘Incorporar’ na parte superior do construtor de formulários.

Agora você verá um 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.

Agora, vamos mostrar como o formulário de quiz encadeado pode parecer em seu site.

Aqui está uma prévia de quando os usuários escolhem ‘Perda de peso’ para seu objetivo de fitness e ‘Uma vez por semana’ como seu plano de exercícios:

Da captura de tela acima, podemos ver que você ocultou com sucesso o campo ‘Você prefere se exercitar em casa ou na academia?’.

E o seguinte é como pode parecer se os usuários selecionarem ‘Perda de peso’ e ‘3-4 vezes por semana’.

Como podemos ver na captura de tela, a opção ‘Você prefere se exercitar em casa ou na academia’ aparece para usuários que escolhem ‘3-4 vezes por semana’.

Agora, vamos ver como os campos mudam quando os usuários escolhem a opção ‘Ganho de massa muscular’.

Agora é hora de ver seu quiz encadeado em ação.

Você pode fazer um envio de teste para garantir que seu redirecionamento condicional funcione perfeitamente. Em nosso site de teste, preenchemos o formulário usando as regras que definimos para o redirecionamento.

Depois de terminar de preencher seu quiz, clique no botão ‘Enviar’ como faria um participante do quiz.

Em seguida, você deverá ver a página correspondente do plano de fitness – veja como a nossa ficou:

Parabéns! Você aprendeu como criar um quiz encadeado com lógica condicional.

Dica Bônus: Rastreie e Reduza o Abandono de Formulários

O uso de lógica condicional pode tornar seus formulários mais inteligentes e envolventes, mas mesmo os melhores formulários não estão imunes a um problema comum: o abandono de formulários. Isso acontece quando alguém começa a preencher um formulário, mas sai sem enviá-lo.

É um problema para todos os tipos de formulários. Pode acontecer com um formulário de checkout do WooCommerce, um formulário de contato ou até mesmo um formulário de inscrição em newsletter. Às vezes, os formulários parecem muito longos, confusos ou simplesmente não valem o esforço. E quando isso acontece, as pessoas desistem.

O abandono de formulários é um grande problema porque os formulários são essenciais para o crescimento do seu site. Eles ajudam você a obter mais leads, aumentar as vendas e expandir seus negócios.

Além disso, eis o detalhe: estudos mostram que mais de 77% dos compradores online abandonam seus formulários de checkout. Isso é um monte de oportunidades perdidas.

Felizmente, a lógica condicional ajuda a reduzir significativamente esse abandono, ocultando campos desnecessários, tornando seus formulários mais curtos e muito menos intimidadores. Ao reduzir a sobrecarga cognitiva, você facilita para os clientes o preenchimento do formulário.

Para aproveitar ao máximo seus formulários, é importante ficar de olho nas taxas de abandono e descobrir onde as coisas podem ser melhoradas. Uma das melhores ferramentas para isso é o MonsterInsights, um plugin do Google Analytics que serve como a melhor solução de análise para WordPress.

Para detalhes, você pode conferir nosso guia sobre como rastrear e reduzir o abandono de formulários.

Perguntas Frequentes (FAQs) Sobre Lógica Condicional

Aqui estão algumas perguntas comuns que recebemos sobre o uso de lógica condicional em formulários do WordPress.

Quais são os melhores plugins de formulário do WordPress com lógica condicional?

WPForms e Formidable Forms são dois dos melhores plugins de formulário para adicionar lógica condicional. O WPForms é perfeito para iniciantes com seu construtor fácil de usar, enquanto o Formidable Forms se destaca na criação de formulários complexos e avançados.

Posso usar lógica condicional com um plugin de formulário gratuito?

A maioria dos plugins de formulário gratuitos oferece recursos de lógica condicional muito limitados ou nenhum. Para ter acesso total a essa poderosa ferramenta, você normalmente precisará de um plugin premium como o WPForms.

A lógica condicional realmente melhora as conversões de formulários?

Sim, isso pode fazer uma grande diferença. Ao mostrar apenas campos relevantes, você torna seus formulários mais curtos e menos intimidadores. Isso pode reduzir o abandono de formulários e encorajar mais pessoas a preenchê-los.

Quão complicado é configurar a lógica condicional?

É surpreendentemente simples com o plugin certo. Ferramentas modernas como o WPForms fornecem uma interface intuitiva onde você pode criar regras 'se-então' usando menus suspensos, sem necessidade de codificação.

Recursos Adicionais para Dominar Formulários do WordPress

Esperamos que este artigo tenha ajudado você a descobrir novas maneiras de usar a lógica condicional. Para melhorar ainda mais seus formulários, recomendamos conferir estes guias úteis:

• O Guia Definitivo para Usar Formulários no WordPress
• Melhores Plugins Construtores de Formulários do WordPress Comparados
• Como Mostrar um Formulário de Contato Flutuante no WordPress
• Como Rastrear e Reduzir o Abandono de Formulários no WordPress
• Formulário WordPress Não Funciona: Dicas de Solução de Problemas

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