Adicionar uma lista suspensa de países ao seu formulário é incrivelmente fácil. O único problema é que você precisa usar o plugin certo para tornar isso o mais simples possível.
Embora existam vários plug-ins do WordPress que permitem a criação de uma lista suspensa de países, eu realmente não encontrei uma solução tão fácil quanto a que vou compartilhar neste tutorial.
E a melhor parte? É grátis!
Criar formulário com lista suspensa de países 🌎
Como adicionar uma lista suspensa de países aos seus formulários do WordPress
Neste artigo
Vamos começar configurando o plug-in de que precisamos.
1. Instale o plug-in WPForms
A maneira mais rápida de adicionar uma lista suspensa de países em um formulário é usando o plug-in WPForms. Esse recurso está disponível em todos os níveis de licença do WPForms (incluindo o gratuito), portanto, você tem todas as opções disponíveis.
Para este tutorial, usarei o WPForms Pro, que também desbloqueia vários recursos úteis, inclusive temas de formulários criados profissionalmente.
Se você precisar de ajuda para instalar o plug-in, leia este guia fácil sobre a instalação do WPForms.
Depois de instalar o WPForms em seu site, primeiro você precisa criar um formulário no qual deseja adicionar a lista suspensa.
Para criar um formulário, basta clicar em WPForms " Add New na barra de menu lateral do painel do WordPress.
Isso o levará à tela de configuração do formulário WPForms. Aqui, você pode começar dando um nome ao seu formulário e selecionando um modelo.
Para manter a simplicidade, usarei apenas o modelo Simple Contact Form, mas você pode escolher qualquer um dos mais de 2.000 modelos de formulário do WordPress disponíveis para usuários Pro.
Nesse ponto, você estará dentro do construtor de formulários com o modelo selecionado carregado e pronto para ser implantado (ou personalizado ainda mais).
Como nosso objetivo é criar uma lista suspensa de países para esse formulário, precisaremos fazer algumas personalizações rápidas, como mostrarei na próxima etapa.
2. Adicionar uma lista suspensa de países
O WPForms facilita o trabalho de criar uma lista completa de todos os países do mundo graças à sua capacidade de lidar com dados em massa.
Vamos detalhar esse processo para que você possa acompanhá-lo facilmente.
Primeiro, você precisa adicionar o campo Dropdown ao seu formulário. Basta arrastar o campo do painel esquerdo e soltá-lo na área à direita para colocá-lo dentro do formulário.
Depois de adicionar o campo Dropdown, clique nele. Isso abrirá as opções de campo relacionadas a ele no painel esquerdo. Na caixa Label (Rótulo), procure o link Bulk Add (Adição em massa ) e clique nele.
Abaixo, clique em Show Presets (Mostrar predefinições ) para abrir uma lista de todas as predefinições do campo Dropdown no WPForms, projetadas para facilitar sua vida.
Clique em Países predefinidos para carregar a lista completa de países como opções para seu campo suspenso.
E, por fim, clique em Add New Choices (Adicionar novas opções ) para confirmar a lista de países.
Excelente! Temos uma lista suspensa de países quase pronta para ser usada. Agora, há mais três pequenos ajustes a serem feitos.
Primeiro, vamos nos livrar das três opções padrão chamadas Primeira opção, Segunda opção e Terceira opção. Um por um, clique no ícone de menos ao lado desses itens para excluí-los.
Você pode usar o mesmo método para remover qualquer país específico da lista, se desejar.
Em seguida, você deve alterar o rótulo do campo Dropdown. Vamos excluir o Dropdown e alterá-lo para Please select your country (Selecione seu país).
Em seguida, clique na guia Advanced (Avançado ) e escolha o estilo Moderno em vez do estilo Clássico.
O estilo Moderno permite que você pesquise um país na lista suspensa, o que é muito útil quando você tem uma longa lista de opções.
Se isso for tudo o que você precisa, você está pronto para publicar o formulário. Você pode pular para a etapa 4 para saber como fazer isso.
Se você quiser personalizar a lista, continue lendo.
3. Personalize os nomes dos países em seu menu suspenso
Agora que você adicionou todos os países ao seu menu suspenso, talvez queira personalizar a forma como eles são configurados.
Há duas coisas que você pode fazer para ajustar a lista:
Primeiro, vamos alterar a forma como o nome de um país é formatado. Por exemplo, talvez você queira alterar "United Kingdom of Great Britain and Northern Ireland" para "United Kingdom".
Basta editar a opção apropriada na lista para fazer isso:
Em segundo lugar, não se esqueça de que você pode arrastar as opções de resposta para cima e para baixo. Isso significa que você pode colocar as seleções mais comuns no topo da lista para que sejam mais fáceis de encontrar.
Para mover qualquer opção na lista, basta clicar e manter pressionado o ícone com três linhas e arrastá-lo. Como esperamos que a maioria dos nossos visitantes esteja na América do Norte, movemos o Canadá e os Estados Unidos para o topo.
Ótimo! Agora o menu suspenso de país terá a aparência exata que você deseja. Tudo o que precisamos fazer agora é publicá-lo.
Clique em Save (Salvar) antes de prosseguir.
4. Publique seu formulário
Agora que o menu suspenso está configurado, é hora de publicar o formulário. É muito fácil criar uma nova página diretamente no construtor de formulários.
Para usar o assistente de incorporação, primeiro clique em Incorporar na parte superior do construtor de formulários.
O assistente de incorporação permite que você publique o formulário em uma nova página ou incorpore o formulário em uma página existente. Vamos clicar em Criar nova página.
Depois disso, digite um nome para sua página e clique em Let's Go (Vamos lá).
Nesse ponto, você está pronto para publicar seu formulário. Antes de fazer isso, porém, há um truque fascinante que quero compartilhar.
Por padrão, todos os formulários do WordPress são simples, com um fundo branco e estilos padrão. Mas você pode fazer com que seu formulário se destaque adicionando um tema pronto.
Dentro do editor de blocos do WordPress, basta clicar no formulário incorporado para acessar as configurações adicionais.
No painel do lado direito, procure a seção Temas e experimente as diferentes opções de tema que vêm pré-carregadas com o WPForms Pro.
Também é possível alterar manualmente diferentes elementos do estilo do formulário com controles fáceis que também aparecem abaixo da seção de temas.
Quando estiver pronto, vá em frente e pressione Publicar.
Depois de publicado, fique à vontade para verificar seu formulário com a lista suspensa de países.
Se você selecionou o estilo Moderno para o menu suspenso, seus visitantes poderão simplesmente pesquisar um país digitando o nome.
Para listas realmente longas, como dropdowns de países, esses recursos extras são realmente úteis e tornam o dropdown de países muito mais fácil de usar.
E é isso! Agora você tem um menu suspenso de país em seu formulário do WordPress pronto para ser usado pelos visitantes.
Criar formulário com lista suspensa de países 🌎
Em seguida, obtenha a localização de seus visitantes automaticamente
Você sabia que o WPForms pode exibir automaticamente a localização de seus visitantes em um mapa?
- Você pode ativar a geolocalização em todos os seus formulários com um clique. Confira este guia sobre como rastrear a localização dos usuários com envios de formulários do WordPress para configurar isso.
- Também compilamos uma lista dos melhores plug-ins de geolocalização para WordPress.
Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui todos os Fancy Fields e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.
hy
Não vejo a opção bulk por quê?
Olá,
Navegue até o construtor de formulários > Adicione qualquer campo de opções (campo suspenso, de múltipla escolha e de caixa de seleção) > Em Opções de campo, você verá "Adicionar em massa". Consulte o screencast de referência.
Espero que isso ajude! 🙂
Olá,
Como adicionar código de lógica condicional no modelo de e-mail personalizado?
Por exemplo, tenho uma categoria arquivada que tem uma lista de 5 subcategorias, como adicioná-las ao modelo de e-mail.
Saudações,
Oi Noor - para conseguir o que você mencionou aqui, você pode configurar a opção Conditional Notifications (Notificações condicionais ).
Espero que isso ajude! 🙂
Como posso mostrar a caixa de pesquisa no menu suspenso se tivermos menos de oito opções?
Oi Ankit! Peço desculpas, mas não sei se entendi bem sua pergunta.
Parece que você está querendo ativar a barra de pesquisa para os campos suspensos, o que é feito mudando o estilo do campo suspenso para Moderno.
Você pode encontrar mais informações sobre isso neste artigo.
Espero que isso ajude a esclarecer 🙂 Se tiver mais alguma dúvida sobre isso, entre em contato conosco se tiver uma assinatura ativa. Caso contrário, não hesite em nos enviar algumas perguntas em nossos fóruns de suporte.
Oi Henry! Estou lhe perguntando sobre o campo suspenso. O campo de pesquisa aparece depois de adicionar um mínimo de 8 opções na lista suspensa, portanto, minha pergunta é como ele aparecerá se tivermos menos de 8 opções. Para maior esclarecimento, anexei abaixo uma captura de tela do wpforms.
https://prnt.sc/1ubkp8b
Oi Ankit! Obrigado por esclarecer o que você está querendo fazer. Infelizmente, não temos nenhuma opção incluída para forçar a barra de pesquisa do campo suspenso de estilo moderno quando menos de 8 opções estiverem disponíveis.
Isso deve ser possível com o código personalizado, mas peço desculpas, pois não podemos oferecer suporte para esse grau de personalização.
Caso deseje examinar as opções de desenvolvimento personalizado, recomendamos enfaticamente o uso do Codeable. O Codeable examina todos os desenvolvedores para garantir que sejam altamente qualificados e comunicativos, além de ajudar a orientar todo o processo de conexão e comunicação com o desenvolvedor mais adequado.
Aqui está nosso tutorial sobre o uso do Codeable, que fornece mais detalhes sobre como esse processo funciona.
Ou, se você quiser uma equipe à qual possa continuar recorrendo (a longo prazo) para obter ajuda no desenvolvimento personalizado, considere a possibilidade de conferir o WPBuffs.
Peço desculpas por não poder fornecer a solução que você está procurando, mas espero que essas informações tenham sido úteis.
Se tiver mais alguma dúvida sobre isso, entre em contato conosco se tiver uma assinatura ativa. Caso contrário, não hesite em nos enviar algumas perguntas em nossos fóruns de suporte.
Você pode ter um menu suspenso com a lista de países do mundo, geolocalização para selecionar automaticamente a opção correta no menu suspenso E, se esse país tiver estados, mostrar os estados desse país?
Por exemplo, se eu estiver localizado nos EUA, a lista suspensa preencherá automaticamente os EUA e mostrará todos os estados dos EUA para escolha. E se eu estiver na África do Sul, todas as províncias da África do Sul?
Oi, Liza,
No momento, não temos um recurso nativo para detectar o local e exibir o respectivo esquema de endereço americano/internacional. No entanto, concordo que isso seria muito útil. Anotei a solicitação do recurso e a manteremos em nosso radar enquanto planejamos nosso roteiro para o futuro.
Obrigado!
Olá,
Eu queria saber se isso foi integrado ao incrível wpforms, porque agora estou procurando por ele. Realmente preciso disso.
Agradecimentos
Hey Jude,
Essa solicitação ainda está em processo de revisão. Adicionei seu voto para considerar esse recurso como um aprimoramento.
Obrigado!
Estou tentando usar o dropdown do wpforms, mas o navegador está redefinindo o estilo.
Olá Obed, lamentamos o problema. Sempre que isso acontece, é possível que os estilos do tema sejam substituídos pelos campos suspensos. Isso pode ser facilmente corrigido usando CSS personalizado. No entanto, precisaríamos de mais detalhes sobre o assunto.
Nesse meio tempo, você pode tentar mudar o estilo do formulário para o Base e, se já estiver usando o Base, tente mudar para o Base e o estilo do formulário. Aqui está um ótimo guia que pode ajudá-lo com isso.
Caso não funcione, precisaremos de alguns detalhes adicionais para que sejamos informados sobre isso.
Se você tiver uma licença do WPForms, terá acesso ao nosso suporte por e-mail, portanto, envie um tíquete de suporte. Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado.
Reino Unido, Grã-Bretanha etc. não são países. Por que pouquíssimas listas suspensas incluem País de Gales, Inglaterra e Escócia?
Ei, Derek, lamento saber que você teve problemas com isso! Anotei esse seu feedback!
Enquanto isso, caso seja útil, você pode adicionar manualmente os países mencionados à lista após a adição em massa dos países.
Obrigado, e tenha um bom dia!
Quando seleciono uma opção no menu suspenso, esse rótulo de seleção é exibido abaixo do menu suspenso e também no menu suspenso.
A exibição do rótulo embaixo do menu suspenso pode ser removida? Isso parece desnecessário e não é um comportamento comum para menus suspensos.
Josh, isso parece ser um conflito de tema ou de plugin de estilo. Você poderia entrar em contato conosco com mais detalhes e o URL do formulário para que possamos ajudá-lo ainda mais nesse caso?
Obrigado 🙂
Olá! Será possível adicionar uma lista de países, mas a partir de uma lista externa?
Não são opções manuais...
Porque se tivermos mais formulários com listas de países e quisermos editar a lista, a alteração será exibida automaticamente em todos os formulários.
Obrigado!
Olá,
No momento, não temos um recurso embutido para realizar o que você mencionou. Podemos considerar esse recurso para aprimoramentos futuros. No entanto, atualmente, a única opção seria adicionar manualmente as opções em massa.
Olá! Como podemos adicionar apenas o país e usar a geolocalização automática? Obrigado pela ajuda
Olá, John,
Atualmente, não temos um campo específico de país que possa ser pré-preenchido com base no local detectado usando o complemento Geolocation. Adicionei seu voto para considerar isso como uma solicitação de recurso.
Obrigado!
Existe uma maneira de exibir o nome do país + ícone da bandeira?
Olá, Christian - No momento, não temos o recurso de adicionar ícones ao campo suspenso ao usar a predefinição Países. Concordo que esse seria um ótimo recurso, e vou adicioná-lo ao nosso rastreador de solicitações de recursos. Dito isso, se eu estiver deixando passar algo óbvio, sinta-se à vontade para entrar em contato enviando um tíquete de suporte.
Olá, minha pesquisa de país no menu suspenso está travada na exibição clássica, embora eu tenha selecionado moderna. O primeiro local parece estar correto, mas depois, mais abaixo, ele muda as configurações?
Suponho que seja um conflito de tema.
Você tem alguma ideia de como tornar os campos pesquisáveis?
Olá, Nathan - Quando tiver a oportunidade, envie-nos uma mensagem com mais detalhes sobre o problema no suporte para que possamos ajudar mais.
Se você tiver uma licença do WPForms, terá acesso ao nosso suporte por e-mail, portanto, envie um tíquete de suporte.
Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado 🙂