Como configurar um campo suspenso de seleção múltipla no WordPress (o jeito fácil)

Você precisa adicionar um campo suspenso de seleção múltipla no WordPress? Os menus suspensos de seleção múltipla são uma ótima maneira de permitir que os usuários escolham mais de uma opção de uma lista.

Neste artigo, mostraremos uma maneira fácil e rápida de criar seu próprio menu suspenso de seleção múltipla. Você não precisa escrever nenhum código para criar o menu suspenso e adicioná-lo ao seu site.

Crie seu formulário WordPress agora

Como você seleciona várias opções em uma lista suspensa?

Usando WPForms, você pode definir qualquer lista suspensa como uma lista suspensa de seleção múltipla.

Quando o visitante clica em um item da lista, a lista suspensa permanece aberta para que ele possa fazer mais seleções.

Essa lista suspensa também permite pesquisar as opções. Portanto, é perfeito para listas longas, como uma lista suspensa de países.

Vamos mostrar a você a maneira fácil de fazer você mesmo uma lista suspensa de seleção múltipla.

Como configurar um campo suspenso de seleção múltipla no WordPress

Vamos dar uma olhada nas etapas que iremos trabalhar neste tutorial.

1. Instale o plug-in WPForms
2. Crie o seu formulário
3. Adicionar um campo suspenso de seleção múltipla ao seu formulário
4. Publique seu formulário em seu site

OK, vamos começar instalando o plugin que vamos usar.

Etapa 1: instalar o plug-in WPForms

WPForms é o melhor criador de formulários para WordPress. É muito fácil criar qualquer formulário para o seu site usando o construtor de arrastar e soltar.

Para começar a fazer seu formulário, você vai querer instalar e ativar o plugin WPForms no WordPress. Se precisar de ajuda com esta etapa, verifique este guia do iniciante para instalar um plug-in.

Tudo pronto? Vamos prosseguir e criar seu primeiro formulário.

Etapa 2: crie seu formulário

Agora vamos fazer um formulário básico e adicionar um menu suspenso a ele.

Neste exemplo, faremos um formulário voluntário com um selecionador de data e uma lista suspensa.

O WPForms tem um ótimo modelo de formulário de inscrição para voluntários. Mas, para este exemplo, vamos usar o formulário de contato simples como ponto de partida.

Para começar, abra o painel do WordPress e clique em WPForms »Adicionar novo .

Vá em frente e digite um nome para o seu formulário na parte superior. Em seguida, clique no modelo do Formulário de Contato Simples para abri-lo em seu navegador.

Agora que o modelo está aberto, você verá que já temos 3 campos:

• Nome
• O email
• Comentário ou mensagem

Vamos adicionar um campo de data para que o preenchedor do formulário possa escolher o dia em que gostaria de ajudar.

Primeiro, vá em frente e arraste um campo Data / Hora do lado esquerdo do criador de formulários para o lado direito. Em seguida, clique uma vez no campo Data / Hora para abrir as configurações.

Existem 2 configurações básicas que iremos personalizar aqui:

• Altere o texto do rótulo para se adequar ao seu formulário
• Use a lista suspensa para alterá-lo para um campo de data apenas.

Agora role para baixo até Opções avançadas e clique nele para expandir as configurações.

Queremos voluntários apenas nos dias de semana, então vamos clicar em Limitar dias para que os fins de semana fiquem esmaecidos. Para fazer isso, basta selecionar de segunda a sexta-feira:

OK, isso é feito, então podemos clicar em Salvar .

Vamos prosseguir para adicionar nosso menu suspenso de seleção múltipla.

Etapa 3: adicionar um campo suspenso de seleção múltipla ao seu formulário

Nesta etapa, vamos adicionar um campo suspenso e, em seguida, personalizá-lo para aceitar várias seleções.

Primeiro, vamos arrastar um menu suspenso para o formulário. Em seguida, clique no campo para que as configurações sejam abertas à esquerda.

Se desejar, você pode preencher automaticamente a lista suspensa de outras partes do WordPress, como suas postagens ou produtos. Você pode descobrir neste artigo como usar as opções de campo dinâmico.

Mas se você quiser codificar a lista, o WPForms torna isso mais fácil. Ele vem com algumas listas predefinidas úteis para campos suspensos. Para acelerar as coisas, vamos adicionar uma lista dos estados dos EUA usando uma das predefinições.

Primeiro, vá em frente e clique em Adicionar em massa nas configurações do campo suspenso.

Em seguida, clique em Mostrar predefinições para abrir todas as listas de predefinições disponíveis.

Agora vamos clicar em Estados para obter automaticamente uma lista dos estados dos EUA que podemos adicionar à lista suspensa de seleção múltipla.

Você verá a lista completa de estados preencher automaticamente a caixa Opções . Clique em Adicionar novas opções para adicioná-las como opções de resposta.

Você percebeu que o campo suspenso tem 3 respostas padrão? Não se esqueça de clicar no sinal de menos ao lado dessas opções padrão para removê-las.

Tudo bem, essas são todas as nossas opções de resposta configuradas no campo suspenso.

Tudo o que precisamos fazer agora é informar aos WPForms que queremos que este seja um campo de seleção múltipla.

Para fazer isso, vamos rolar para baixo no lado esquerdo e expandir Opções avançadas .

Vamos selecionar Seleção de Opções Múltiplas nesta seção.

Há outra mudança importante a ser feita logo abaixo.

Vamos mudar o estilo deste campo para um menu suspenso Moderno .

Você está se perguntando por que mudamos este campo para o estilo moderno?

Existem 3 razões pelas quais este campo funciona melhor para uma lista suspensa de seleção múltipla:

• O campo Estilo moderno exibe uma linha com uma seta para expandir a lista. Portanto, é mais compacto do que o estilo Clássico, que sempre exibe 4 linhas.
• O campo de estilo Moderno permite clicar em várias entradas sem manter nenhuma tecla pressionada no teclado. Com o campo Clássico , o visitante precisará segurar a tecla Control ou Command no teclado para selecionar mais de uma entrada por vez.
• E, como mencionamos no início, a lista suspensa de seleção múltipla do estilo moderno possui uma caixa de pesquisa, que torna mais fácil encontrar o item que você deseja rapidamente.

OK, então temos nosso menu suspenso configurado da maneira que queremos. Vamos salvar nosso progresso até agora clicando no botão Salvar na parte superior do construtor de formulários.

Agora podemos publicar o formulário. Esta é a etapa final e leva apenas alguns minutos.

Etapa 4: publique seu formulário em seu site

Agora que completamos o formulário, é hora de publicá-lo em seu site WordPress.

WPForms permite que você publique seus formulários em qualquer lugar que desejar. Você pode adicioná-los a:

• Postagens
• Páginas
• Barras Laterais
• O rodapé do WordPress.

Neste exemplo, vamos criar uma nova página para o formulário.

Para começar, clique em Incorporar na parte superior do construtor de formulários.

Agora, vamos clicar em Criar nova página .

Digite um nome para sua página e clique em Vamos lá .

O WordPress abrirá a nova página e mostrará uma prévia do seu formulário. Clique no botão azul Publicar ou Atualizar no canto superior direito.

Agora sua lista suspensa de seleção múltipla está ativa e pronta para uso.

E é isso! Você aprendeu como fazer uma lista suspensa de seleção múltipla facilmente no WordPress.

Crie seu formulário WordPress agora

Próxima etapa: dividir seu formulário em páginas

Se você está procurando maneiras de tornar seu formulário mais compacto, pense em dividi-lo em várias páginas. Isso pode tornar muito mais fácil trabalhar com formulários longos.

Para descobrir como adicionar quebras de página a um formulário, leia nosso guia para criar um formulário de várias etapas.

Pronto para construir seu formulário? Comece hoje mesmo com o plug-in mais fácil de criar formulários do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo ajudou você, siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.