We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
¿Cómo podemos ayudarlo?
Busca en nuestros artículos de ayuda, tutoriales de video y guías de inicio rápido

Podrás con esto. Podrás con nosotros. Encuentra rápidamente en nuestra Base de conocimientos las respuestas a tus preguntas sobre marketing por correo electrónico.

Agrupar bloques en un correo electrónico o una página de bienvenida o llegada

Article: 000045164
Updated: 12 de marzo de 2025

Conecte un grupo de bloques en una fila para que sea más fácil copiarlos o moverlos alrededor de su plantilla de correo electrónico como una unidad

Los bloques disponibles en los editores de correo electrónico y páginas de bienvenida son las herramientas de creación esenciales para su diseño. Los bloques pueden ubicarse por sí solos y abarcar todo el ancho de la plantilla, o puede agruparlos en diseños/filas. Cuando los bloques están agrupados, es más fácil copiarlos o moverlos como una sola unidad.

 

Icono de bombilla de luzSugerencia de diseño: Su plantilla usa bloques, diseños y secciones para ayudarlo a organizar su contenido. Cada bloque, fila o sección se puede mover o copiar para ahorrarle tiempo también: ¡simplemente haga clic en el icono Copy (Copiar) en el menú de bloque, fila o sección!

 


Conectar bloques individuales para crear una fila o un diseño

Al agregar un bloque a su plantilla, las líneas guía pueden ayudarlo a posicionar el bloque encima, debajo, a la izquierda o a la derecha de otro bloque. Si su plantilla tiene varias secciones, los bloques se agregan de la misma manera en cada sección.

Lado a lado o columnas

Cuando la línea guía aparece en el lado izquierdo o derecho de un bloque, los bloques se ubican uno al lado del otro como columnas, creando su propia fila.

  • Guía en el lateral de un bloque:

    Pestaña de creación con el bloque de imagen arrastrado a la plantilla con la guía hacia el lado izquierdo de un bloque de imagen existente
     
  • Bloques contiguos resultantes que comparten un menú Row (Fila):

    Dos bloques de imágenes colocados uno al lado del otro en una fila
     

 

Icono de bombilla de luz¿Sabía que…? Puede crear hasta tres columnas a lo ancho de su plantilla.

 

Arriba y abajo

Cualquier bloque puede estar encima o debajo de otro bloque, incluso dentro de una columna. La línea guía le ayuda a determinar si está a punto de agregar un bloque a una fila: si la guía se extiende más allá del ancho del bloque que está arriba o debajo de ella hacia el fondo exterior, el bloque crea su propia fila cuando lo suelta.

  • Línea guía debajo de un único bloque que se extiende más allá del fondo interior:

    Pestaña de creación con el bloque de imagen arrastrado a la plantilla debajo de otro bloque con la línea guía extendiéndose a través de la plantilla hasta el fondo exterior
     
  • Los bloques resultantes se apilan en sus propias filas, donde cada bloque tiene su propio menú de Row (Fila):

    Bloque de imagen ubicado debajo de otro bloque de imagen, ambos en sus propias filas
     
  • Línea guía debajo de un solo bloque que abarca el ancho del bloque:

    Pestaña de creación con el bloque de imagen arrastrado a la plantilla debajo de otro bloque con la línea guía que abarca el ancho del bloque de imagen que está encima de él
     
  • Bloques apilados resultantes en una fila que comparten un menú Row (Fila):

    Bloque de imagen ubicado debajo de otro bloque de imagen, ambos dentro de la misma fila
     
  • Línea guía debajo de un bloque que ya está dentro de una columna:

    Pestaña de creación con el bloque de imagen arrastrado a la plantilla debajo de otro bloque dentro de una columna, con la línea guía que solo abarca el ancho del bloque
     
  • Columnas resultantes con contenido apilado que comparten un menú Row (Fila):

    Bloque de imagen ubicado debajo de otro bloque de imagen en una columna, al lado de la otra columna, todo dentro de la misma fila
     

 

Añadir bloques individuales a un diseño prediseñado

Los bloques se pueden mover dentro y alrededor de un diseño o fila. La línea guía le ayuda a encontrar la ubicación dentro de un diseño donde se puede agregar un bloque, ya sea encima o debajo de otro bloque individual.

  • Diseño de la barra lateral de la columna izquierda con posibles ubicaciones para un bloque:

    Pestaña de creación con el bloque de imagen arrastrado a un diseño de barra lateral de la columna izquierda que muestra la línea guía para múltiples ubicaciones para colocar el bloque, encima y debajo de los bloques individuales dentro del diseño
     
  • Diseño resultante con un nuevo bloque de imagen agregado a la columna de la izquierda, y el diseño tiene su propio menú Row (Fila):

    Diseño de barra lateral de la columna izquierda con un bloque de imagen adicional debajo del texto en la columna de la izquierda, y el diseño tiene su propia fila
     

Los diseños prediseñados que tienen dos columnas no se pueden convertir en un diseño de tres columnas agregando un bloque al lado izquierdo o derecho del diseño. Puede crear un diseño de tres columnas utilizando el diseño de tres columnas prediseñado o colocando tres bloques individuales uno al lado del otro.

Icono de bombilla de luz¿Sabía que…? Los bloques de imágenes tienen una opción de ubicación adicional para que usted pueda ajustar el texto a su alrededor (no se muestra en la imagen de arriba).

 

Mover una fila o un diseño

Una vez que haya conectado bloques juntos en una fila o haya agregado un diseño prediseñado a su plantilla, los bloques se pueden mover como una unidad usando el controlador de arrastre (flechas direccionales) en el menú Row (Fila). Las filas solo se pueden mover por encima o por debajo de otras filas, y también se pueden mover por encima o por debajo de una fila en una nueva sección.

  • Diseño en su propia fila con menú Row (fila) y controlador de arrastre:

    Diseño en su propia fila con el menú Row (Fila) expandido y las flechas direccionales para arrastrar el diseño hacia arriba o hacia abajo en la plantilla 
     
  • Fila que se mueve debajo de otra fila con una guía que se extiende hasta el fondo exterior:

    El diseño en su propia fila se arrastra hasta la parte inferior de la plantilla con la línea guía visible y extendida hacia el fondo exterior  
     
  • Fila resultante que reposa en la parte inferior de la plantilla debajo de la

    Diseño en su propia fila que se ha movido a la parte inferior de la plantilla debajo de otra fila 
     

 

Icono de bombilla de luz¿Sabía que…? La pestaña Design (Diseño) le permite configurar los colores y fuentes globales para toda la plantilla, pero cada fila tiene una opción para cambiar el color de fondo para que se destaque también.

 

Diseños de encabezado

La única excepción a esta regla es el diseño de un Encabezado o de un Título de sección. Estos diseños siguen las reglas para agregar un diseño prediseñado a una plantilla, donde deben colocarse encima o debajo de otra fila. Sin embargo, una vez que se agregan a la plantilla, puede utilizar el controlador de arrastre (flecha direccional) en el menú Block (Bloque) para moverlos dentro de un diseño. Si utiliza el controlador de arrastre en el menú Row (Fila), el encabezado debe moverse hacia arriba o hacia abajo de otra fila.

  • Línea guía debajo de un único bloque que se extiende más allá del fondo interior:

    Pestaña de creación con la sección Diseños y el diseño de encabezado de sección que se arrastran a la plantilla en su propia fila 
     
  • Diseño de encabezado resultante en su propia fila, con su propio menú Block (Bloque) y controlador de arrastre y menú Row (Fila) con controlador de arrastre (flechas direccionales):

    Diseño de título como su propia fila con menú Row (Fila) y menú Block (Bloque) de texto visibles con dirección opcional para arrastrar 
     
  • El bloque de encabezado se movió al diseño prediseñado usando el controlador de arrastre Block (Bloque) (flechas direccionales), y el bloque de encabezado ahora es parte de la misma fila que el diseño prediseñado:

    Diseño con su menú Row (Fila) expandido y diseño de Título como un bloque de texto dentro del diseño con su menú Block (Bloque) visible 
     

 

Mover un bloque individual fuera de un diseño

Una vez que un bloque es parte de un diseño, no es permanente. Cada bloque individual se puede mover para crear su propia fila, o se puede mover a un grupo de bloques o diseño diferente.

  • Fila con un bloque individual resaltado que muestra el menú Block (Bloque) y controlador de arrastre (flechas direccionales):

    Diseño con su menú Row (Fila) visible y bloque de texto dentro del diseño con su menú Block (Bloque) visible 
     
  • Bloque resultante después de moverlo debajo del diseño a su propia fila:

    El bloque de texto se movió fuera de un diseño y a su propia fila debajo del diseño con los menús Block (Bloque) y Row (Fila) visibles 
     

 


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Todos los derechos reservados · Constant Contact · Privacy Policy