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.
Os selectores de país são essenciais para informações de envio, dados de inquéritos e registos de utilizadores. Dão um aspeto elegante aos seus formulários e melhoram a experiência do utilizador.
Embora existam vários plugins WordPress por aí 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? É grátis!
Neste guia, vou mostrar-lhe exatamente como configuro os menus pendentes de país no WPForms, além de partilhar algumas dicas que a maioria das pessoas não vê.
Criar um formulário com lista pendente de países 🌎
Como adicionar uma lista pendente de países aos seus formulários WordPress
Alguns sítios ainda utilizam campos de texto longos onde as pessoas têm de escrever "Estados Unidos" ou "Reino Unido", o que cria inconsistências nos dados e fricção entre os utilizadores.
Outros utilizam listas pendentes desactualizadas que não incluem países mais recentes ou utilizam nomes de países antigos. Um menu pendente de países bem concebido faz três coisas importantes:
- Normaliza a sua recolha de dados (não há mais entradas "EUA" vs "Estados Unidos" vs "América").
- Melhora as taxas de conclusão de formulários porque os utilizadores podem encontrar rapidamente o seu país.
- Mostra profissionalismo que cria confiança com o seu público.
É aqui que o WPForms é útil. O nosso dropdown de países mantém-se atualizado automaticamente, carrega rapidamente e funciona perfeitamente em dispositivos móveis. Deixe-me mostrar-lhe exatamente como configurá-lo.
Passo 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.
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 dentro do seu painel de controlo do WordPress. 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.
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.
Passo 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.
Vamos dividir este processo para que possa acompanhá-lo facilmente. Primeiro, é necessário adicionar o campo Dropdown ao seu formulário.
Basta arrastar o campo do painel da esquerda e largá-lo na área à direita para o colocar dentro do formulário.
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.
Abaixo, clique em Show Presets para abrir uma lista de todas as predefinições do campo Dropdown no WPForms, projetadas para facilitar sua vida.
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.
Por fim, clique em Adicionar novas opções para confirmar a lista de países.
Ó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.
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).
Em seguida, clique no separador Avançadas e escolha o estilo Moderno em vez do estilo Clássico.
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 a etapa 4 para saber como fazer isso. Se quiser personalizar a lista, continue lendo.
Passo 3: Personalizar os nomes dos países no seu menu pendente
Agora que você adicionou o menu suspenso do país ao seu formulário, vamos fazer com que ele funcione melhor para o seu público específico. O WPForms dá-lhe controlo total sobre os países que aparecem e como estão organizados.
Clique no campo pendente do seu país para abrir as opções de campo à esquerda. Verá uma lista de todos os países na secção Opções. É aqui que a verdadeira magia da personalização acontece.
Editar nomes de países
Em primeiro lugar, poderá querer limpar alguns dos nomes de países mais longos para melhorar a experiência do utilizador. Por exemplo, a lista predefinida mostra "Reino Unido da Grã-Bretanha e Irlanda do Norte".
Embora seja tecnicamente correto, é desnecessariamente longo. Basta clicar nessa opção e editá-la para simplesmente "United Kingdom" ou mesmo "UK", se preferir.
Faço-o regularmente com países como "Estados Unidos da América" (mudar para "Estados Unidos"), "Federação Russa" (mudar para "Rússia") ou "República Democrática do Congo" (mudar para "Congo (RDC)").
Reordenação dos países por prioridade
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 Salvar antes de continuar.
Passo 4: Publique o 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 a partir do 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-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.
Depois disso, introduza um nome para a sua página e clique em Let's Go (Vamos lá). Neste ponto, está pronto para publicar o seu formulário. Antes de fazer isso, porém, 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 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.
Também pode alterar manualmente diferentes elementos do estilo do 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.
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.
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 já está! Agora tem um menu pendente de país no seu formulário WordPress pronto para ser utilizado pelos seus visitantes.
FAQs sobre como adicionar uma lista suspensa de países ao WPForms
Aprender como 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 perguntas comuns sobre o assunto:
Como é que adiciono uma lista de países no Google Forms?
O Google Forms não tem um menu suspenso de país incorporado como o WPForms tem. Teria de criar manualmente uma pergunta de escolha múltipla e introduzir o nome de todos os países - todos os 195.
Depois, teria de manter esta lista sempre que os países mudassem. O WPForms poupa-lhe horas de trabalho com o seu dropdown automático de países que se mantém atualizado sem qualquer esforço da sua parte.
Posso utilizar um menu pendente de país com o Formulário de Contacto 7?
O Contact Form 7 não inclui um campo pendente de país nativo. Terá de instalar um plugin separado ou codificar manualmente o menu pendente utilizando etiquetas de seleção HTML.
Mesmo assim, teria de ser você a manter a lista de países. O WPForms inclui esta funcionalidade de imediato, tornando-a muito mais fácil de implementar e manter.
Como é que adiciono códigos de país de números de telefone ao meu formulário?
O WPForms oferece um campo Telefone separado que pode funcionar juntamente com o menu suspenso de país. Enquanto o menu suspenso de país lida com a seleção de localização, 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 actualiza automaticamente o formato do telefone, é necessário o WPForms Pro com lógica condicional.
Porque é que o meu menu suspenso de países não mostra todos os países?
Isso geralmente acontece quando você exclui acidentalmente países da lista ou se há um conflito de plugins. No WPForms, volte ao seu editor de formulários, clique no campo suspenso do país e verifique a secção Escolhas.
Pode voltar a adicionar manualmente os países em falta ou eliminar o campo e adicionar um novo menu pendente de países para restaurar a lista completa.
Posso colocar determinados países no topo da lista pendente?
Sem dúvida! Esta é uma das minhas funcionalidades favoritas do WPForms. No editor de formulários, clique no campo pendente do seu país e, em seguida, na secção Escolhas, arraste e largue os países utilizando o ícone de três linhas.
Coloco sempre os países mais comuns do meu público no topo - por exemplo, coloco os Estados Unidos e o Canadá no topo se a maioria dos meus visitantes for norte-americana.
Como é que removo os países de que não preciso do menu pendente?
No seu editor WPForms, selecione o campo suspenso País e veja a secção Escolhas à esquerda. Clique no X vermelho junto a qualquer país que pretenda remover. Isto é útil se apenas servir determinadas regiões ou se pretender manter a lista mais curta para uma melhor experiência do utilizador.
A lista pendente de países funciona em dispositivos móveis?
Sim, os dropdowns do país 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 dropdown abre como um seletor móvel nativo, tornando mais fácil para os utilizadores percorrerem e selecionarem o seu país.
Posso personalizar os nomes dos países no menu pendente?
Sim, você pode editar qualquer nome de país no WPForms. Basta clicar no campo suspenso do país, encontrar o país na secçã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 automaticamente a localização do seu visitante
Sabia que o WPForms pode mostrar automaticamente a localização dos seus visitantes num mapa?
- Pode ativar a geolocalização em todos os seus formulários com um clique. Consulte este guia sobre como rastrear localizações de utilizadores com envios de formulários do WordPress para configurar isto.
- Também compilámos uma lista dos melhores plugins de geolocalização para WordPress.
Criar um formulário com lista pendente de países 🌎
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 muitos modelos gratuitos 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.
hy
não vejo a opção "bulk" porquê?
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! 🙂
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,
Olá, Noor - para conseguir o que mencionou aqui, pode configurar a definição de Notificações condicionais.
Espero que isto ajude! 🙂
Como é que posso mostrar a caixa de pesquisa no menu pendente se as opções forem inferiores a oito?
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.
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
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.
É 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?
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!
Olá,
Queria saber se isto foi integrado no fantástico wpforms porque agora ando à procura dele. Preciso mesmo dele.
Agradecimentos
Hey Jude,
Este pedido ainda está a ser analisado. Adicionei o seu voto para considerar esta funcionalidade como uma melhoria.
Obrigado!
Estou a tentar utilizar o dropdown do wpforms, mas o browser está a redefinir o estilo.
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.
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?
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!
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.
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 🙂
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!
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.
Olá! Como é que podemos adicionar apenas o país e utilizar a geolocalização automática? Obrigado pela ajuda
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!
Existe alguma forma de apresentar o nome do país + ícone da bandeira?
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.
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?
Olá Nathan - Quando tiver oportunidade, envie-nos uma mensagem com mais detalhes sobre o problema no suporte para que possamos ajudá-lo.
Se tiver uma licença WPForms, tem acesso ao nosso suporte por e-mail, por isso, envie um ticket de suporte.
Caso contrário, fornecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado 🙂