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

# Cómo agregar un EXIT POP-UP en GreatPages

Para agregar un **Exit Pop-up** (o pop-up de salida) en una página de **GreatPages** sigue el tutorial a continuación:

||| El Exit Pop-up funciona solo para la versión **DESKTOP** (computadora)

1. Inicia sesión en tu cuenta y accede al editor de páginas;

2. A través de la barra de íconos ubicada en la parte izquierda de tu pantalla, haz clic en la opción **"Adicionar Botão"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_a2vnm0.png)

3. Una vez que el elemento de botón esté insertado en la página, haz clic en **"Editar"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_12hcazh.png)

4. En el menú que se abrirá haz clic en **"Adicionar link"** y selecciona la opción **"Abrir uma caixa (Pop-up)"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1p5605v.png)

5. Con el elemento de pop-up insertado en la página, usa el menú lateral izquierdo de la pantalla para editarlo y personalizarlo como quieras;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_2bu08t.png)

6. Enseguida necesitaremos localizar el ID de este elemento para dar el siguiente paso en la creación del exit pop-up. Para eso, haz clic nuevamente en el botón, ve a "Editar" y, en la pestaña "Código", haz clic para copiar el **selector CSS del elemento**

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1dre3b1.png)

7. Después de eso, haz clic en el **"Ícono de engranaje"** que está en la esquina superior derecha de la pantalla;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_gdzdg7.png)

8. Enseguida, haz clic en **"Javascript & CSS"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_11ynmrz.png)

9. Haz clic para **"Adicionar"** un nuevo código;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1dctjy5.png)

10. Elige un nombre para tu código, selecciona la opción **"Funcionamento"** y agrega en el campo de texto todo el código de abajo;

```
<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. Toma el ID del elemento de pop-up identificado anteriormente y pégalo exactamente en el espacio del código donde aparece -> '#e_0000000'

||| No agregues ningún otro carácter ni espacios. Después de eso, haz clic en "Salvar";

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

12. Para saber si el código está funcionando correctamente, haz clic en **"Pré-visualizar"** y mueve tu mouse en dirección al cierre de la página.

En cuanto hagas ese movimiento, el pop-up se activará.

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

¿Te quedó alguna duda? ¡Habla con nuestro equipo en el Chat! Siempre estamos listos para ayudarte. :-)