¡Descubre el editor de email de arrastrar y soltar rediseñado! Hemos reconstruido la interfaz y el sistema subyacente para reducir los errores y la latencia, mejorar el rendimiento y ofrecerte una forma más sencilla e intuitiva de diseñar tus emails. Esta actualización aporta un aspecto renovado, menús reorganizados y una navegación más fluida, mientras conserva y mejora la funcionalidad básica de arrastrar y soltar que conoces.

❓¿Cómo sé si tengo el nuevo editor de email de arrastrar y soltar? 

Cuando abres el editor de email de arrastrar y soltar, puedes identificar la versión que estás usando de un vistazo:

• Los iconos de bloques de contenido en los colores verde y crema en el panel lateral.
• Únicamente las secciones Content (Contenido) y Style (Estilo) a la izquierda. 

Si tu panel sigue mostrando los iconos o el diseño anteriores, estás usando el editor clásico. Recibirás acceso automático a la nueva versión a medida que continúe el lanzamiento. Los cambios son principalmente visuales y estructurales, así que no te preocupes, ¡no te falta ninguna funcionalidad esencial mientras tanto!

Nuevo	Clásico

👀 Novedades

🔍Cambios clave

El nuevo editor de email de arrastrar y soltar introduce varias mejoras para que el diseño de emails sea más rápido, fluido e intuitivo. Hemos reorganizado elementos clave de la interfaz, mejorado la experiencia de de estilo, unificado las opciones de contenido repetible e integrado la IA directamente en tu escenario.

Consulta nuestras secciones dedicadas para obtener más información sobre los diferentes cambios clave: 

Un panel lateral más claro y fácil de usar

El panel lateral se ha renovado completamente con nuevos colores, un espaciado más claro y un diseño mejorado. Seguirás encontrando los mismos bloques de contenido, secciones prediseñadas y tus secciones guardadas, pero con un diseño más limpio y accesible.

Antes	Después

Aún puedes abrir la pestaña Style (Estilo) directamente desde el panel lateral para establecer el diseño general de tu email antes de añadir contenido, como los colores de tu marca, el diseño y el espacio. Las opciones de IA de Aura se han eliminado del panel lateral. En cambio, las herramientas de IA de Aura ahora están integradas directamente en la experiencia de edición, por lo que puedes generar o mejorar texto e imágenes exactamente donde trabajas, sin cambiar de paneles.

Una guía visual para el relleno y los márgenes

El editor ahora resalta las áreas de espaciado directamente en el lienzo cada vez que ajustas el relleno o el margen. Aparece un fondo morado en la zona afectada, que muestra exactamente dónde se aplicarán tus cambios. Esto facilita la comprensión del espaciado que se está modificando y ayuda a que tu diseño tenga mayor precisión.

Antes

Después

La IA de Aura integrada en la experiencia de edición

Ahora puedes usar la IA de Aura directamente mientras diseñas tu contenido. 

Antes	Después

Cuando insertas o editas un bloque de texto o de contenido de imagen, aparece un cuadro de diálogo de IA de Aura, que te permite:

• Generar y mejorar texto. 
• 🔜 Genera y mejorar imágenes.

Todo sucede en contexto, sin necesidad de abrir herramientas separadas. Esto hace que la experiencia de IA sea más intuitiva, más rápida y mejor alineada con tu escenario de diseño.

Una pestaña Style (Estilo) rediseñada

La pestaña Style (Estilo) se ha reorganizado y simplificado para ayudarte a controlar el diseño global de tu email de forma más eficiente. 

Antes	Después

Desde ahí, puedes:

• Acceder y gestionar tu Biblioteca de marca (colores, logotipos, fuentes).
• Establecer el diseño del email (ancho, estructura, espaciado).
• Ajustar la configuración global de espaciado y fondo.
• Activar o editar el enlace "Ver en el navegador" para una mayor accesibilidad.
• Gestionar los estilos y encabezados de texto, incluyendo fuente, tamaño y colores.
• Controlar el estilo de los enlaces y los botones para una marca coherente.

Todas las opciones de estilo global ahora se agrupan de forma más lógica, lo que facilita establecer la coherencia en todo tu email.

Una barra de herramientas de texto más clara con acceso más fácil a las acciones clave

La barra de herramientas de texto se ha rediseñado para darte un acceso más sencillo a las herramientas que más usas. En lugar de elementos flotantes superpuestos en el lienzo, la barra de herramientas ahora aparece en un diseño fijo y más limpio, lo que hace que la experiencia de edición sea más estable y menos saturada.

Verás que las acciones más comunes son visibles de inmediato y más fáciles de alcanzar, lo que te ayuda a formatear contenido o ajustar elementos más rápido mientras mantienes tu lienzo completamente legible.

Antes

Después

Una edición de bloques de contenido HTML más intuitiva

Ahora puedes insertar y editar un bloque de contenido HTML directamente desde el panel izquierdo:

Antes

Después

El bloque de contenido HTML se ha integrado completamente en el nuevo editor, por lo que puedes:

• Añadir código HTML personalizado directamente dentro de tu email.
• Observar los cambios aplicados al lienzo en tiempo real mientras editas.
• Ajustar la configuración y el formato sin salir del bloque ni abrir una vista separada.

Esto facilita la mezcla de elementos de código personalizados con bloques de contenido de arrastrar y soltar, lo que mantiene todo visible y coherente en tu diseño.

Una forma unificada de repetir orígenes de datos personalizados

Contenido repetible se ha sido unificado y mejorado a través del bloque de contenido dinámico. Este nuevo enfoque proporciona un escenario más claro e intuitivo para unos emails personalizados y basados en datos, manteniendo todo en un solo lugar: 

Antes

Después

En lugar de usar la funcionalidad anterior Contenido repetible, ahora puedes:

1. Insertar un bloque de contenido dinámico en tu email.
2. Seleccionar Custom data source (Fuente de datos personalizado).
3. Rellenar el elemento repetido 
   • En el campo Repeat for (Repetición para), introduce la versión plural de la primera palabra de tu marcador de posición. Por ejemplo, para la sección que contiene el marcador de posición {{ item.name }}, introduce items. Si has conectado tu sitio web a Brevo usando uno de nuestros plugins, el nombre es items por defecto.
   • En el campo Variable alias (Alias de la variable), introduce la primera palabra de tu marcador de posición. Por ejemplo, para la sección que contiene {{ item.name }}, la variable es item. Si has conectado tu sitio web a Brevo utilizando uno de nuestros plugins, el nombre es item por defecto.
4. En la sección Layout (Diseño), elige cuántas veces quieres repetir tu elemento desde el campo Number of items (Número de elementos). 
5. Elige desde qué elemento quieres iniciar tu lista en el campo Index (Índice), siendo 0 el primer elemento de tu lista. 
6. En el bloque de contenido dinámico, arrastra y suelta bloques de contenido para insertar las variables de datos personalizadas que quieres repetir.

⏭️ ¿Qué es lo siguiente?

• Sección Editor Drag & Drop de email

🤔 ¿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.