Agregar, cambiar el tamaño o diseñar espaciadores en un correo electrónico.

Inserte un espaciador para agregar algunos espacios en blanco alrededor de su contenido y cambie la altura o el color según sea necesario.

Un poco más de espacio entre el texto, las imágenes o los botones ofrece un descanso a la vista y hace más fácil leer su mensaje de correo. Sin embargo, los espaciadores no solo tienen que ir por encima o por debajo de su contenido. Puede utilizarlos para empujar contenido a un lado y crear un diseño de dos columnas, y también centrar el contenido de arriba a abajo en una columna para que se alinee un poco mejor.

• Insertar un espaciador
• Crear columnas con un espaciador
• Cambiar el tamaño de un espaciador
• Cambiar el color del espaciador
• Copiar un espaciador
• Eliminar un espaciador

Sugerencia de diseño: los espaciadores pueden ayudar a ajustar el relleno de la imagen por encima o por debajo de una imagen en su correo electrónico.

Insertar un espaciador

Los espaciadores se pueden extender a lo largo de toda la plantilla y se pueden agregar a las columnas.

1. Desde la pestaña Build (Crear), arrastre un Spacer block (Bloque espaciador) a su plantilla. Utilice las pautas para encontrar el lugar adecuado.

• Template width (Ancho de la plantilla): La línea guía se extiende a lo ancho de la plantilla.
  
  
   
• Column (Columna): La guía solo es visible dentro de la columna en la que desea agregar el espaciador. El espaciador se puede agregar encima o debajo de cualquier contenido que ya esté presente en la columna.
  
  
   

Una vez que el espaciador esté en su plantilla, puede arrastrarlo a una ubicación diferente, copiarlo o eliminarlo usando el menú a la derecha del espaciador.

Crear columnas con un espaciador

Una vez que se haya agregado a su plantilla otro tipo de bloque, como una imagen, un bloque de texto o un divisor, puede colocar un espaciador al lado para crear columnas. Puede agregar un solo espaciador para un diseño de dos columnas o agregar otro para un diseño de tres columnas.

1. Desde la pestaña Build (Crear), arrastre un Spacer block (Bloque espaciador) a su plantilla y colóquelo junto a otro bloque. Utilice las pautas para encontrar el lugar adecuado.
   
   
    
2. (Opcional) Utilice la barra de arrastre para cambiar el tamaño de las columnas.
   
   
    

Cambiar el tamaño de un espaciador

Existen dos formas de cambiar el tamaño de un espaciador:

• Eyeball it (Visualícelo): Coloque el cursor sobre el espaciador y use el controlador de arrastre para aumentar o disminuir la altura del espaciador.
  
  
   
• Set a specific height( Establezca una altura específica): Haga clic en el espaciador para abrir la barra de herramientas e ingrese la altura de píxel del espaciador.
  
  
   

Cambiar el color del espaciador

El espaciador siempre tiene como valor predeterminado el color de fondo de su plantilla o el color de fondo del diseño al que lo agrega. Cambiar el overall background color (color de fondo general) de la plantilla o del diseño cambia el color del espaciador, pero si desea que el espaciador se destaque, puede cambiar su color de forma independiente.

1. Coloque el cursor sobre el espaciador y haga clic en el ícono de engranaje en el menú de la derecha.
2. Haga clic en el ícono de lata de pintura.
3. Seleccione un color de la paleta Basic (Básica) o haga clic en Advanced (Avanzado) para ingresar un valor HEX (hexadecimal) específico.
   
   
    

¿Sabía que...? Una vez que se cambia el color del espaciador, el color no cambiará si selecciona un nuevo color para el diseño o el fondo de la plantilla. Eliminar el espaciador y agregar uno nuevo restablece el color para que coincida con el fondo, si es necesario.

Copiar un espaciador

Cuando esté agregando varios espaciadores a su diseño de plantilla y desee que tengan la misma altura y color, puede crear un espaciador de la forma que desea y luego copiarlo. Mantiene la misma altura y color de pixeles para que no tenga que trabajar con cada espaciador.

1. Coloque el cursor sobre el espaciador y haga clic en el ícono de engranaje en el menú de la derecha.
2. Haga clic en el icono de copiar.
   
   
    

El nuevo espaciador aparece justo debajo del espaciador original y se puede arrastrar a otra parte de la plantilla.

Eliminar un espaciador

Hay dos formas de eliminar un espaciador:

• Spacer toolbar (Barra de herramientas del espaciador): Haga clic en el espaciador para abrir la barra de herramientas y haga clic en icono de la papelera.
  
  
   
• Block side menu (Menú lateral del bloque): Coloque el cursor sobre el espaciador, haga clic en el ícono de engranaje y luego haga clic en el ícono de la papelera.
  
  
   

Questions?