Agregar imágenes
Copiar enlace al artículo
Copiado

Contenido

  1. Agregar una imagen a la plantilla de correo electrónico
  2. Agregar un banner a la plantilla de correo electrónico
  3. Configurar el efecto rollover

Las imágenes son la base de todos los correos electrónicos. Por muy atractivo que sea el texto, el mensaje debe contener imágenes que evoquen emociones y muestren los productos de la mejor manera posible.

Agregar una imagen a la plantilla de correo electrónico

Para agregar una imagen, cree en la plantilla una estructura con el número necesario de columnas.

Nota

Para crear un banner, utilice el bloque «Banner». Para otros fines, utilice el bloque «Imagen».

Una imagen se puede agregar de dos maneras:

  • arrastrar y soltar la imagen que se va a utilizar, o cargarla desde el ordenador haciendo clic en el icono de flecha y seleccionando el archivo;
  • agregar un enlace a un recurso externo mediante el campo «Enlace a un recurso externo», donde debe introducirse el enlace directo a la imagen.

Además de agregar una imagen, también es posible editarla. Después de cargarla, haga clic en el botón «Editar» del panel de configuración situado a la derecha del área de la imagen.

Panel de configuración de una imagen con las opciones de ruta, enlace y texto alternativo

La imagen se abrirá en el editor Pixie en una nueva ventana. El editor permite aplicar filtros, cambiar el tamaño y recortar la imagen, dibujar y colocar texto, así como agregar pegatinas y marcos.

Al terminar la edición, haga clic en «Guardar» en el editor Pixie. Solo entonces se aplicarán los cambios y la imagen se guardará en el almacenamiento para utilizarla posteriormente.

Agregar un banner a la plantilla de correo electrónico

El creador de plantillas de email incluye un generador de banners que permite crear banners complejos directamente en el editor, sin herramientas externas.

Para agregar un banner a una plantilla:

  • agregue una estructura a la plantilla de correo electrónico;
  • agregue el bloque «Banner» a la estructura;
  • cargue la imagen que se va a utilizar;
  • recorte la imagen desde el panel de configuración si el sistema ofrece esta opción;
  • establezca el factor de forma u orientación de la imagen: vertical, cuadrada u horizontal.

Si es necesario, aplique un filtro al banner. Agregue también el enlace que llevará a los destinatarios a la página correspondiente.

Para colocar texto sobre la imagen, haga clic en el botón «T» del panel de configuración. Cuando el botón quede resaltado, haga clic con el botón izquierdo del ratón sobre la imagen. Aparecerá el texto «Texto» en el banner; sustitúyalo por el mensaje necesario y configure su tamaño, color y tipo de letra.

Editor de banners con la herramienta de texto aplicada sobre una fotografía

Nota

En el panel de configuración se puede activar la función «Imagen adicional». La imagen adicional puede ser una pegatina, un marco, un logotipo o un fondo que ayude a destacar el texto.

Una vez agregado el banner, las etapas de edición se pueden realizar en cualquier orden.

Configurar el efecto rollover

El efecto rollover cambia una imagen por otra cuando se pasa el cursor del ratón sobre ella.

Esta función permite ahorrar espacio en el correo electrónico, ya que, por ejemplo, se pueden ocultar los detalles de un producto debajo de su fotografía.

¡Importante!

El efecto rollover funciona en dispositivos de escritorio. En los demás dispositivos solo se mostrará la imagen principal.

El efecto se puede aplicar a cualquier imagen agregada a la plantilla, excepto a los banners.

Para configurar el efecto rollover:

  • cargue la imagen principal;
  • active el botón «Rollover Effect» en el panel de configuración;
  • cargue la segunda imagen y edítela si es necesario;
  • introduzca la URL de destino, que quedará vinculada a ambas imágenes;
  • introduzca el texto alternativo.
Gracias por tus comentarios.
¿Te resultó útil este artículo
No
  • Рекомендации не помогли
  • Нет ответа на мой вопрос
  • Текст трудно понять
  • Не нравится описанный функционал
Si
Artículo anterior
Trabajar con enlaces y botones
En este artículo aprenderás cómo añadir enlaces o botones CTA en el texto del email.
Artículo siguiente
Agregar video a las plantillas de correo electrónico
En el artículo se describen las formas de incrustar un video en un correo y las plataformas que admiten su reproducción directamente en el mensaje.