El Coupon Popup presenta un código promocional con varios estilos para mostrarlo — copiar con un clic, revelar con un clic o siempre visible. Combina el código con una imagen, un titular, un mensaje, una llamada a la acción y una letra pequeña opcional. La posición se define en el paso Ubicación de la acción.
Cuándo usarlo
- Ofertas de descuento — dé al visitante un código para usar en el checkout.
- Ofertas de bienvenida — recompense a los visitantes nuevos o recurrentes.
- Incentivos en el carrito o al salir.
Añadirlo a una acción
En una acción Popup, elija Coupon Popup. Introduzca su código en la sección Coupon Code y elija un estilo de revelado.
Estilos de revelado
- Copy — el visitante hace clic en la caja del código para copiarlo al portapapeles; la caja lo confirma con “Copied!”
- Reveal — el código está difuminado hasta que el visitante hace clic para revelarlo.
- Display — el código está siempre visible y no es interactivo.
Ajustes
- Preset — light, dark, brand, accent (la caja del código cambia de color a juego).
- Image Layout — imagen arriba, imagen a la izquierda o ninguna.
- Entrance Animation — pop, fade o slide.
- Coupon Code — el texto del código, el estilo de revelado y su propio CSS.
- Text — antetítulo, título, cuerpo y una línea de letra pequeña, cada uno con su propio CSS.
- Button — un CTA con seguimiento de clics y animaciones para llamar la atención.
- Close — botón integrado o de la biblioteca, siempre o al pasar el ratón.
Consejos
- El estilo Copy es el que más se completa — elimina la fricción de escribir un código.
- Use la línea de letra pequeña para condiciones como “Un uso por cliente.”
Más información
- Plantillas de popups para sitios web — las 16 plantillas y cómo elegir el formato adecuado.
- Marketing de gamificación — la mecánica de las plantillas interactivas y dónde encajan.