Permitir Múltiplas Seleções para um Campo Dropdown

Gostaria de permitir que os seus utilizadores selecionassem várias opções num campo de Suspenso? Adicionar um suspenso de seleção múltipla aos seus formulários WordPress permite que os seus utilizadores selecionem muitas opções sem ter de usar um campo de Caixas de verificação.

Este tutorial irá mostrar-lhe como configurar um campo de Suspenso de seleção múltipla no WPForms.

Experimente esta Demonstração de Formulário!


Primeiros Passos

Antes de começarmos, precisará de criar um novo formulário ou editar um formulário existente.

Para o nosso exemplo, configuraremos um formulário de consulta de clubes desportivos. Para fazer isto, começaremos por abrir o construtor de formulários.

Em seguida, navegue até à secção Campos Padrão para encontrar o campo Suspenso. Simplesmente clique no campo para o adicionar ao formulário, ou arraste e solte-o na área de pré-visualização do seu formulário.

Adicionar um campo de lista suspensa no WPForms

Assim que o campo for adicionado, clique nele para abrir o seu painel de Opções de Campo.

Em seguida, alteraremos o Rótulo deste campo para Selecione Sobre Quais Clube(s) Gostaria de Saber Mais. Também adicionaremos 4 opções em Escolhas: Natação, Tiro com arco, Críquete e Dança.

Definição de Rótulo e Opções em Seleção Múltipla

Dentro das Opções de Campo, navegue até à secção Avançado e clique nela para abrir definições adicionais.

Em seguida, selecione a opção rotulada Seleção de Múltiplas Opções para a ativar.

Ativar Seleção de Opções Múltiplas

Opções de Personalização

Existem duas configurações de estilo diferentes disponíveis para o campo Suspenso: Clássico ou Moderno. Cada um formatará o estilo do suspenso de uma forma ligeiramente diferente. Pode alterar o estilo do seu campo Suspenso em Avançado » Estilo.

Opções de Estilo para Campo de Lista Suspensa

Estilo Clássico

O estilo Clássico listará todas as suas opções dentro de uma caixa. Quando mais de 4 opções forem adicionadas ao suspenso, a caixa incluirá uma barra de rolagem vertical.

Lista Suspensa Clássica de Seleção Múltipla

Nota: O estilo Clássico mostrará sempre pelo menos quatro linhas, mesmo que não haja dados nessas linhas.

Para selecionar várias opções, mantenha premida a tecla Control (ou Command no Mac) enquanto clica. Isto adicionará um efeito de destaque às escolhas que selecionou.

Lista Suspensa Clássica de Opções Selecionadas

Estilo Moderno

O estilo Moderno mostrará um suspenso padrão. Este suspenso permite-lhe percorrer uma lista de opções e selecionar as suas escolhas, ou digitar termos de pesquisa para encontrar as escolhas que deseja.

Lista Suspensa Moderna de Seleção Múltipla

Quando várias opções são selecionadas, cada opção será adicionada à barra de suspenso.

Lista Moderna de Opções Múltiplas

Configurar Lógica Condicional

Configurar lógica condicional com um suspenso de seleção múltipla permitirá mostrar ou ocultar campos se um utilizador selecionar mais de uma escolha no suspenso.

Por exemplo, no nosso formulário de consulta de clubes desportivos, mostraremos aos utilizadores uma mensagem se eles selecionarem Natação e Dança do suspenso. Na nossa mensagem, informá-los-emos que estes clubes se reúnem em horários conflitantes.

Para configurar isto, adicionaremos primeiro um campo HTML ao nosso formulário.

Adicionar-campo-HTML

Em seguida, na secção Código, podemos adicionar a nossa mensagem, “Atenção! Os clubes que escolheu reúnem-se em horários conflitantes.”

Mensagem-HTML

Depois disso, teremos de configurar a nossa lógica condicional para que o campo só apareça quando os utilizadores selecionarem Natação e Dança. Para fazer isto, clicaremos na secção Lógica Inteligente para a abrir e, em seguida, selecionaremos a opção Ativar lógica condicional.

Ativar lógica condicional

Em seguida, definiremos a lógica para ler: Mostrar este campo se Selecionar Em Que Clube(s) Gostaria de Saber Mais é Natação E Selecionar Em Que Clube(s) Gostaria de Saber Mais é Dança.

Regras de lógica condicional

Este campo permanecerá oculto, a menos que um utilizador selecione Natação e Dança no nosso campo de Lista Suspensa.

Listas Suspensas de Seleção Múltipla com Aviso HTML

Nota: Para mais detalhes sobre como usar o operador E, consulte o nosso guia sobre Lógica Condicional Inteligente.

É tudo! Agora pode configurar um campo de Lista Suspensa de seleção múltipla no seu WPForms.

Em seguida, gostaria de adicionar facilmente um grande número de opções para um campo de Lista Suspensa, Múltipla Escolha ou Caixas de Verificação? Consulte o nosso tutorial sobre como adicionar opções em massa para mais detalhes!

O Melhor Plugin Construtor de Formulários Drag and Drop para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.