La configuración de bloque controla cómo se ve y se comporta cada bloque dentro de una sección. Úsala para adaptar un bloque a escritorio y móvil, darle estilo a su fondo y bordes, agregar movimiento a medida que los visitantes se desplazan y retener el contenido hasta el momento adecuado con Time Reveal.
​

La configuración se aplica a un bloque a la vez, así que puedes ajustar un solo bloque sin cambiar el resto de la sección. Para ajustar una sección completa, consulta Personalizar la configuración de secciones de página.

Todas las configuraciones de este artículo comienzan en el editor de bloque.

Para agregar, renombrar, ocultar o reordenar bloques primero, consulta Agregar y administrar bloques en páginas.

La configuración de diseño de bloque, al igual que la configuración de diseño de sección, tiene un Desktop Layout y un Mobile Layout, para que puedas optimizar cada bloque individual para dispositivos de escritorio y móviles. Para ajustar el diseño de una sección completa, consulta Personalizar la configuración de secciones de página.

Cada sección se divide en una cuadrícula de 12 columnas, y los bloques se ubican dentro de esa cuadrícula. El ancho de un bloque es la cantidad de columnas que ocupa. Cambia el ancho de un bloque para controlar cuánto espacio usa en la sección y cómo se ve tu contenido.

Cambia el color de fondo de un bloque, agrega y ajusta un borde, y dale profundidad con una sombra. Para personalizar el fondo de una sección, consulta Personalizar la configuración de secciones de página. Para aprender cómo funcionan juntos las secciones y los bloques, consulta Agregar secciones a páginas.

Selecciona el color de fondo de tu bloque con el selector de color.

Selecciona un Border Type para cambiar la apariencia del borde:

Define el ancho del borde para ajustar su grosor.

Define el color del borde para que combine con tu página y tu marca.

Usa el control deslizante Border Radius para que las esquinas del bloque sean más redondeadas o más cuadradas.

Selecciona un efecto de Box Shadow para darle profundidad al bloque.

Las animaciones agregan movimiento a un bloque cuando la página carga y cuando los visitantes se desplazan hasta él. Elige el tipo, la dirección, el retraso y la duración de cada animación.

Los bloques que tienen la configuración de animación activada son fáciles de identificar mientras personalizas tu página:

Haz que tu bloque aparezca en la página con un desvanecimiento cuando un visitante se desplace hasta él.

Haz que tu bloque aparezca en la página girando cuando un visitante se desplace hasta él.

Haz que tu bloque aparezca en la página con un efecto de zoom cuando un visitante se desplace hasta él.

Selecciona la dirección de la animación:

Define cuántos segundos pasan antes de que empiece la animación una vez que un visitante llega al bloque.

Define cuántos segundos dura la animación. Una duración más corta hace que el bloque aparezca rápidamente. Una duración más larga hace que aparezca lentamente a medida que tu visitante se desplaza hasta él.

Time Reveal oculta un bloque o una sección hasta que pasa una cantidad de tiempo definida, para que los visitantes lo vean cuando más importa. La cuenta regresiva empieza a la hora programada de un evento o cuando un visitante carga la página. Time Reveal funciona en cualquier bloque y en una sección completa.

Usos comunes:

Time Reveal usa tres configuraciones: Event, Offset y Offset Units.

Opcional. Selecciona un evento para mostrar tu contenido después de la hora del evento. Si no seleccionas un evento, el contenido se muestra según la carga de la página. Aprende a crear un evento

Ingresa cuánto tiempo esperar antes de que aparezca el contenido. Con un evento seleccionado, la espera empieza a la hora del evento. Sin un evento seleccionado, empieza cuando carga la página.

El offset es obligatorio para activar Time Reveal, con o sin evento. Si dejas el offset en blanco, el contenido siempre está visible.

Elige si el valor de tu offset está en segundos, minutos, horas o días.

Si tu contenido no aparece después de la hora del evento y el offset, revisa lo siguiente. Puedes obtener una vista previa de tu página para probar la configuración de Time Reveal antes de que la vean los visitantes.