El Full-Screen Overlay (o welcome mat) ocupa toda la ventana. Úselo para lanzamientos, campañas de temporada, bienvenidas en la primera visita o cualquier momento que merezca toda la atención del visitante. Elija un fondo de color, un degradado o una imagen a sangre, añada si quiere un patrón de formas en CSS y coloque el contenido donde quiera.
Cuándo usarlo
- Lanzamientos y campañas — un mensaje llamativo que no pasa desapercibido.
- Welcome mats — dé la bienvenida a los visitantes que llegan por primera vez.
- Ocupaciones de pantalla por temporada o por eventos.
Añadirlo a una acción
En una acción Popup, elija Full-Screen Overlay. Muéstrelo como una capa a pantalla completa en el paso Ubicación de la acción. Cubre toda la pantalla en el sitio en vivo y sigue siendo editable en el editor.
Ajustes
Fondo y disposición
- Background — imagen (a sangre, con velo), degradado o color sólido del ajuste predefinido.
- Shape Decoration — patrones sutiles en CSS: blobs, dots, grid, rings, diagonal o corner circles.
- Content Position — centrado, anclado abajo o dividido junto a una imagen lateral.
- Text Align — center o left.
Contenido
- Eyebrow, title, body — cada uno con su propio CSS.
- Buttons — un principal más un secundario opcional, con animaciones para llamar la atención.
- Entrance Animation — fade, zoom o up.
- Side Image — se muestra en la disposición split; desactívela para un panel de color liso.
- Close — botón integrado o de la biblioteca, siempre o al pasar el ratón.
Consejos
- Para un fondo de color o degradado, cambie Background a algo distinto de image y añada una forma para dar profundidad.
- Use la disposición split con una imagen lateral para el lanzamiento de un producto o de un estilo de vida.
Más información
- Plantillas de popups para sitios web — las 16 plantillas y cómo elegir el formato adecuado.