Algunos visitantes cierran el Pop-Up no porque no quieran el descuento, sino porque primero quieren ver los productos y revisar los precios. El teaser es un launcher que se queda en la página después de cerrar el Pop-Up y permite volver al formulario en cualquier momento de la visita — sin mostrar otra vez la ventana grande.
Según datos internos de edrone, un Pop-Up estándar sin teaser convierte en promedio alrededor del 1%, mientras que un Pop-Up combinado con teaser convierte alrededor del 3%. El teaser no obliga a decidir de inmediato y da una segunda oportunidad de registro.
💡 Quick Win: El teaser está desactivado de forma predeterminada. Si ya tienes un Pop-Up activo, abre la sección Configurar teaser — con solo activarlo puedes aumentar los registros sin cambiar nada más en la campaña.
Cómo activar el teaser
El teaser se configura en el panel de ajustes del Pop-Up. Despliega la sección Configurar teaser y activa Activar teaser.
El teaser se muestra con las mismas reglas que el Pop-Up — ubicación, programación, dispositivo y estado de suscripción. No las configuras por separado, así que si tu Pop-Up se muestra solo a usuarios desconocidos, solo ellos verán también el teaser. Encuentras los detalles en Descripción de las reglas de visualización.
Tipo de teaser
Tipo | Cómo se ve | ¿Cuándo conviene usarlo? |
Globo | Ícono con un mensaje corto en forma de globo | Opción universal para empezar — visible, pero sin dominar la pantalla |
Botón | Botón clásico con texto | Cuando quieres un CTA claro, por ejemplo “Obtén 10% de descuento” |
Esquina | Elemento integrado en la esquina de la pantalla | Cuando quieres ahorrar espacio e intervenir lo menos posible en el diseño de la página |
Pestaña lateral | Elemento fijado al borde izquierdo o derecho de la pantalla | Cuando las esquinas inferiores ya están ocupadas por el widget de chat u otros elementos |
Barra fija | Barra visible durante toda la visita | Para mensajes que deben estar siempre presentes, como una promoción por tiempo limitado |
Sticker | Formato ligero y decorativo | Cuando no quieres romper la estética de la página con un elemento pesado |
Posición del teaser
Puedes elegir entre ocho posiciones: esquina superior izquierda, arriba al centro, esquina superior derecha, centro a la izquierda, centro a la derecha, esquina inferior izquierda, abajo al centro y esquina inferior derecha.
Además configuras el Desplazamiento horizontal y el Desplazamiento vertical en píxeles (24 px cada uno de forma predeterminada). Úsalos para separar el teaser del borde de la pantalla o de otro elemento.
⚠️ Importante: La posición predeterminada es la esquina inferior derecha — justo donde suele estar el widget de chat, incluido AI Sales Chat. Si tu tienda tiene chat, elige la esquina inferior izquierda o la pestaña lateral, o aumenta el desplazamiento vertical. Los elementos sobrepuestos reducen la efectividad de ambos.
Apariencia
Ajuste | ¿Qué hace? |
Redondeo de esquinas | Grado de redondeo de las esquinas del teaser (16 px de forma predeterminada) |
Color de fondo | Color principal de fondo del teaser (código HEX) |
Color del ícono y del texto | Color del contenido — cuida el contraste con el color de fondo |
Color del ícono de cierre | Color de la “x” que oculta el teaser |
Mostrar sombra | Agrega profundidad alrededor del teaser; mejora la visibilidad sobre fondo claro |
Ícono
Puedes elegir entre siete íconos: Porcentaje, Insignia de porcentaje, Etiquetas, Regalo, Campana, Estrella y Estrella en círculo. Ajusta el ícono al beneficio que ofreces:
Porcentaje o Insignia de porcentaje — descuento porcentual
Etiquetas — promoción o rebaja
Regalo — obsequio con el pedido, premio de Spin & Win
Campana — aviso de promoción o de regreso de un producto
Estrella o Estrella en círculo — programa de lealtad, oferta destacada
Movimiento
Movimiento | Efecto | ¿Cuándo conviene usarlo? |
Ninguno | El teaser es estático | Cuando la página ya tiene otros elementos animados |
Pulso | El teaser pulsa suavemente | Cuando quieres llamar la atención sin un efecto agresivo |
Sacudida | El teaser hace un movimiento corto | En gamificación, como Spin & Win, donde el movimiento va con la mecánica |
📌 Consejo: No uses animación si la tienda ya tiene un banner animado, un chat o un carrusel. Varios elementos en movimiento al mismo tiempo distraen al usuario en lugar de dirigir su atención.
Mostrar ícono de cierre
Esta opción permite que el visitante oculte el teaser sin abrir el Pop-Up.
Te recomendamos activarla. El usuario que no está interesado en registrarse puede quitar el elemento de la vista en lugar de verlo durante toda la visita. Esto mejora la experiencia de compra y reduce el riesgo de que el teaser se perciba como invasivo.
Buenas prácticas
El teaser no reemplaza al Pop-Up. El Pop-Up capta la atención, el teaser permite volver al formulario después de cerrarlo. Funcionan mejor juntos.
Muestra el beneficio, no la función. “Obtén 10% de descuento” funciona mejor que “Newsletter”.
Revisa las colisiones. El teaser no puede tapar el widget de chat, la barra de cookies, los íconos de contacto, el menú fijo ni el botón “agregar al carrito”.
Pruébalo en el celular. Una posición y un tamaño que funcionan en el monitor rara vez funcionan en una pantalla pequeña. El teaser tiene que ser fácil de tocar con una sola mano.
Muéstralo a las personas correctas. Configura el estado de suscripción del Pop-Up como Solo desconocidos o Dados de baja y desconocidos — el teaser hereda ese ajuste y no ofrecerá el registro a quienes ya están en tu base.
Teaser y Spin & Win
En un Pop-Up con Spin & Win, el teaser rinde todavía más — el usuario que no giró la ruleta de inmediato puede volver al sorteo más tarde. En ese caso, usa el ícono Regalo o Estrella en círculo y el movimiento Pulso.
Revisa antes de publicar
✅ El teaser se ve después de cerrar el Pop-Up — pruébalo en el sitio en vivo, no solo en la vista previa.
✅ No se encima con el chat, la barra de cookies, el menú fijo ni el CTA de la tienda.
✅ Es legible y fácil de tocar en el celular.
✅ Al hacer clic se abre el formulario de registro.
✅ El color del ícono y del texto contrasta lo suficiente con el color de fondo.
✅ No se muestra a quienes ya están registrados en tu base.
Preguntas frecuentes
¿El teaser reemplaza al Pop-Up?
No. El teaser funciona como complemento — el Pop-Up capta la atención del usuario y el teaser le permite volver al formulario después de cerrarlo.
¿Tengo que configurar las reglas de visualización del teaser por separado?
No. El teaser hereda las reglas de ubicación, programación, dispositivo y estado de suscripción del Pop-Up al que pertenece.
¿El teaser funciona con Spin & Win?
Sí. El teaser es parte de la configuración del Pop-Up, así que también puedes activarlo en un Pop-Up con Spin & Win.
¿Necesitas más ayuda?
Si tienes alguna pregunta adicional sobre el teaser del Pop-Up, no dudes en escribirnos a hello@edrone.me