Atenção!

Este artigo contém código PHP e JavaScript e destina-se a programadores. Oferecemos este código como uma cortesia, mas não fornecemos suporte para personalizações de código ou desenvolvimento de terceiros.

Para orientação adicional, consulte o tutorial da WPBeginner sobre como adicionar código personalizado.

Ignorar

Restringir Países Dentro de Campos de Formulário de Telemóvel

Gostaria de limitar os países disponíveis no campo Telefone Inteligente? Por defeito, o campo Telefone Inteligente mostra todos os países e tenta detetar o país do utilizador a partir do seu endereço IP.

Este guia irá mostrar-lhe como restringir o campo para mostrar apenas países específicos à sua escolha.

Configuração do Formulário

Começaremos por criar o nosso formulário, adicionando os nossos campos, incluindo o campo de formulário Telefone.

Se precisar de alguma ajuda a criar o seu formulário, consulte o nosso guia sobre criação do seu primeiro formulário.

Depois de adicionar o campo de formulário Telefone, clique na lista pendente Formato e certifique-se de que selecionou Inteligente na lista pendente.

selecione o formato Inteligente para o campo de telefone na lista pendente

Adicionar Restrições de País

Para restringir os países disponíveis, terá de adicionar algum código JavaScript ao seu site. Se não tem a certeza de como adicionar código personalizado, reveja o nosso guia sobre como adicionar snippets de código ao WordPress.

Personalizar Opções de País

Para modificar quais os países que estão disponíveis:

  • Na linha 33: Substitua os códigos de país no array options.onlyCountries
  • Use códigos de país ISO de duas letras em minúsculas (por exemplo, 'us' para os Estados Unidos)
  • Separe vários países com vírgulas
  • Encontre 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’]

Remover Opções de País Duplicadas

Poderá notar que alguns países aparecem duas vezes na lista pendente – uma vez no topo com base na deteção de IP e outra vez na lista principal. Para remover estas 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, consulte o nosso guia sobre como encontrar IDs de formulário e campo.

Gostaria também de garantir que o número de telefone digitado no formulário é enviado na notificação por e-mail como um link? Consulte o tutorial sobre tornar números de telefone um link em notificações por e-mail.

Ação de Referência

wpforms_wp_footer_end