Resumo de IA
Você gostaria de limitar quais países estão disponíveis no campo Telefone Inteligente? Por padrão, o campo Telefone Inteligente mostra todos os países e tenta detectar o país do usuário a partir do seu endereço IP.
Este guia mostrará como restringir o campo para exibir apenas países específicos de sua escolha.
Configurando o Formulário
Começaremos criando nosso formulário, adicionando nossos campos, incluindo o campo de formulário Telefone.
Se precisar de ajuda para criar seu formulário, confira nosso guia sobre como criar seu primeiro formulário.
Depois de adicionar o campo de formulário Telefone, clique no menu suspenso Formato e certifique-se de ter selecionado Inteligente no menu suspenso.
Adicionando Restrições de País
Para restringir os países disponíveis, você precisará adicionar algum código JavaScript ao seu site. Se não tiver certeza de como adicionar código personalizado, revise nosso guia sobre como adicionar trechos de código ao WordPress.
Personalizando Opções de País
Para modificar quais países estão disponíveis:
- Na linha 33: Substitua os códigos de país no array
options.onlyCountries - Use códigos ISO de país de duas letras em minúsculas (por exemplo, 'us' para Estados Unidos)
- Separe vários países com vírgulas
- Encontre os códigos de país na lista oficial de códigos ISO 3166-1 alpha-2
Por exemplo:
- Apenas para EUA e Canadá: [‘us’, ‘ca’]
- Para Reino Unido, Irlanda e Austrália: [‘gb’, ‘ie’, ‘au’]
- Para todos os países da União Europeia: [‘fr’, ‘de’, ‘it’, ‘es’, ‘pt’, ‘nl’, ‘be’, ‘dk’, ‘se’, ‘fi’]
Removendo Opções de País Duplicadas
Você pode notar que alguns países aparecem duas vezes no menu suspenso – uma vez no topo com base na detecção de IP e novamente na lista principal. Para remover essas duplicatas, adicione este CSS ao seu site:
form#wpforms-form-1000 .iti__active {
display: none;
}
Substitua 1000 pelo ID real do seu formulário. Se precisar de ajuda para encontrar o ID do seu formulário, confira nosso guia sobre como encontrar IDs de formulário e campo.
Você gostaria também de garantir que o número de telefone digitado no formulário apareça na notificação por e-mail como um link? Confira o tutorial sobre como transformar números de telefone em links nas notificações por e-mail.