Lista pendente de países

Como adicionar uma lista pendente de países ao seu formulário (em 1 clique)

Adicionar uma lista pendente de países ao seu formulário é incrivelmente fácil. O único senão é que precisa de utilizar o plugin certo para o tornar o mais simples possível.

Embora existam vários plugins para WordPress que permitem criar uma lista pendente de países, ainda não encontrei uma solução tão fácil como a que vou partilhar neste tutorial.

E a melhor parte? É grátis!

Criar um formulário com lista pendente de países 🌎

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

Vamos começar por configurar o plugin de que necessitamos.

1. Instalar o plugin WPForms

A maneira mais rápida de adicionar uma lista suspensa de países em um formulário é usando o plugin WPForms. Esta funcionalidade está disponível em todos os níveis de licença do WPForms (incluindo o gratuito), pelo que tem as suas opções em aberto.

Para este tutorial, vou usar o WPForms Pro, que também desbloqueia um monte de recursos úteis, incluindo temas de formulários projetados profissionalmente.

Página inicial do WPForms

Se precisar de ajuda para instalar o plugin, leia este guia fácil sobre a instalação do WPForms.

Depois de instalar o WPForms no seu site, primeiro precisa de criar um formulário onde pretende adicionar a lista pendente.

Para criar um formulário, basta clicar em WPForms " Adicionar novo na barra de menu lateral do seu painel de controlo do WordPress.

wpforms adicionar novo formulário

Isto levá-lo-á ao ecrã de configuração do formulário WPForms. Aqui, pode começar por dar um nome ao seu formulário e selecionar um modelo.

Para manter as coisas simples, vou usar o modelo Simple Contact Form, mas pode escolher qualquer um dos mais de 2.000 modelos de formulários WordPress disponíveis para utilizadores Pro.

Utilizar modelo

Neste ponto, estará dentro do construtor de formulários com o modelo selecionado carregado e pronto a ser implementado (ou personalizado).

Uma vez que o nosso objetivo é criar uma lista pendente de países para este formulário, temos de fazer algumas personalizações rápidas, como mostrarei no passo seguinte.

2. Adicionar uma lista pendente 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 pendente de países

Vamos decompor este processo para que o possa acompanhar facilmente.

Em primeiro lugar, tem de adicionar o campo pendente ao seu formulário. Basta arrastar o campo do painel do lado esquerdo e largá-lo na área do lado direito para o colocar dentro do formulário.

Campo pendente

Depois de ter adicionado o campo pendente, clique nele. Isto abrirá as opções de campo relacionadas com o mesmo no painel do lado esquerdo. Na caixa Rótulo, procure a ligação Adicionar em massa e clique nela.

Adicionar em massa

Abaixo, clique em Show Presets para abrir uma lista de todas as predefinições do campo Dropdown no WPForms, projetadas para facilitar sua vida.

Mostrar predefinições

Vá em frente e clique na predefinição Países para carregar a lista completa de países como opções para o seu campo pendente.

País predefinido

Por fim, clique em Adicionar novas opções para confirmar a lista de países.

Adicionar novas opções

Ótimo! Temos uma lista pendente de países quase pronta a ser utilizada. Faltam agora mais 3 pequenos ajustes.

Primeiro, vamos eliminar as 3 opções predefinidas denominadas Primeira escolha, Segunda escolha e Terceira escolha. Um por um, clique no ícone de menos junto a esses itens para os eliminar.

Remover opções

Pode utilizar o mesmo método para remover qualquer país específico da lista, se assim o desejar.

Em seguida, deve alterar a etiqueta do campo Dropdown. Vamos eliminar o Dropdown e alterá-lo para Please select your country (Selecione o seu país).

Etiqueta do campo pendente

Em seguida, clique no separador Avançadas e escolha o estilo Moderno em vez do estilo Clássico.

Estilo de campo moderno para o menu pendente

O estilo Moderno permite-lhe procurar um país a partir da lista pendente, o que é muito útil quando tem uma longa lista de escolhas.

Se isso for tudo o que precisa, está pronto para publicar o seu formulário. Pode passar para o passo 4 para saber como o fazer.

Se quiser personalizar a lista, continue a ler.

3. Personalizar os nomes dos países no seu menu suspenso

Agora que adicionou todos os países ao seu menu pendente, pode querer personalizar a forma como estão configurados.

Há duas coisas que pode fazer para ajustar a lista:

Primeiro, vamos alterar a forma como o nome de um país é formatado. Por exemplo, pode querer alterar "Reino Unido da Grã-Bretanha e Irlanda do Norte" para "Reino Unido".

Para o fazer, basta editar a opção adequada da lista:

Mudar o nome do país

Em segundo lugar, não se esqueça de que é possível arrastar as opções de resposta para cima e para baixo. Isso significa que pode colocar as selecções mais comuns no topo da lista para que sejam mais fáceis de encontrar.

Para mover qualquer Escolha na lista, basta clicar e manter premido o ícone com 3 linhas e arrastá-lo. Uma vez que esperamos que a maioria dos nossos visitantes se encontre na América do Norte, deslocámos o Canadá e os Estados Unidos para o topo.

Ótimo! Agora, o seu menu pendente de país terá exatamente o aspeto que pretende. Tudo o que precisamos de fazer agora é publicá-lo.

Clique em Guardar antes de avançar.

4. Publicar o 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 a partir do criador de formulários.

Para utilizar o assistente de incorporação, clique primeiro em Incorporar na parte superior do construtor de formulários.

Incorporar formulário WordPress

O assistente de incorporação permite-lhe publicar o seu formulário numa nova página ou incorporar o formulário numa página existente. Vamos clicar em Criar nova página.

Criar nova página

Depois disso, introduza um nome para a sua página e clique em Let's Go (Vamos lá).

Vamos lá

Neste ponto, está pronto para publicar o seu formulário. No entanto, antes de o fazer, há um truque fascinante que quero partilhar.

Por defeito, todos os formulários do WordPress são simples, com um fundo branco e estilos predefinidos. Mas pode fazer com que o seu formulário se destaque adicionando um tema pronto a usar.

No editor de blocos do WordPress, basta clicar no formulário incorporado para aceder a definições adicionais.

No painel do lado direito, procure a secção Temas e experimente as diferentes opções de temas que vêm pré-carregadas com o WPForms Pro.

Selecionar um tema de formulário

Também pode alterar manualmente diferentes elementos do estilo do seu formulário com controlos fáceis que também aparecem por baixo da secção de temas.

Quando estiver pronto, vá em frente e prima Publicar.

Publicar formulário

Uma vez publicado, pode verificar o seu formulário com a lista pendente de países.

Se selecionou o estilo Moderno para o menu pendente, os seus visitantes podem simplesmente procurar um país escrevendo o nome.

Estilo dropdown moderno

Para listas muito longas, como as listas pendentes de países, estas funcionalidades extra são muito úteis e tornam a sua lista pendente de países muito mais fácil de utilizar.

E pronto! Agora tem um menu pendente de país no seu formulário WordPress pronto para ser utilizado pelos seus visitantes.

Criar um formulário com lista pendente de países 🌎

Em seguida, obtenha automaticamente a localização do seu visitante

Sabia que o WPForms pode mostrar automaticamente a localização dos seus visitantes num mapa?

Pronto para criar o seu formulário? Comece hoje mesmo com o plugin 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 mais tutoriais e guias gratuitos do WordPress.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Osama Tahir

Osama é um escritor sénior da WPForms. Ele é especialista em desmontar plugins do WordPress para testar e compartilhar suas idéias com o mundo.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

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

Active o JavaScript no seu browser para preencher este formulário.

26 comentários em "Como adicionar uma lista pendente de países ao seu formulário (com 1 clique)"

    1. Olá,

      Navegue até ao criador de formulários > Adicionar qualquer campo de opções (campo pendente, de escolha múltipla e de caixa de verificação) > Em Opções de campo, verá "Adicionar em massa". Consulte o screencast de referência.

      Espero que isto 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.
    cumprimentos,

    1. Olá Ankit! Peço desculpa, mas não sei se compreendi bem a sua pergunta.

      Parece que está a tentar ativar a barra de pesquisa para os seus campos pendentes, o que é feito mudando o estilo do campo pendente para Moderno.

      Pode encontrar mais informações sobre este assunto neste artigo.

      Espero que isto ajude a esclarecer 🙂 Se tiver mais alguma dúvida sobre este assunto, contacte-nos se tiver uma subscrição ativa. Se não tiver, não hesite em colocar-nos algumas questões nos nossos fóruns de apoio.

      1. Olá Henry! Estou a perguntar-lhe sobre o campo pendente. O campo de pesquisa aparece depois de adicionar um mínimo de 8 opções na lista pendente, por isso a minha pergunta é como aparecerá se tivermos menos de 8 opções. Para mais esclarecimentos, anexei uma captura de ecrã do wpforms.

        https://prnt.sc/1ubkp8b

      2. Olá, Ankit! Obrigado por esclarecer o que está a tentar 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 estão disponíveis.

        Deve ser possível com código personalizado, mas peço desculpa porque não podemos fornecer suporte para este grau de personalização.

        Caso pretenda analisar as opções de desenvolvimento personalizado, recomendamos vivamente a utilização do Codeable. A Codeable analisa todos os programadores para se certificar de que são altamente qualificados e comunicativos, e depois também ajuda a orientar todo o processo de ligação e comunicação com o programador mais adequado.

        Aqui está o nosso tutorial sobre a utilização do Codeable, que fornece mais pormenores sobre o funcionamento deste processo.

        Ou, se quiser uma equipa a quem possa continuar a recorrer (a longo prazo) para obter ajuda no desenvolvimento personalizado, pode também considerar consultar o WPBuffs.

        Peço desculpa por não poder fornecer-lhe a solução que procura, mas espero que esta informação tenha sido útil.

        Se tiver mais perguntas sobre este assunto, contacte-nos se tiver uma subscrição ativa. Se não tiver, não hesite em colocar-nos algumas questões nos nossos fóruns de apoio.

  2. É possível ter um menu pendente com a lista de países do mundo, geolocalização para selecionar automaticamente a opção correta a partir do menu pendente E, se esse país tiver estados, mostrar os estados desse país?

    Por exemplo, se estiver localizado nos EUA, a lista pendente preencherá automaticamente os EUA e mostrará todos os estados dos EUA por onde escolher. E se eu estiver localizado na África do Sul, todas as províncias da África do Sul?

    1. Olá, Liza,

      Atualmente, não dispomos de uma funcionalidade nativa para detetar a localização e apresentar o respetivo esquema de endereços dos EUA/Internacional. No entanto, concordo que seria muito útil. Tomei nota do pedido de funcionalidade e vamos mantê-lo no nosso radar enquanto planeamos o nosso roteiro para o futuro.

      Obrigado!

      1. Olá,

        Queria saber se isto foi integrado no fantástico wpforms porque agora ando à procura dele. Preciso mesmo dele.

        Agradecimentos

      2. Hey Jude,

        Este pedido ainda está a ser analisado. Adicionei o seu voto para considerar esta funcionalidade como uma melhoria.

        Obrigado!

    1. Olá Obed, lamentamos o problema. Sempre que tal acontece, é possível que os estilos do tema sejam substituídos pelos campos do menu pendente. Isto pode ser facilmente corrigido utilizando CSS personalizado. No entanto, precisamos de alguns detalhes adicionais sobre o mesmo.

      Entretanto, pode tentar mudar o estilo do formulário para Base e, se já estiver a utilizar Base, tente mudar para Base e estilo do formulário. Aqui está um ótimo Guia que o pode ajudar no mesmo.

      Caso não funcione, necessitaremos de alguns pormenores adicionais para sermos aconselhados sobre este assunto.

      Se você tem uma licença WPForms, você tem acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte. Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.

      Obrigado.

  3. Reino Unido, Grã-Bretanha, etc. não são países. Porque é que muito poucas listas pendentes incluem o País de Gales, a Inglaterra e a Escócia?

    1. Olá, Derek... Lamento saber que teve problemas com isso! Tomei nota do seu feedback!

      Entretanto, caso seja útil, pode adicionar manualmente os referidos países à lista após a adição em massa dos países.

      Obrigado, e bom proveito!

  4. Quando selecciono uma opção no menu pendente, essa etiqueta de seleção é apresentada por baixo do menu pendente e também no menu pendente.

    A apresentação da etiqueta por baixo do menu pendente pode ser removida? Parece-me desnecessário e não é um comportamento comum para os menus pendentes.

    1. Josh, isso parece ser um conflito de tema ou de plug-in de estilo. Importa-se de nos contactar com detalhes adicionais e o URL do formulário para que o possamos ajudar mais neste caso?

      Obrigado 🙂

  5. 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, mostramos automaticamente a alteração em todos os formulários.

    Obrigado!

    1. Olá,

      Atualmente, não dispomos de uma funcionalidade incorporada para conseguir o que mencionou. Podemos considerar esta funcionalidade para futuras melhorias. No entanto, atualmente, a única opção seria adicionar manualmente as escolhas em massa.

    1. Olá, João,

      Atualmente, não dispomos de um campo específico de país que possa ser pré-preenchido com base na localização detectada utilizando o complemento Geolocation. Adicionei o seu voto para considerar este pedido como uma funcionalidade.

      Obrigado!

    1. Olá, Christian - Atualmente, não temos a funcionalidade de adicionar ícones ao campo pendente quando utilizamos a predefinição Países. Concordo que esta seria uma excelente funcionalidade e vou adicioná-la ao nosso registo de pedidos de funcionalidades. Dito isto, se me estiver a escapar algo óbvio, não hesite em contactar-nos enviando um pedido de assistência.

  6. A minha pesquisa de países no menu pendente está bloqueada na vista clássica, apesar de ter selecionado moderna. A primeira localização parece estar bem, mas depois, mais abaixo, altera as definições?

    Penso que se trata de um conflito de temas.
    Tem alguma ideia de como tornar os campos pesquisáveis?

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize 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.