> ## 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 um EXIT POP-UP no GreatPages

Para adicionar um **Exit Pop-up** (ou pop-up de saída) em uma página no **GreatPages** siga o tutorial abaixo:

||| O Exit Pop-up funciona apenas para a versão **DESKTOP** (computador)

1. Faça login na sua conta, e acesse o editor de páginas;

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

2. Através da barra de ícones localizada no canto esquerdo da sua tela, clique na opção de **"Adicionar Botão"**;

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

3. Após o elemento de botão estar inserido na página, clique em **"Editar"**;

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

4. No menu que será aberto clique em **"Adicionar link"** e selecione a opção **"Abrir uma caixa (Pop-up)"**;

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

5. Com o elemento de pop-up inserido na página, personalize ele como quiser. Caso não saiba como fazer a personalização, [clique aqui e veja nosso artigo onde explicamos todas as funções de edições do Pop-up](https://ajuda.greatsoftwares.com.br/pt-br/article/como-adicionar-uma-modal-ou-pop-up-no-greatpages-4q0iao/);

6. Em seguida precisaremos localizar o ID deste elemento para dar o próximo passo da criação do exit pop-up. Para isso, clique novamente no botão, vá em "**Editar**" e na aba "**Código**", clique para copiar o **Seletor CSS do elemento**;

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

7. Depois disso, clique no **"Ícone de engrenagem"** que fica no canto superior direito da tela;

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

8. Em seguida, clique em **"Javascript & CSS"**;

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

9. Clique para **"Adicionar código"**;

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

10. Escolha um nome para seu código, selecione a opção **"Funcionamento"** e adicione no campo de texto todo o código abaixo;

```
<script> 
  const botaoPopUp = $('#e_1074261_1_87957 .c');  
  /* se você deseja que o botão apareça na página remova a linha abaixo */  
  botaoPopUp.css({ 'visibility': 'hidden' });  
  /* Pegando o movimento do mouse */  
  $(document).on('mouseleave', function (e) {  
    console.log('Saiu da tela');  
    console.log('Tem popup aberto? ' + $('.gpc_modal-fundo').length);  
    console.log('Tem cookie gpages_popup_leave? ' + document.cookie.indexOf('gpages_popup_leave'));  
    /* Verificando se saiu da tela e não tem popup aberto */  
    if (!$('.gpc_modal-fundo').length) {  
      /* Gerando cookie */  
      var data = (new Date), data_limite = (new Date);  
     data_limite.setTime(data_limite.getTime() + (180 * 24 * 60 * 60 * 1000));  
      document.cookie = "gpages_popup_leave=" + data.getFullYear() + '-' + (data.getMonth() + 1) + '-' + data.getDate() + 'T' + data.getHours() + ':' + data.getMinutes() + ':' + data.getSeconds() + "; Expires=" + data_limite.toGMTString() + "; Path=/;";  
      /* Clicando no botão */  
      $(botaoPopUp).trigger('click');  
    }  
  });    
</script>
```

11. Pegue o ID do elemento de pop-up que foi identificado anteriormente e cole-o exatamente no espaço do código onde consta `'#e_0000000'`. Por fim, clique em **Salvar**.

||| Não adicione nenhum outro caractere, nem espaços.

![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar12png_oqg64j.png =650x571)

12. Para saber se o código está funcionando corretamente, clique para **"Pré-visualizar"** e movimente o seu mouse em direção ao fechamento da página.

Assim que fizer este movimento, o pop-up será acionado. 

![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar14png_42l97h.png =650x377)

Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar. :-)