Agregar imágenes
Copiar enlace al artículo
Copiado

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, mostrando los productos de la mejor manera posible.

Agregar imagen a la plantilla del correo electrónico

Para agregar una imagen, crea una nueva estructura con el número requerido de columnas en la plantilla.

Nota

Para crear un banner utilice el bloque "Banner". Para otros propósitos, use "Imagen".

Hay dos formas de agregar una imagen:

  • arrastra y suelta la imagen que vas a utilizar, o descárgala de tu ordenador haciendo clic en el icono de flecha y seleccionando la imagen en tu ordenador;
  • agrega un enlace a un recurso externo usando el campo "Enlace a un recurso externo", donde necesitas insertar un enlace directo a una imagen.

Además de agregar una imagen, es posible editarla.

Después de cargar la imagen, haz clic en el botón "Editar" en el panel de configuración a la derecha del fragmento de la imagen.

La imagen se abrirá en el editor Pixie en una nueva ventana desplegable. En el editor, puedes aplicar filtros, cambiar el tamaño y recortar imágenes, dibujar y colocar texto, agregar pegatinas y marcos.

Después de finalizar la edición, haz clic en "Guardar" en el editor Pixie, y solo entonces se le aplicarán los cambios realizados en la imagen.

Después de hacer clic en "Guardar", la imagen se guardará en el almacenamiento para su uso en el futuro.

Agregar un banner a la plantilla de correo electrónico

Stripo ofrece un generador de banners que permite a los usuarios crear banners complejos directamente en el editor sin herramientas de terceros.

Veamos cómo agregar un banner a una plantilla:

  • agregar estructura a tu plantilla de correo electrónico;
  • agregar el bloque "Banner" a la estructura agregada;
  • sube la imagen que vas a utilizar;
  • en el panel de configuración, el sistema ofrecerá recortar la imagen si es necesario;
  • establecer el factor de forma (orientación) de la imagen. La imagen puede ser vertical, cuadrada u horizontal.

Si es necesario, aplica un filtro al banner agregado.

Asegúrate de incluir un enlace que llevará a los destinatarios a la página deseada.

Si necesitas agregar el texto sobre la imagen, haz clic en el botón "T" en el panel de configuración. Cuando se ilumine, haz clic izquierdo en la imagen. Al mismo tiempo, verás la inscripción "Texto" en el banner, en lugar de que indique el mensaje requerido con el tamaño, color y tipo de fuente.

Nota

Puedes activar la función "imagen adicional" en el panel de configuración. Puede ser cualquier cosa: pegatina, marco, logotipo, fondo para que el texto sea más visible.

Cuando se agrega el banner, puedes realizar todos los pasos de edición en cualquier orden.

Efecto de imagen cambiante

Efecto rollover en Stripo: cambia una imagen a otra cuando pasas el mouse sobre ella.

Esta función ahorrará un espacio en los correos electrónicos, ya que puedes ocultar los detalles del producto, por ejemplo, debajo de una foto.

¡Importante!

El efecto rollover funciona en dispositivos de escritorio. Otros usuarios verán solo la imagen principal.

Este efecto se puede aplicar a cualquier imagen que agregues a la plantilla, excepto al banner.

Veamos cómo crear el efecto anterior:

  • subir una imagen;
  • en el panel de configuración, habilita el botón Rollover Effect;
  • cargar una segunda imagen, editarla si es necesario;
  • pega el enlace URL - se adjuntará a ambas imágenes;
  • ingresa Alt-texto.
Gracias por tus comentarios.
¿Te resultó útil este artículo
No
  • Рекомендации не помогли
  • Нет ответа на мой вопрос
  • Текст трудно понять
  • Не нравится описанный функционал
Si
Artículo anterior
Trabajar con enlaces y botones
Este artículo te mostrará cómo agregar enlaces o botones de CTA en el texto de un correo electrónico.
Artículo siguiente
Agregar video a las plantillas de correo electrónico
Este artículo describe cómo puedes insertar un video en el correo electrónico y qué plataformas admiten la reproducción directamente en el correo electrónico.
#}