Las imágenes juegan un papel clave para captar la atención de tu destinatario y dar vida al diseño de tu email. Utiliza el bloque de contenido Image (Imagen) del editor de email Drag and Drop para añadir, personalizar y mejorar tus imágenes. Ajusta el tamaño, los bordes, el texto alternativo y edita directamente dentro del editor para que tu email sea atractivo, profesional y acorde a tu marca.

🏞️ Inserta imágenes en tu diseño de email

Para insertar imágenes en tu diseño de email, primero necesitas arrastrar y soltar el bloque de contenido Image en tu lienzo de email, donde quieres que esté tu imagen: 

Una vez que tu bloque de contenido Image esté insertado en tu lienzo, hay varias formas de añadir una imagen: 

• Arrastrar y soltar desde tu ordenador
• Subir desde tu biblioteca de contenidos para reutilizar imágenes
• Insertar desde una URL 
• Utilizar variables para adaptar las imágenes al destinatario 
• Generar una imagen con Aura AI

Elige la pestaña correspondiente a la forma en que quieres insertar imágenes en el diseño de email: 

Drag and drop (Arrastrar y soltar) Via Content library (A través de la biblioteca de contenido) From a URL (Desde una URL) Use variables ()Usar variables Generate with Aura Ai (Generar con Aura AI)

Añade fácilmente imágenes al diseño del email arrastrándolas y soltándolas directamente desde tu sistema al bloque de contenido Imagen. Tus imágenes se añadirán automáticamente al diseño del email y se guardarán en tu biblioteca de contenidos.

Utiliza la biblioteca de contenidos para subir tus propias imágenes, utiliza imágenes de stock o GIF, o crea imágenes directamente desde el editor de email. Para acceder a la biblioteca de contenido, haz clic en el bloque de contenido Imagen y luego Replace (Reemplazar). 

➡️ Para obtener más información sobre cómo usar la biblioteca de contenido, consulta el artículo dedicado Agregar y administrar imágenes en la biblioteca de contenido.

Haz clic en el bloque de contenido Image y pega el enlace directo donde está alojada tu imagen en el campo Insert image from URL (Insertar imagen desde URL) en el panel izquierdo: 

Tu imagen debe estar alojada en un sitio web de acceso público. La imagen aparecerá en tu email sin necesidad de subirla a tu biblioteca de contenidos. Cuando tu email esté abierto, la imagen se carga directamente desde esa URL, por lo que cualquier actualización hecha en el archivo de tu web aparecerá automáticamente en futuras visualizaciones de email.

Las variables te permiten mostrar automáticamente imágenes dinámicas y personalizadas en tu email. En lugar de insertar una imagen fija, añade una variable que se sustituirá en tiempo real cuando el email esté enviado, basándose en los datos más recientes disponibles. 

Plantilla de email en Brevo	Email recibido en la bandeja de entrada

Por ejemplo, con una variable de datos de evento, cada destinatario verá la imagen de los datos que tiene actualmente vinculados en el momento de enviarlo. Los datos se actualizan automáticamente y la imagen mostrada siempre reflejará la versión más reciente de los datos, sin necesidad de actualizaciones manuales.

➡️ Para saber más sobre variables y cómo insertar imágenes con ellas, consulta nuestros artículos dedicados : Personalizar tus emails con datos de eventos, Crear y enviar recomendaciones de productos con feeds de productos, y Personalizar el contenido de tu email con datos en tiempo real (feeds de datos).

Genera fácilmente imágenes personalizadas mediante Aura como generador de imágenes integrado en el editor de email de arrastrar y soltar. Diseña objetos visuales que se adapten perfectamente a tu campaña sin necesidad de habilidades de diseño.

Una vez que tu bloque de contenido Image se inserta en tu lienzo:

1. Selecciona el bloque de contenido de imagen y haz clic en Generate image (Generar imagen) en la barra de herramientas de imágenes. Se abre un cuadro de diálogo. 
2. En el cuadro de diálogo, describe la imagen que quieres que cree Aura. Sé lo más específico posible para obtener los mejores resultados. Por ejemplo, "Un estudio de yoga tranquilo con la luz natural entrando por grandes ventanas, plantas de fondo y una esterilla de yoga sobre un suelo de madera".
   
3. Elige el tamaño y estilo que quieres en las opciones desplegables correspondientes (por ejemplo, fotografía, fondo, arte vectorial, etc.).
4. Pulsa Enter (Intro) o haz clic en el icono ⬆ de la flecha para generar la imagen.

Aura generará tu imagen en solo unos segundos. Si no estás completamente satisfecho, puedes:

• Hacer clic en Refine image (Mejorar imagen) para ajustar tu indicación y mejorar la imagen, o
• Haz clic en Generate an image (Generar una imagen) de nuevo para crear una nueva variación de imagen.

🖌️ Edita tu imagen (redimensionar, recortar, texto alternativo, etc.)

Redimensionar una imagen

Para redimensionar una imagen, haz clic la imagen que quieres redimensionar y coloca el cursor en una de las esquinas inferiores de la imagen. Una vez que aparezca la flecha, tira de la esquina hasta ajustar el tamaño perfecto. De forma alternativa, también puedes acceder a la sección de Layout (Formato) en el panel izquierdo y cambiar el valor en el campo Width (Ancho) .

Añadir texto alternativo a una imagen 

El texto alternativo es una breve descripción de la imagen que aparece si la esta no carga o para usuarios lectores de pantalla. Mejora la accesibilidad, mejora la experiencia del usuario y transmite el mensaje cuando las imágenes están bloqueadas o no están disponibles.

Para añadir un texto alternativo a tus imágenes:

1. Selecciona la imagen a la que deseas agregar un texto alternativo. Se abre el panel izquierdo con la configuración del contenido. 
2. En la sección Image Settings (Configuración de imagen) en el panel izquierdo, busca el campo Alt text (Texto alt).
3. Escribe una breve descripción de la imagen. Recomendamos escribir una descripción breve y precisa del contenido de la imagen, transmitiendo solo la información esencial. Evita escribir Imagen de y mantén la descripción centrada en el propósito de la imagen. 
   

Cómo agregar un enlace a una imagen

Agregar un enlace a una imagen te permite redirigir a tus destinatarios directamente desde tu página web, una página de producto o cualquier destino:

Editar una imagen (recortar, cambiar color, añadir texto, etc...)

Nuestro editor Drag and Drop incluye un editor de fotos donde puedes recortar su imagen, agregar filtros, texto o diseño de texto. Para acceder al editor de fotos, haz clic en tu imagen y en el botón Edit (Editar) en la sección Image Settings (Configuración de imagen) desde el panel izquierdo. 

📹 Mira el siguiente vídeo para aprender lo básico del editor de imágenes:

Añadir un borde o esquinas redondeadas

Los bordes y las esquinas redondeadas pueden ayudar a que tus imágenes destaquen y aporten un estilo visual que coincida con tu marca.

Añadir condiciones de visibilidad a una imagen

Elige cuándo mostrar tus propias imágenes en el email según las condiciones de visibilidad de configuración. Permite mostrar u ocultar una imagen según el dispositivo del destinatario o atributo de contacto, como la ubicación o el idioma. Es una forma sencilla de personalizar el diseño y asegurarte de que cada destinatario vea la versión más relevante del email.

➡️ Para obtener más información sobre la visibilidad del contenido, consulte nuestro artículo dedicado Mostrar u ocultar contenido en tus emails (visibilidad del contenido).

⏭️ ¿Qué es lo siguiente?

• Agregar y administrar imágenes en la biblioteca de contenido
• Sección 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.