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:

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";

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

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

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;

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

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

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

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

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'

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

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

Actualizado el: 28/07/2026