¿Cómo crear un Exit Pop Up de Sitios?
Los exit pop-ups son una excelente herramienta para captar la atención de los usuarios justo antes de que abandonen el sitio. Permiten ofrecer mensajes relevantes, promociones o recordatorios de forma oportuna, ayudando a mejorar la conversión sin interrumpir la experiencia de navegación.
Crea el Exit Pop Up: dentro del sitio creado, haz click en Crear Modal y coloca un nombre a tu exit pop up. En "Tipo" selecciona Exit popup:
Configura el exit popup:
Título: Edita el texto a tu gusto, puedes utilizar emojis.
Texto: Edita el texto a tu gusto, puedes utilizar emojis.
Color del texto: define el color del texto según los colores de marca.
Alineación del texto: alinea el texto a la derecha, centro o izquierda, o justifícalo según tus preferencias.
Click en el modal: puedes configurar un enlace al cual se redirige al usuario en caso de hacer click en el exit pop up.
Botón call to action:
Texto del botón.
Link: configura la URL a la cual dirigirá el botón.
Color del botón.
Color del texto.
Color, estilo, grosor y radio del borde.
Ajusta la alineación del botón.
Botón de cancelar:
Texto del botón.
Color del botón.
Color del texto.
Color, estilo, grosor y radio del borde.
Ajusta la alineación del botón.
Adicionalmente, podrás activar o desactivar el botón o cruz de cierre del pop up.
Estilos del banner: podrás configurar el ancho, color de fondo, estilo de radio del borde, e incluso añadir una imagen y configurar su posición.
Ancho: podrás optar por el ancho automático, pantalla completa o personalizar la medida según tus preferencias.
Alto: podrás optar por el ancho automático o personalizar la medida según tus preferencias.
Las dimensiones sugeridas de las imágenes son: Vertical: 640 x 960px | Horizontal: 800 x 300px
El tamaño de la imagen vertical cambiará en base a la cantidad de campos en el formulario. El tamaño recomendado es para un modal default de un campo.
El tamaño de la imagen horizontal dependerá del ancho configurado para el tamaño del modal. El tamaño recomendado es para un modal predeterminado con un ancho de 800px.
Bloqueo de página: esta opción impide que el usuario interactúe con el contenido de la página mientras el pop-up está visible.
Cerrar modal al hacer click en el fondo: permite al usuario cerrar el pop up al hacer click fuera del mismo.
Disparador: define el tipo de disparador (tiempo de espera o abandono de ventana) y los segundos.
También podrás definir si deseas que el popup se reinicie y cuánto tiempo debe transcurrir para que los usuarios puedan volver a visualizarlo.
Reglas de visibilidad: selecciona en qué páginas quisieras que se muestre el pop up a los usuarios visitantes. Podrás configurar su visibilidad en:
"Todas las páginas": se mostrará el pop up en todas las páginas del sitio.
"Páginas específicas": especifica en qué páginas de tu sitio web quieres que se visualice el pop up.
"Todas las páginas excepto...": especifica en qué páginas de tu sitio web NO quieres que se visualice el pop up.
(*) Podrás especificar en qué páginas de tu sitio quieres que se muestre el popup utilizando asteriscos para un filtro más avanzado. Agregando un asterisco al principio o al final podrás hacer que se muestre en páginas que comiencen, contengan o terminen con un texto determinado.
Ej: midominio.com/productos* - para páginas que comiencen con productos.
productos - se mostrará en todas las páginas que contengan la palabra.
*productos - se mostrará en páginas que terminen con la palabra.
Una vez configurado, podrás acceder a la Vista Previa y Guardar los cambios.
En la pantalla principal de sitios podrás activar o desactivar el pop up haciendo click en el desplegable. También podrás editarlo y/o duplicarlo.
Una vez activo el banner podrás acceder a las estadísticas del mismo en la pantalla principal de sitios.
Configuración del Exit Pop Up
Crea el Exit Pop Up: dentro del sitio creado, haz click en Crear Modal y coloca un nombre a tu exit pop up. En "Tipo" selecciona Exit popup:
Configura el exit popup:
Título: Edita el texto a tu gusto, puedes utilizar emojis.
Texto: Edita el texto a tu gusto, puedes utilizar emojis.
Color del texto: define el color del texto según los colores de marca.
Alineación del texto: alinea el texto a la derecha, centro o izquierda, o justifícalo según tus preferencias.
Click en el modal: puedes configurar un enlace al cual se redirige al usuario en caso de hacer click en el exit pop up.
Botón call to action:
Texto del botón.
Link: configura la URL a la cual dirigirá el botón.
Color del botón.
Color del texto.
Color, estilo, grosor y radio del borde.
Ajusta la alineación del botón.
Botón de cancelar:
Texto del botón.
Color del botón.
Color del texto.
Color, estilo, grosor y radio del borde.
Ajusta la alineación del botón.
Adicionalmente, podrás activar o desactivar el botón o cruz de cierre del pop up.
Estilos del banner: podrás configurar el ancho, color de fondo, estilo de radio del borde, e incluso añadir una imagen y configurar su posición.
Ancho: podrás optar por el ancho automático, pantalla completa o personalizar la medida según tus preferencias.
Alto: podrás optar por el ancho automático o personalizar la medida según tus preferencias.
Las dimensiones sugeridas de las imágenes son: Vertical: 640 x 960px | Horizontal: 800 x 300px
El tamaño de la imagen vertical cambiará en base a la cantidad de campos en el formulario. El tamaño recomendado es para un modal default de un campo.
El tamaño de la imagen horizontal dependerá del ancho configurado para el tamaño del modal. El tamaño recomendado es para un modal predeterminado con un ancho de 800px.
Bloqueo de página: esta opción impide que el usuario interactúe con el contenido de la página mientras el pop-up está visible.
Cerrar modal al hacer click en el fondo: permite al usuario cerrar el pop up al hacer click fuera del mismo.
Disparador: define el tipo de disparador (tiempo de espera o abandono de ventana) y los segundos.
También podrás definir si deseas que el popup se reinicie y cuánto tiempo debe transcurrir para que los usuarios puedan volver a visualizarlo.
Reglas de visibilidad: selecciona en qué páginas quisieras que se muestre el pop up a los usuarios visitantes. Podrás configurar su visibilidad en:
"Todas las páginas": se mostrará el pop up en todas las páginas del sitio.
"Páginas específicas": especifica en qué páginas de tu sitio web quieres que se visualice el pop up.
"Todas las páginas excepto...": especifica en qué páginas de tu sitio web NO quieres que se visualice el pop up.
(*) Podrás especificar en qué páginas de tu sitio quieres que se muestre el popup utilizando asteriscos para un filtro más avanzado. Agregando un asterisco al principio o al final podrás hacer que se muestre en páginas que comiencen, contengan o terminen con un texto determinado.
Ej: midominio.com/productos* - para páginas que comiencen con productos.
productos - se mostrará en todas las páginas que contengan la palabra.
*productos - se mostrará en páginas que terminen con la palabra.
Una vez configurado, podrás acceder a la Vista Previa y Guardar los cambios.
Cómo activar o desactivar el Exit Pop Up
En la pantalla principal de sitios podrás activar o desactivar el pop up haciendo click en el desplegable. También podrás editarlo y/o duplicarlo.
Estadísticas del Exit Pop Up
Una vez activo el banner podrás acceder a las estadísticas del mismo en la pantalla principal de sitios.
Actualizado el: 30/05/2025
¡Gracias!