Al diseñar tu email con el editor de email Drag and Drop, se genera usando dos elementos principales: secciones y bloques de contenido. Entender la diferencia entre ellos te ayudará a crear diseños de email limpios y profesionales más rápido.
🏗️ Acerca de secciones
Una sección es un grupo de bloques de contenido o un bloque estructural formado por una o más columnas. Puedes pensar en una sección como el marco de formato de tu email; define cómo y dónde se mostrará el contenido.
Puedes añadir secciones a tu diseño de varias maneras:
-
Crea tu propia sección
Arrastra y suelta bloques de contenido directamente en tu lienzo de email para crear automáticamente una nueva sección. -
Utiliza una sección prediseñada
Ve a Content (Contenido) > Sections (Secciones) para elegir entre diseños listos para usar que incluyen imágenes, texto y columnas que puedes personalizar.
➡️ Para saber más sobre secciones predefinidas, consulta nuestro artículo dedicado Ahorra tiempo diseñando tu email con secciones prediseñadas. -
Guarda y reutiliza tu propia sección
Reutiliza cualquiera de tus secciones creadas en el email anterior guardándolas de antemano. Esto es perfecto para diseños recurrentes como encabezado, pie de página o al mostrar productos.
➡️ Para saber más sobre las secciones guardadas, consulta nuestro artículo dedicado Guardar secciones para reutilizarlas en tus diseños de email.
🖍️ Personaliza tu sección
Una vez que hayas añadido una sección, puedes personalizar su disposición y estilo haciendo clic en la sección para abrir su configuración en el panel izquierdo:
Estas configuraciones te ayudan a controlar cómo se muestra el contenido en tu email:
Configuración |
Descripción |
|---|---|
| Formato | Elige cómo se alinear verticalmente el contenido dentro de la sección (arriba, centro o abajo). |
| Fondo | Establece un color, imagen o URL de fondo. También puedes aplicarlo a todo el ancho de tu email. |
| Espaciado | Ajusta el espacio entre columnas y gestiona el relleno (espacio interior) y el margen (espacio exterior) alrededor de tu sección. |
| Visibilidad del contenido | Decide si mostrar o ocultar la sección según el dispositivo o las acciones de tu destinatario. ➡️ Para obtener más información, consulta nuestro artículo dedicado Mostrar u ocultar contenido en los emails (Visibilidad del contenido). |
| Contenido repetible | Repite automáticamente los elementos de tu sección, por ejemplo, para mostrar una lista de productos o eventos. ➡️ Para saber más, consulta nuestro artículo dedicado Repite una lista de elementos en tu email (contenido repetible). |
❓ FAQ sobre secciones
¿Cómo puedo añadir, redimensionar o eliminar una columna?
Una vez que hayas añadido un bloque de contenido dentro de tu lienzo de email, puedes añadir o redimensionar columnas haciendo clic en la sección y usando los controles deslizantes para moverlas y los botones + para añadir columnas. También puedes eliminar una columna haciendo clic en ella y en el icono de la papelera:
¿Cómo puedo duplicar o mover una sección?
Para duplicar una sección, selecciónala y haz clic en el icono de duplicar . Luego puedes mover la sección seleccionándola y arrastrándola hasta la ubicación deseada. Como alternativa, puedes usar el icono de mover
o los iconos de arriba ↑ y abajo ↓ para mover la sección un escalón hacia arriba o hacia abajo.
¿Cómo sé si inserté un bloque de contenido dentro de una sección?
Para saber si un bloque de contenido está dentro de una sección o no, haz clic en la sección y comprueba dónde terminan los bordes de la sección y qué bloques contiene. Al insertar un bloque de contenido en una sección, si la línea de inserción ocupa todo el espacio de tu lienzo, esto significa que el bloque de contenido se insertará como una sección independiente. Si quieres insertarlo en una sección, asegúrate de que la línea de inserción esté bajo otro bloque de contenido y no llene todo el espacio del lienzo.
¿Cómo puedo poner columnas una al lado de la otra en un dispositivo móvil?
En pantallas más pequeñas, puede que prefieras cambiar la forma en que se muestra tu contenido para mejorar la legibilidad o reducir el espacio. Para ajustar la orientación del contenido, selecciona la sección que quieres editar y cambia a la vista móvil desde la barra superior de navegación. En el panel izquierdo, en Layout (Formato), elige si quieres que tu contenido aparezca vertical u horizontalmente. Dependiendo del mismo, también podrías intercambiar contenido si es necesario.
➡️ Para saber más sobre la vista móvil, consulta nuestro artículo dedicado Optimizar el diseño del email para dispositivos móviles (adaptado a dispositivos móviles).
¿Cómo puedo separar visualmente secciones con una línea de ruptura?
Para separar visualmente diferentes secciones, puedes usar un bloque divisor que actúe como una sección independiente. Puedes cambiar su color, estilo, espacio y grosor.
🧱 Acerca de los bloques de contenido
Un bloque de contenido representa un tipo de contenido específico que puedes añadir a tu email. Estos son los elementos constructivos dentro de tus secciones: cada bloque contiene un tipo específico de contenido como texto, imágenes o botones.
Puedes encontrar todos los bloques de contenido en la pestaña Content (Contenido) > Blocks (Bloques) y simplemente arrastrarlos y soltarlos en una sección. Los bloques de contenido disponibles son:
|
|
|
Los bloques Title (Título) y Text (Texto) te permiten añadir contenido escrito al email:
|
Ambos ofrecen opciones de formato (estilo de fuente, tamaño, color, alineación y enlace) para mantener un mensaje claro y acorde a la marca.
➡️ Para saber más sobre los bloques de contenido Title (Título) y Text (Texto), consulta nuestro artículo dedicado Acerca de los bloques de contenido Title (Título) y Text (Texto).
|
|
El bloque Image (Imagen) te permite añadir elementos visuales al email, como fotos de eventos, iconos e ilustraciones. Puedes insertar tus propias imágenes, elegir entre nuestro stock integrado y la galería GIF, o incluso crear imágenes personalizadas directamente desde el editor. Ajusta fácilmente la alineación, el tamaño, el texto alternativo y añade enlaces para que tus imágenes sean atractivas y funcionales. |
➡️ Para saber más sobre el bloque de contenido Image (Imagen) , consulta nuestros artículos dedicados Inserta y edita imágenes en tus diseños de email y Agrega y administra imágenes en la biblioteca de contenido.
|
|
El bloque Video (Vídeo) te permite añadir una miniatura de vídeo vinculada a un vídeo alojado (por ejemplo, en YouTube o Vimeo). Dado que la mayoría de los clientes de email no tienen compatibilidad con la reproducción de vídeo incrustada, al hacer clic en la miniatura se redirigirá al destinatario al vídeo en su plataforma original. Puedes personalizar la imagen en miniatura, el estilo del botón de reproducir y la URL del enlace para aumentar la interacción. |
➡️ Para saber más sobre el bloque de contenido de vídeo, consulta nuestro artículo dedicado Insertar vídeos en mi campaña de email.
|
|
El bloque Button te permite añadir una llamada a la acción (CTA) clara al email, como Shop Now (Compra ahora), (Register) Regístrate o Learn More (Aprende más). Puedes personalizar el texto, los colores, el tamaño, la alineación y el destino del enlace para que coincidan con tu diseño y dirijan los clics. |
➡️ Para saber más sobre el bloque de contenido Button, consulta nuestro(s) artículo(s) dedicado(s) Inserta una llamada a la acción (CTA) efectiva en tus diseños de email (botón).
|
|
El bloque Dynamic content (Contenido dinámico) te permite usar un solo diseño de email para crear múltiples emails personalizados para cada destinatario a fin de que parezcan conversaciones personales. Por ejemplo, crea un único formato de email de confirmación de pedido que se completará automáticamente con la información del destinatario en el momento del envío, como el total de su pedido y la lista de productos comprados. |
➡️ Para saber más sobre cómo usar el bloque Dynamic content (Contenido dinámico), consulta nuestro artículo dedicado Explicación sobre el bloque de contenido dinámico (feed de datos y datos de eventos).
|
|
El bloque Logo (Logotipo) te permite insertar el logo de tu marca en el email, normalmente situado en la parte superior. Esto garantiza que el destinatario pueda reconocer al instante de quién es el mensaje con lo que se refuerza la identidad de tu marca y se aumenta la confianza. Puedes ajustar el tamaño y la alineación del logo para adaptarlos al formato. |
➡️ Para saber más sobre cómo usar el bloque de contenido Logo, consulta nuestro artículo dedicado Guarda los recursos de tu marca en la biblioteca de marca.
|
|
El bloque Social te permite añadir iconos que al hacer clic en ellos se conectan a las páginas de redes sociales de tu empresa (como Facebook, Instagram, LinkedIn, Twitter, etc.). Personaliza su estilo, tamaño, alineación y color para que coincidan con tu marca y fomentar así la interacción entre plataformas. |
➡️ Para saber más sobre cómo usar el bloque Social (Redes sociales), consulta nuestro artículo dedicado Guarda los recursos de tu marca en la biblioteca de marca.
|
|
El bloque HTML te permite ir más allá de los elementos para arrastrar y soltar e incrusta un código de HTML personalizado directamente en el diseño de tu email. Esto es perfecto para añadir diseños personalizados, widgets incrustados, temporizadores de cuenta atrás o integrarse con herramientas de terceros que proporcionan código incrustado. Con algunos clientes de email no hay compatibilidad con todos los HTML elementos. |
➡️ Para saber más sobre el bloque de contenido HTML, consulta nuestro artículo dedicado Limitaciones al usar HTML para tus campaña de email.
|
Divider (Divisor) |
El bloque Divider (Divisor) te permite insertar una línea horizontal para separar visualmente el contenido dentro de tu email. Esto ayuda a organizar secciones, crear espacio y facilitar la lectura del mensaje. Puedes personalizar el grosor, estilo, color y anchura de la línea. |
➡️ Para saber más sobre el bloque de contenido Divider (Divisor) , consulta nuestra sección dedicada Secciones visualmente separadas con una línea.
|
|
El bloque Product te permite mostrar productos de tu tienda online, sin necesidad de copiarlos. Cree emails de marca que muestren sus productos exactamente como aparecen en su sitio web. |
➡️ Para obtener más información sobre el bloque contenido Product (Producto), consulta nuestro artículo dedicado Insertar productos de tu tienda online en tus emails con el bloque de producto.
|
|
El bloque Navigation te permite crear enlaces anclaje que permiten al destinatario saltar a secciones específicas dentro de un email largo. Esto es especialmente útil para emails ricos en contenido, como newsletter, menús o catálogos de productos. Puedes aplicar estilo a los enlaces como una barra de navegación web. |
➡️ Para saber más sobre el bloque de contenido Navigation, consulta nuestro(s) artículo(s) dedicado(s). Añade un índice y un enlace de anclaje en tu email.
|
Spacer (Espaciador) |
El bloque Spacer (Espaciador) te permite insertar espacios en blanco entre bloques de contenido para mejorar el formato y el flujo visual de tu email. Úsalo para separar secciones, evitar que los elementos parezcan amontonados o alinear el contenido con precisión. Puedes ajustar la altura del separador para que se ajuste al espacio deseado. |
🖍️ Personaliza tus bloques de contenido
Una vez que hayas añadido los bloques de contenido, puedes personalizarlos haciendo clic en ellos para abrir su configuración en el panel izquierdo:
➡️ Cada bloque de contenido tiene su propia configuración. Para saber más sobre cada bloque de contenido y su configuración, abre el acordeón correspondiente en la lista de bloques de contenido disponible que aparece arriba para acceder a sus artículos específicos.
❓ FAQ sobre bloques de contenido
¿Cómo muevo un bloque de contenido dentro de una sección o a otra sección?
Para mover un bloque de contenido dentro de una sección o a otra, simplemente arrástralo y suelta en la posición deseada:
¿Cómo puedo crear un formato de imágenes, texto y botones?
Para crear un diseño de imágenes, texto y botones, simplemente arrastra y suelta los bloques de contenido deseados en el lienzo del email. Puedes ponerlos todos en la misma sección o crear varias. Luego sustituye el texto y las imágenes ficticios por los tuyos propios. ¡Eso es todo!
⏭️ ¿Qué es lo siguiente?
- Ahorra tiempo diseñando emails con secciones prediseñadas
- Guarda secciones para reutilizarlas en tus diseños de email
- Cómo configurar el estilo de tus emails
- Sección Drag & Drop email editor (Editor de email Drag and Drop)
🤔 ¿Tiene alguna duda?
Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.
Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con la agencia partner de Brevo adecuada.