Cómo crear el Pop Up de Carrito Abandonado
El pop-up de carrito abandonado se despliega cuando un usuario intenta salir tras añadir productos al carrito, solicitando su email. Reconoce cuando un usuario anónimo inicia la creación de un carrito. Recupera ventas recordando a tus usuarios los productos abandonados.
IMPORTANTE: Previo a configurar el Pop Up de Suscripción, es necesario Crear un Sitio.
Configura el Pop Up:
Título: Customiza el mismo a tu preferencia, puedes utilizar emojis.
Texto: Customiza el mismo a tu preferencia, puedes utilizar emojis.
Color del texto: define el color del texto según los colores de marca.
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 botón.
Color del texto.
Color, estilo, grosor y radio del borde.
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.
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.
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.
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.
Campos de formulario: por defecto siempre tendremos el campo de email. Puedes agregar todos los campos que desees:
Tipo: selecciona si el campo contendrá texto, fecha, números.
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: si deseas añadir los T&C, puedes colocar el URL.
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.
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.
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.
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.
En caso de enviar un newsletter automatizado de Carrito Abandonado, es necesario configurarlo previamente en la plataforma.
IMPORTANTE: Previo a configurar el Pop Up de Suscripción, es necesario Crear un Sitio.
Configuración del Pop Up de Carrito Abandonado
Configura el Pop Up:
Título: Customiza el mismo a tu preferencia, puedes utilizar emojis.
Texto: Customiza el mismo a tu preferencia, puedes utilizar emojis.
Color del texto: define el color del texto según los colores de marca.
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 botón.
Color del texto.
Color, estilo, grosor y radio del borde.
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.
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.
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.
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.
Campos de formulario: por defecto siempre tendremos el campo de email. Puedes agregar todos los campos que desees:
Tipo: selecciona si el campo contendrá texto, fecha, números.
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: si deseas añadir los T&C, puedes colocar el URL.
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.
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.
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.
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.
En caso de enviar un newsletter automatizado de Carrito Abandonado, es necesario configurarlo previamente en la plataforma.
Actualizado el: 04/04/2025
¡Gracias!