Lógica de formulário comumente usada

Neste capítulo, exploraremos a lógica de formulário comumente usada, como Pergunta de Pulo, Pular Página, Pergunta de Ramificação, Definir Valor, Cálculos, e mais. Aprenda a criar formulários personalizados e flexíveis que atendam precisamente às suas necessidades.

Antes de começar

Antes de mergulhar na lógica de formulários, é importante entender como adicionar campos e acessar o painel para definir a lógica:

• Para adicionar campos, consulte a seção Adicionar campos ao formulário.
• Para acessar o painel de lógica, consulte a seção Definir lógica para seu formulário.

Pergunta de Pulo

Descrição	Cenário
Permite que seu formulário pule perguntas irrelevantes para os usuários.	Imagine que você está projetando um formulário de compra para clientes. Se os clientes tiverem um código de desconto, eles devem inseri-lo para validação. Sem um código, eles podem prosseguir diretamente para as próximas etapas.

Definir a lógica

Siga estas etapas para configurar a lógica do formulário:

1. Adicione os campos:
   

   • Adicione um campo de Escolha (#1 Você tem um código de desconto?) e defina-o como um campo de escolha única com as opções “Sim” e “Não”.
   • Adicione um campo de Texto (#2 Insira seu código de desconto).
     
     Note

     Para o campo #2, você pode selecionar um tipo de Entrada de Texto, como Número, e configurar a validação, como limitá-lo a menos de 8 dígitos, de acordo com suas necessidades.

2. Aplique a seguinte lógica aos campos:

• Defina a condição: Se #1 é igual a Sim
• Defina a ação: então Mostrar #2

Visualizar

Quando o usuário clica em “Sim”, o campo #2 aparece, e ele pode preencher o código de desconto.

Pular Página

Descrição	Cenário
Permite que seu formulário pule páginas irrelevantes para os usuários.	Imagine que você está criando um formulário de inscrição para um evento. Se o usuário selecionar “Palestrante”, ele será direcionado para uma página com perguntas específicas para palestrantes. Se escolher “Participante”, ele pulará para uma página diferente, adaptada para participantes.

Definir a lógica

Veja como você pode configurá-la:

1. Adicione um campo de Escolha (#1 Seu Papel) para capturar o papel do usuário e defina-o como um campo de escolha única com opções como “Palestrante” e “Participante”.
   

2. Adicione campos de Quebra e defina-os como quebra de página, para que você possa separar páginas para cada conjunto de perguntas específicas de papel, como “Informações do Palestrante” e “Detalhes do Participante”.
   

3. Aplique a seguinte lógica aos campos:

   

   • Defina a condição: Se #1 Seu Papel é igual a Palestrante.
   • Defina a ação: então pular para a página #2 Informações do Palestrante, ocultar #2 Informações do Participante.

4. Clique em Duplicar para copiar a lógica e depois ajuste-a para a lógica de pular página para “Participante”.

Visualizar

Quando o usuário seleciona “Palestrante” no campo “Meu Papel”, o formulário automaticamente pula para a Página 2 (Informações do Palestrante) para coletar detalhes relevantes. Da mesma forma, se o usuário selecionar “Participante”, o formulário pula para a Página 3 (Informações do Participante). Dessa forma, os usuários veem e completam apenas as páginas relevantes para seu papel, criando uma experiência de formulário mais eficiente e personalizada.

Pergunta de Ramificação

Descrição	Cenário
Garante que as perguntas feitas posteriormente sejam relevantes para as respostas anteriores.	Imagine que você está criando um formulário de inscrição para um evento. Se os participantes demonstrarem interesse em workshops (respondendo “sim”), o formulário perguntará sobre seus motivos. Caso contrário (respondendo “não”), o formulário avançará para perguntar por que não estão interessados.

Definir a lógica

Veja como você pode configurá-la:

1. Adicione os campos:
   

   • Adicione um campo de Escolha (#1 Você está interessado em participar do workshop?) e defina-o como um campo de escolha única com opções como “Sim” e “Não”.
   • Adicione um campo de Dropdown (#2 Por que você está interessado em participar do workshop?).
   • Adicione um campo de Dropdown (#3 Por que você não está interessado em participar do workshop?).
     
     Note

     Você pode configurar os campos de Dropdown para permitir múltiplas opções.

2. Aplique a seguinte lógica aos campos:

   

   • Defina a condição: Se #1 é igual a Sim.
   • Defina a ação: então habilitar #2, ocultar #3.

3. Clique em Duplicar para copiar a lógica e depois ajuste-a para a lógica de pergunta de ramificação para “Não”.

Visualizar

Quando o usuário seleciona “Sim”, o formulário habilita o #2 e oculta o #3. Da mesma forma, se o usuário selecionar “Não”, o formulário habilita o #2 e oculta o #3. Essa lógica adapta o formulário às respostas do usuário, tornando-o mais envolvente e eficiente.

Definir Valor

Descrição	Cenário
Permite atribuir valores aos campos do formulário com base em condições ou cálculos. Ele preenche automaticamente os campos sem necessidade de entrada do usuário.	Imagine que você está projetando um formulário de inscrição para um evento com desconto antecipado. Você pode usar a lógica de “definir valor” para calcular e atribuir automaticamente a taxa com desconto com base na data de inscrição. Se a data for antes de 01/10/2023, a taxa é de $100; caso contrário, é de $120.

Definir a lógica

Veja como você pode configurá-la:

1. Adicione os campos:
   

   • Adicione um campo de Texto (#1 Data de Inscrição) e defina o tipo de texto como Data.
   • Adicione um campo de Texto (#2 Taxa de Inscrição) e defina o tipo de texto como Número.
   Note

   Certifique-se de definir #2 Taxa de Inscrição como Desativado para impedir que os usuários editem o preço.

2. Aplique a seguinte lógica aos campos:

   

   • Defina a condição: Se #1 <= menor ou igual a 01/10/2023.
   • Defina a ação:
     • então definir valor #2 para 100.
     • caso contrário definir valor #2 para 120.

Visualizar

Quando o usuário seleciona uma “Data de Inscrição” antes do prazo do desconto antecipado (01/10/2023), a lógica de definir valor determinará e atribuirá automaticamente a “Taxa de Inscrição” para a taxa com desconto antecipado ($100); Caso contrário, atribuirá o valor da “Taxa de Inscrição” para a taxa regular ($120).

Limpar Valor

Descrição	Cenário
Permite apagar automaticamente o conteúdo de um campo com base em condições específicas.	Em um formulário de compras online, se um cliente inserir um código promocional, você pode limpar automaticamente quaisquer valores de desconto para evitar a aplicação de dois descontos diferentes.

Definir a lógica

Veja como você pode configurá-la:

1. Adicione os campos:
   

   • Um campo de Número (#1 Número) onde os clientes podem inserir uma compra.
   • Um campo de Número (#3 Valor do Desconto) onde mostra o valor do desconto (como 10% de desconto se mais de 10 peças).
   • Um campo de Texto (#2 Código Promocional) onde os clientes podem inserir um código promocional.

2. Aplique a seguinte lógica aos campos:

   

   • Defina a condição: Se #2 tem resposta.
   • Defina a ação: então limpar valor #3.

Visualizar

O campo de Valores de Desconto é automaticamente limpo quando o usuário insere o Código Promocional.

Cálculos

Descrição	Cenário
Capacita formulários a realizarem operações matemáticas com base em regras predefinidas.	Imagine que você está criando um formulário de pedido de padaria. Os clientes escolhem doces e quantidades. O formulário calcula automaticamente o custo total com base nas escolhas deles.

Definir a lógica

Veja como você pode configurá-la:

1. Crie os campos:
   

   • Adicione um campo de Escolha (#1 Tipo de Doce) e defina-o como um campo de escolha única com opções “Croissant ($2)”, “Muffin ($3)”, “Dinamarquês ($4)”.
   • Adicione um campo de Texto (#2 Quantidade) e defina o tipo de texto como Número.
   • Adicione um campo de Texto (#3 Custo Total) e defina o tipo de texto como Número (este campo será calculado).
     
     Note

     Certifique-se de definir #3 Custo Total como Desativado para que os usuários não possam editar o preço.

2. Aplique a seguinte lógica aos campos:

   

   • Defina a condição: Se #Tipo de Doce é igual a Croissant.
   • Defina a ação: então calcular 2 X #2 Quantidade definir para #3 Custo Total.

3. Clique em Duplicar para copiar a lógica e depois ajuste os parâmetros para o cálculo de “Muffin” e “Dinamarquês”.

Visualizar

Quando um usuário seleciona o tipo de doce e insere a quantidade, o campo “Custo Total” exibirá automaticamente o valor calculado com base no doce escolhido e na quantidade.