El Center Modal es un popup centrado con una capa oscura detrás. Ofrece cuatro disposiciones de imagen en una sola plantilla, para que pueda presentar una oferta o un anuncio con la imagen justo donde la quiere. En móvil, la imagen puede pasar encima del texto u ocultarse por completo.
Cuándo usarlo
- Promociones y ofertas con espacio para una imagen y dos botones.
- Anuncios de funciones o productos.
- Cualquier cosa que se beneficie de un momento centrado y sin distracciones.
Añadirlo a una acción
En una acción Popup, elija Center Modal en el selector de plantillas. La capa y el centrado vienen del paso Ubicación de la acción; la plantilla es la propia tarjeta.
Disposiciones de imagen
- Image left / Image right — la imagen al lado del texto.
- Image top — una imagen principal encima del texto.
- Image full — una imagen a sangre con el texto superpuesto sobre un velo degradado.
Ajustes
- Preset — light, dark, brand, accent.
- Corners, Entrance Animation (pop, fade, slide).
- Image — selector de la biblioteca, control de ajuste y una opción On Mobile (mover la imagen arriba u ocultarla).
- Text — antetítulo, título y cuerpo, cada uno con su propio CSS.
- Buttons — un principal más un secundario opcional, con animaciones para llamar la atención.
- Close — botón integrado o de la biblioteca, siempre o al pasar el ratón.
Consejos
- Use Image full para una oferta llamativa centrada en la imagen; use Image left/right cuando lo importante sea el texto.
- Defina el comportamiento de la imagen en móvil para que el modal se vea limpio en pantallas pequeñas.
Más información
- Plantillas de popups para sitios web — las 16 plantillas y cómo elegir el formato adecuado.