¿Cómo crear el Pop Up de Carrito Abandonado desde Sitios?
El pop-up de carrito abandonado se despliega cuando un usuario intenta salir del sitio tras añadir productos al carrito, solicitando su email y/o teléfono. Esta herramienta reconoce cuando un usuario anónimo inicia la creación de un carrito y permite recuperar ventas recordándole los productos que dejó pendientes, aumentando la probabilidad de conversión.
Su configuración está organizada en secciones desplegables, lo que facilita la navegación y permite editar cada aspecto del pop-up según el objetivo de tu estrategia: desde el contenido y el diseño, hasta el disparador, las reglas de visibilidad y el canal de envío del recordatorio.
Las secciones disponibles son:
- Contenido del modal → Configura título, textos, botones (confirmación y cierre) y elementos visibles.
- En caso de éxito → Personaliza el mensaje que verá el usuario al completar la acción.
- Estilos del modal → Diseño visual general (colores, fondos, bordes, tipografías, etc.).
- Campos de formulario → Define los datos que solicitarás (email, teléfono u otros campos).
- Términos y condiciones → Configura el consentimiento y aceptación de los usuarios.
- Disparador → Define cuándo se activa el pop-up.
- Reglas de visibilidad → Determina en qué condiciones se mostrará.
- Base de datos → Selecciona dónde se almacenarán los contactos.
- Envío de mensaje → Configura el canal y el tiempo de envío del recordatorio de carrito abandonado.
Gracias a esta estructura, podrás captar datos de contacto y automatizar el envío de recordatorios, combinando experiencia onsite con estrategias de recuperación de ventas.
En este artículo encontrarás el detalle de cada sección, cómo activar o desactivar el pop-up y cómo medir su rendimiento.
Sitios
- Dirígete al módulo de Personalización, selecciona la opción Sitios y luego haz click en Modales.

- Asegúrate de estar en el sitio donde deseas implementar el Pop Up. Puedes seleccionarlo desde este apartado:

Contenido del modal
- Crea el Pop Up: dentro del sitio creado, puedes elegir Crear Modal (configurando simples pasos) o Crear con AI (mediante un prompt).

Opción: Crear con AI
- Deberás indicar un prompt detallado brindando las instrucciones sobre el modal que deseas crear. Puedes tomar como referencia el prompt de la imagen ajustando las indicaciones en base a tus necesidades.

Opción: Crear Modal
- Completa la información solicitada y haz click en Crear Modal:

- 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
- 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 modal
- Estilo 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 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
- Campos de formulario: por defecto siempre tendremos el campo de 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.

Términos y condiciones
- Términos y condiciones: si deseas añadir los T&C, puedes colocar el URL.
Disparador
- 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.
- Podrás seleccionar cuál será el disparador para dispositivos móviles: tiempo de espera, click u observar.

Reglas de visibilidad
- 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.
- Desde la opción “Cuándo mostrar”, podrás definir con precisión en qué momento se visualizará el modal creado en la plataforma.
Esta funcionalidad te permite configurar distintas reglas de aparición según tu estrategia:
Siempre → El modal se mostrará de forma continua, sin restricciones de fecha ni horario.

Personalizado → Configuración flexible combinando fechas, días y horarios específicos.

En un rango de fechas (desde / hasta) → Ideal para campañas temporales o promociones con fecha de inicio y fin.
Todos los días → El modal se mostrará diariamente dentro del período definido.
Días específicos de la semana → Permite seleccionar días específicos (por ejemplo, solo fines de semana o solo lunes y miércoles).

En un rango horario específico (uno o más) → Puedes definir uno o varios bloques horarios en los que el modal estará activo.

Gracias a esta configuración, podrás programar con anticipación la visualización de tus modales y combinar múltiples configuraciones activas en paralelo según tu planificación. Esta funcionalidad resulta especialmente valiosa para diseñar estrategias en eventos especiales, como Hot Sale, Black Friday, lanzamientos, fechas estacionales o campañas con horarios específicos, permitiéndote automatizar la activación y desactivación sin necesidad de intervención manual.
Base de datos
- 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.
Envío de mensaje
Canal de envío
- WhatsApp → Si tienes contratado y habilitado el servicio de WhatsApp, podrás priorizar el envío del recordatorio por este canal. Se enviará a los contactos que tengan un número de móvil asociado.
- Email → Para contactos sin número de teléfono, el recordatorio se enviará automáticamente por email.

Enviar email luego de
La comunicación se enviará después del tiempo configurado, siempre que exista una configuración activa para la base de datos seleccionada. Esto se puede configurar de manera flexible, indicando el número de segundos, horas, días, semanas o meses que deberán transcurrir desde que el usuario abandona el carrito.

Por ejemplo, podrás decidir que el recordatorio llegue 5 horas después de la acción o al día siguiente. Esta funcionalidad permite diseñar estrategias más precisas y personalizadas, optimizando la recuperación de ventas.
- Una vez configurado, podrás acceder a la Vista Previa y Guardar los cambios.
Cómo activar o desactivar el Pop Up
En la pantalla principal de sitios podrás activar o desactivar el popup 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.
Actualizado el: 11/02/2026
¡Gracias!
