Como adicionar o DDI NO CAMPO TELEFONE do Formulário (via código)

1. Adicione o formulário à página

• Inclua o campo de telefone, validado como telefone. Você pode configurá-lo como obrigatório se desejar.

2. Configure o código do DDI

• Copie o código abaixo e cole-o no JavaScript/CSS da página. (Engrenagem do editor)

<script>
const DDI = "pt"

function changeDDI() {
	let forms = $('.gpc-e.e_formulario');
        if(forms.length > 0){
          forms.each(function(index, form){
          	let id_form = $(form).attr('id');
                let campoDDI = $(form).find('.telefone_ddi');
                if(campoDDI.length > 0){
                    campoDDI.each(function(index, campo){
                        phoneMaskGreat['#'+id_form+'#'+$(campo).attr('id')]._setCountry(DDI);
                    });
                }
            });
        }
      }

changeDDI();

$('body').on('click','.link_popup', function(e){
    setTimeout(() => changeDDI(), 499);
});
</script>

3 . Configurar o código inicial do país

Na primeira linha do código, você deve definir o país desejado usando o padrão de código ISO-3166 com dois dígitos. Por exemplo, para o Brasil, o código é "BR". Basta substituir o valor na linha abaixo:

Para encontrar o código correto de outros países, você pode consultar a lista completa no link: ISO-3166-1 Alpha-2.

Pronto!

Com esse código, o campo de telefone no seu formulário agora exibirá o DDI configurado e funcionará de forma adaptada para diferentes países.

Atualizado em: 12/11/2025