> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_10nmxup.png =650x671)

### 2. Configure o código do DDI

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_8r7mu5.png =650x182)

* Depois disso, acesse **"Javascript & CSS"**.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1u5sj4g.png =650x407)

* 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"**.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_yowft9.png =650x414)

```
<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.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_vlxz2y.png =650x787)

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