Resumo de IA
Gostaria de saltar as quebras de página no seu formulário quando a lógica condicional não é cumprida? Ao usar a lógica condicional com quebras de página, a página seguinte é apresentada mesmo que as condições não sejam satisfeitas, deixando os utilizadores com uma página vazia. Com um simples trecho de JavaScript, pode facilmente saltar essas páginas desnecessárias.
Neste tutorial, vamos mostrar-lhe como saltar páginas vazias com um simples trecho de JavaScript.
Criação do Formulário
Primeiro, terá de criar um novo formulário ou editar um existente para aceder ao construtor de formulários. Criámos um formulário de orçamento que tem várias quebras de página.
Na primeira página, estamos a recolher algumas informações básicas sobre os utilizadores. Adicionámos também um campo de Escolha Múltipla para lhes perguntar se gostariam de agendar um orçamento pessoal gratuito na altura.
Se selecionarem Sim, apresentaremos a segunda página e pediremos algumas informações pessoais. No entanto, se selecionarem Não, queremos saltar a segunda página inteiramente e ir diretamente para a página final do formulário.
Configurar Lógica Condicional
Para o nosso exemplo, só queremos mostrar os campos Data/Hora e Morada na segunda página se eles tiverem selecionado na primeira página que estão interessados em receber um orçamento pessoal gratuito. Isto poupará tempo aos nossos visitantes se não estiverem interessados, pelo que podemos saltar esta página inteiramente se não quiserem visitar.
Os dois campos na segunda página terão a mesma lógica definida. Para configurar a lógica, selecione cada campo e clique em Lógica Inteligente. Em seguida, ative o interruptor para Ativar Lógica Condicional.
A partir do menu suspenso, selecione a pergunta em que baseou os seus campos. Para este tutorial, a nossa pergunta foi um campo de Escolha Múltipla que pergunta Gostaria de agendar um orçamento pessoal gratuito?.
A nossa condição é que se a resposta à pergunta do campo de Escolha Múltipla for Sim, então mostre o campo. Se for Não, oculte o campo.
Cada campo na segunda página terá a mesma lógica, pelo que repetirá este passo para cada campo. Alternativamente, pode usar o campo de Layout para agrupar campos semelhantes e depois ativar a lógica condicional para o campo de Layout.
Adicionar o Trecho
Agora, terá de adicionar o trecho abaixo ao seu site. Se precisar de ajuda sobre como e onde adicionar trechos ao seu site, reveja este tutorial.
Este trecho percorrerá cada página do seu formulário para determinar se alguma está vazia. Se houver uma página vazia, o script saltará completamente essa página e passará para a próxima. Isto melhorará a experiência geral do seu formulário.
Perguntas Frequentes
Abaixo, respondemos a algumas das principais perguntas sobre a utilização da lógica condicional em formulários de várias páginas.
P: Este trecho funcionará numa janela modal como um popup do Elementor?
R: Não neste momento.
É isso! Aprendeu agora a como saltar páginas se estiverem ocultas no seu formulário devido a lógica condicional.
Gostaria de mostrar ou ocultar condicionalmente o botão Enviar num formulário com base num dos campos do seu formulário? Veja o nosso tutorial em Como Mostrar Condicionalmente o Botão Enviar.