Artículos sobre: Sitios

Cómo crear el Pop Up de Suscripción

El pop-up de suscripción se activa al ingresar al sitio, ofreciendo tres diseños preconfigurados para capturar leads y alimentar tu base de datos de newsletters. Puede detectar usuarios anónimos para capturar sus emails y otros campos definidos, con múltiples opciones de diseño y personalización.

IMPORTANTE: Previo a configurar el Pop Up de Suscripción, es necesario Crear un Sitio.

Configuración del Pop Up de Suscripción

Configura el Pop Up:

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.

Botón de envío: haz click para agregar un botón en el pop up. Allí podrás configurar:

Texto del botón.
Color del fondo del botón.
Color del texto.
Color, estilo, grosor y radio del borde.
Alineación del botón.

Botón de cancelar: podrás añadir un botón para Cancelar y configurarlo.

Texto del botón.
Color del botón.
Color del texto.
Color, estilo, grosor y radio del borde.
Adicionalmente, podrás activar o desactivar el botón o cruz de cierre del pop up.

En caso de éxito: define si deseas mostrar un mensaje cuando los usuarios hagan click en “Suscribirme” o simplemente cerrar el pop up.

Acción: Define si quieres Mostrar un Mensaje o Cerrar el modal.

En caso de Mostrar un Mensaje, escribe el texto a mostrar. Podrás configurar colores del texto, el botón de confirmación, entre otros.

Estilos del popup: 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.

Los formatos de las imágenes son jpeg .png o .gif. 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.

Cargar imagen: Puedes utilizar imágenes previamente incorporadas en el repositorio, subir nuevas, o llevar tus ideas creativas a nuestro generador de imágenes AI.

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.

Campos de formulario: por defecto, en un principio, se solicitará el campo email. Puedes agregar todos los campos que desees:

Ajusta la alineación de los campos según tus preferencias.
Tipo: selecciona si el campo contendrá texto, fecha, números, entre otros.
Nombre: define el nombre del campo.
Placeholder: esta frase aparecerá como guía de acción para el usuario. Ejemplo “Ingresa tu Nombre”.
Requerido: determina si será un campo obligatorio o no.

campos disponibles

Consulta nuestro artículo "¿Qué campos están disponibles en los modales de Suscripción y Carrito Abandonado?" para más información sobre los campos.

Términos y condiciones: si deseas añadir los T&C, puedes colocar el URL.

Disparador: define el tipo de disparador (tiempo de espera, abandono de ventana, click u observar) 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.

Consulta Cómo vincular un botón al disparador click en un pop-up

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.

Base de datos: selecciona a qué BBDD deseas que viaje la información recolectada. La misma se creará a partir de los campos indicados anteriormente.

Una vez configurado, podrás acceder a la Vista Previa y Guardar los cambios.

Importante: Los datos del usuario que completa el pop-up se almacenan en el almacenamiento local del dispositivo; esto significa que si una persona deja sus datos desde una computadora y luego accede desde otro dispositivo (por ejemplo, su celular), el pop-up volverá a mostrarse. Lo mismo sucede si se navega desde incógnito.

Cómo activar o desactivar el 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 Pop Up

Una vez activo el popup podrás acceder a las estadísticas del mismo en la pantalla principal de sitios.

En caso de tener contratado el Hub de Notificaciones, una vez que reemplaces el código, sugerimos eliminar el código anterior dado que el nuevo script lo reemplaza.

Accede a nuestro artículo sobre Cómo implementar Scripts en Google Tag Manager.

Actualizado el: 17/07/2025

¿Este artículo te resultó útil?

¡Gracias!