Artigos sobre: Editor de Páginas

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

1. Adicione o formulário à página


  • No canto esquerdo superior, clique no ícone Adicionar elementos e selecione o formulário, Inclua o campo de telefone, validado como telefone internacional . Você pode configurá-lo como obrigatório se desejar.



2. Configure o código do DDI


  • Dentro do editor de páginas, faça um clique no ícone de engrenagem.



  • Depois disso, acesse "Javascript & CSS".



  • Em seguida, clique em "Adicionar código" e adicione o código abaixo no campo de Código e configure o tipo de código como "Funcionamento".



<script>
const DDI = "br";

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) {

let campoId = $(campo).attr('id');
let key = '#' + id_form + '#' + campoId;

try {

if (
typeof phoneMaskGreat !== 'undefined' &&
phoneMaskGreat[key]
) {
phoneMaskGreat[key]._setCountry(DDI);
}

} catch (err) {}

});

}

});

}

}

changeDDI();

$('body').on('click', '.link_popup', function(e){

setTimeout(function(){
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 é "pt". Basta substituir o valor na linha const DDI = "br";


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.



Se ficou com alguma dúvida, não hesite em chamar nosso time de suporte!

Atualizado em: 11/08/2026

Este artigo foi útil?

Compartilhe seu feedback

Cancelar

Obrigado!