Lista suspensa de países

Como adicionar uma lista suspensa de países ao WPForms (com um clique!)

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.

Os seletores de país são essenciais para informações de remessa, dados de pesquisas e registros de usuários. Eles dão aos seus formulários uma aparência refinada e melhoram a experiência do usuário.

Embora existam vários plug-ins do WordPress que permitem criar uma lista suspensa de países, eu realmente não encontrei uma solução tão fácil quanto o WPForms. E a melhor parte? Ele é gratuito!

Neste guia, mostrarei exatamente como configuro os dropdowns de país no WPForms, além de compartilhar algumas dicas privilegiadas que a maioria das pessoas não percebe. 

Criar formulário com lista suspensa de países 🌎

Como adicionar uma lista suspensa de países aos seus formulários do WordPress

Alguns sites ainda usam campos de texto longos em que as pessoas precisam digitar "Estados Unidos" ou "Reino Unido", o que cria inconsistências de dados e atrito com o usuário.

Outros usam listas suspensas desatualizadas, sem os países mais novos ou usando nomes de países antigos. Um menu suspenso de países bem projetado faz três coisas importantes:

  • Padroniza sua coleta de dados (não há mais entradas "USA" vs "United States" vs "America").
  • Melhora as taxas de preenchimento de formulários porque os usuários podem encontrar rapidamente seu país.
  • Demonstra profissionalismo que gera confiança em seu público.

É aqui que o WPForms é útil. Nosso menu suspenso de países é atualizado automaticamente, carrega rapidamente e funciona perfeitamente em dispositivos móveis. Vou lhe mostrar exatamente como configurá-lo.

Etapa 1: instalar 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.

Página inicial do WPForms

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 do WPForms.

wpforms adicionar novo formulário

Aqui, você pode começar dando um nome ao seu formulário e selecionando um modelo. Para manter a simplicidade, vou usar 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.

Usar modelo

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.

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.

Lista suspensa de países

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.

Campo suspenso

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.

Adicionar em massa

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.

Mostrar predefinições

Clique em Países predefinidos para carregar a lista completa de países como opções para seu campo suspenso.

Predefinição de país

E, por fim, clique em Add New Choices (Adicionar novas opções ) para confirmar a lista de países.

Adicionar novas opções

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.

Remover opções

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).

Rótulo do campo suspenso

Em seguida, clique na guia Advanced (Avançado ) e escolha o estilo Moderno em vez do estilo Clássico.

Estilo de campo moderno para o menu suspenso

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.

Etapa 3: Personalize os nomes dos países em seu menu suspenso

Agora que você adicionou o menu suspenso de países ao seu formulário, vamos fazer com que ele funcione melhor para seu público específico. O WPForms lhe dá controle total sobre quais países aparecem e como eles são organizados.

Clique no campo suspenso de seu país para abrir as opções de campo à esquerda. Você verá uma lista de todos os países na seção Choices (Opções ). É aqui que a verdadeira mágica da personalização acontece.

Edição de nomes de países

Primeiro, talvez você queira limpar alguns dos nomes de países mais longos para melhorar a experiência do usuário. Por exemplo, a lista padrão mostra "Reino Unido da Grã-Bretanha e Irlanda do Norte".

Embora isso seja tecnicamente correto, é desnecessariamente longo. Basta clicar nessa opção e editá-la para simplesmente "United Kingdom" ou até mesmo "UK", se você preferir.

Renomear o país

Faço isso regularmente com países como "Estados Unidos da América" (altere para "Estados Unidos"), "Federação Russa" (altere para "Rússia") ou "República Democrática do Congo" (altere para "Congo (DRC)").

Reordenação de países por prioridade

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 Salvar antes de prosseguir.

Etapa 4: publique seu formulário em segundos

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.

Incorporar formulário do WordPress

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.

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.

Vamos lá

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.

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.

Selecione um tema de formulário

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 Publish (Publicar).

Publicar formulário

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.

Estilo dropdown moderno

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.

Perguntas frequentes sobre como adicionar uma lista suspensa de países ao WPForms

Aprender a adicionar uma lista suspensa de países ao WPForms é um tópico de interesse popular entre nossos leitores. Aqui estão as respostas para algumas dúvidas comuns sobre o assunto:

Como faço para adicionar uma lista de países no Google Forms?

O Google Forms não tem um menu suspenso de países incorporado, como o WPForms tem. Você precisaria criar manualmente uma pergunta de múltipla escolha e digitar o nome de cada país - todos os 195.

Então, você teria que manter essa lista sempre que os países mudassem. O WPForms poupa horas de trabalho com seu menu suspenso automático de países que permanece atualizado sem nenhum esforço de sua parte.

Posso usar um menu suspenso de país com o Contact Form 7?

O Contact Form 7 não inclui um campo suspenso de país nativo. Você precisaria instalar um plug-in separado ou codificar manualmente o dropdown usando tags de seleção HTML.

Mesmo assim, você teria que manter a lista de países por conta própria. O WPForms inclui essa funcionalidade pronta para uso, o que facilita muito a implementação e a manutenção.

Como faço para adicionar códigos de país de números telefônicos ao meu formulário?

O WPForms oferece um campo Phone separado que pode funcionar junto com o menu suspenso de país. Enquanto o menu suspenso de país lida com a seleção de local, o campo de telefone inclui formatação integrada para diferentes países.

Para configurações avançadas em que a seleção do país atualiza automaticamente o formato do telefone, você precisaria do WPForms Pro com lógica condicional.

Por que o menu suspenso do meu país não está exibindo todos os países?

Isso geralmente acontece quando você exclui acidentalmente países da lista ou quando há um conflito de plugins. No WPForms, volte ao editor de formulários, clique no campo suspenso do país e verifique a seção Choices (Opções).

Você pode reinserir manualmente os países ausentes ou excluir o campo e adicionar um novo menu suspenso de países para restaurar a lista completa.

Posso colocar determinados países na parte superior da lista suspensa?

Com certeza! Esse é um dos meus recursos favoritos do WPForms. No editor de formulários, clique no campo suspenso País e, na seção Opções, arraste e solte os países usando o ícone de três linhas.

Sempre coloco os países mais comuns do meu público na parte superior, como Estados Unidos e Canadá, se a maioria dos meus visitantes for norte-americana.

Como faço para remover países que não preciso do menu suspenso?

No editor do WPForms, selecione o campo suspenso Country (País) e veja a seção Choices (Opções) à esquerda. Clique no X vermelho ao lado de qualquer país que você queira remover. Isso é útil se você atender apenas a determinadas regiões ou quiser manter a lista mais curta para melhorar a experiência do usuário.

O menu suspenso de países funciona em dispositivos móveis?

Sim, os dropdowns de país do WPForms são totalmente responsivos a dispositivos móveis. Eles se adaptam automaticamente às interfaces de toque e funcionam perfeitamente em smartphones e tablets. O menu suspenso abre como um seletor móvel nativo, facilitando aos usuários a rolagem e a seleção do país.

Posso personalizar os nomes dos países no menu suspenso?

Sim, você pode editar o nome de qualquer país no WPForms. Basta clicar no campo suspenso do país, localizar o país na seção Escolhas e modificar o texto.

Costumo encurtar nomes longos como "Reino Unido da Grã-Bretanha e Irlanda do Norte" para simplesmente "Reino Unido" para facilitar a leitura.

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?

Criar formulário com lista suspensa de países 🌎

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 vários modelos gratuitos 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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Hamza Shahid

Hamza é redator da equipe do WPForms e também é especializado em tópicos relacionados a marketing digital, segurança cibernética, plug-ins do WordPress e sistemas ERP.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar 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.

26 comentários sobre "Como adicionar uma lista suspensa de países ao WPForms (com um clique!)"

    1. 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! 🙂

  1. 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,

    1. 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.

      1. 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

      2. 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.

  2. 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?

    1. 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!

      1. Olá,

        Eu queria saber se isso foi integrado ao incrível wpforms, porque agora estou procurando por ele. Realmente preciso disso.

        Agradecimentos

      2. Hey Jude,

        Essa solicitação ainda está em processo de revisão. Adicionei seu voto para considerar esse recurso como um aprimoramento.

        Obrigado!

    1. 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.

    1. 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!

  3. 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.

  4. 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!

    1. 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.

    1. 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!

    1. 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.

  5. 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?

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.