Además de ser visualmente más atractivos, los correos electrónicos con imágenes incrustadas pueden captar la atención de los suscriptores y hacerlos avanzar en tu embudo de ventas.
Antes de aprender a incrustar imágenes, es esencial comprender qué son las imágenes incrustadas, los métodos comunes para incrustarlas y sus ventajas y desventajas.
¿Qué son las imágenes incrustadas?
Cuando una imagen se incrusta en un mensaje de correo electrónico, se incluye en el código de la plantilla, de modo que, al abrir el correo, aparece junto al texto en lugar de como un archivo adjunto.
Por supuesto, puedes adjuntar imágenes a un correo como un archivo, pero no es la mejor opción. Quieres que los suscriptores puedan ver la imagen en el cuerpo del correo para que cumpla su función promocional.
¿Por qué incrustar imágenes en correos electrónicos?
Una campaña de correo electrónico con imágenes es una forma eficiente de destacar frente a la competencia y añadir un toque personal a tu empresa. Las imágenes incrustadas pueden ser una poderosa herramienta de marketing, y aquí te explicamos por qué.
1. Estas imágenes son más convenientes para los destinatarios
Es bastante molesto tener que descargar imágenes de un correo para verlas. Recomendamos incrustar imágenes, aun cuando tus suscriptores puedan descargarlas en sus dispositivos.
2. Es más fácil evitar los filtros de spam
Es menos probable que los clientes de correo clasifiquen como spam los correos con imágenes incrustadas. Los proveedores de correo son muy cautelosos con archivos adjuntos o enlaces que parecen sospechosos, ya que pueden contener virus o contenido perturbador.
3. Mayor velocidad de visualización
Incrustar imágenes en correos HTML ayuda a comprimir gráficos grandes, lo cual incrementa la velocidad de carga de la página. Todos sabemos lo molesto que es tener que esperar a que se descargue una página.
Aunque las fotos estén incrustadas, es posible que no se muestren, ya que algunos clientes de correo ofrecen a sus usuarios una opción de bloqueo de imágenes. Por ejemplo, un usuario de Gmail puede bloquear imágenes automáticamente cuando un correo llega a su bandeja de entrada. Para eso, puedes agregar el enlace a la "Versión web" de tu correo y trabajar en el texto alternativo de las imágenes.
Si deseas saber más sobre el bloqueo de imágenes en correos, consulta este artículo.
Métodos para incrustar imágenes en correos electrónicos
A continuación, se muestran las formas más comunes de incrustar imágenes en correos electrónicos:
1. Incrustar imágenes CID
La incrustación de imágenes CID ha existido por un tiempo y se considera una de las mejores formas de incluir imágenes en correos. Al usar este método, la imagen se referencia en una etiqueta HTML dentro de la plantilla del correo, por lo que la imagen será visible cuando tu destinatario abra el mensaje.
Sin embargo, este método solo es adecuado para quienes dominan el HTML. De lo contrario, podría resultar difícil emplearlo.
2. Incrustación en línea
Un método de incrustación más rápido que el anterior es la incrustación en línea o codificación base64. Sin embargo, carece de la versatilidad del método anterior.
Necesitas la cadena base64 o el esquema de codificación de la imagen para usar este método de incrustación. Sin necesidad de código, puedes incrustar exitosamente cualquier imagen en tu correo usando un elemento HTML.
No obstante, a los clientes de correo no les gusta mucho esta técnica. Además, las imágenes incrustadas son significativamente más grandes con este método, lo que ralentiza la carga del correo.
3. Uso de imágenes enlazadas
El método más sencillo es usar imágenes enlazadas. Estas imágenes se guardan en un servidor externo, y la etiqueta HTML incluye un enlace a la imagen. Al enlazar las imágenes, en lugar de incrustarlas con CID o en línea, se mantienen los tamaños de los correos más pequeños.
Formas de añadir imágenes incrustadas a través de un correo
Gracias a Stripo, el editor de código HTML abierto y el bloque HTML básico, puedes incrustar cualquier tipo de elemento interactivo que hayas creado con una herramienta de terceros.
Opción 1. Usar una plantilla de correo relevante
Stripo ofrece más de 1150 plantillas preconstruidas, organizadas por funciones, temporadas, industrias y tipos de correos. Busca las que tengan los mejores formatos de imagen que se ajusten a tus objetivos y personaliza fácilmente cualquier elemento, incluidas las imágenes.
Opción 2. Crear un correo desde cero con el constructor de Stripo (sin conocimientos técnicos)
Aquí tienes un método para aquellos que no tienen conocimientos técnicos pero aún así quieren crear un correo profesional sin mecánicas interactivas complicadas.
Puedes incrustar imágenes en correos en unos pocos pasos:
-
abre el editor;
-
arrastra una nueva estructura con el número necesario de columnas en tu plantilla de correo HTML;
-
en el panel de configuración, encuentra el bloque básico "Imagen" y arrástralo a la plantilla;
-
haz clic izquierdo en este bloque en tu plantilla;
-
en el panel de configuración, se te ofrecerá añadir una imagen. Puedes subir tu propia imagen o buscar en nuestra biblioteca.
Opción 3. Crear un correo desde cero en Stripo (técnico)
Si tienes conocimientos de HTML, incrustar imágenes puede ser muy útil, ya que no estás limitado a plantillas preconstruidas ni funciones estándar del editor. Simplemente usa la opción "Mi HTML" y estarás listo.
Consejos para incrustar imágenes en correos electrónicos
Una imagen incrustada y atractiva no es suficiente. Incluso una imagen bien diseñada puede ser ineficiente si no se agrega adecuadamente.
1. Usa un formato de imagen adecuado
Los archivos PNG o JPEG son adecuados para la mayoría de los usuarios de correo. El formato SVG, o gráficos vectoriales escalables, aún no es compatible con clientes de correo importantes como Gmail.
Elige el formato JPG para imágenes con colores vivos. Además, si deseas reducir el tamaño del archivo, esta es tu mejor opción. El PNG se usa con frecuencia para logotipos e iconos, así como para imágenes con elementos transparentes.
(Fuente: plantilla de Stripo)
2. No envíes correos solo con imágenes
Como hemos mencionado antes, si tus imágenes se bloquean, el texto debe transmitir el mensaje necesario. Mantén una proporción de texto a imagen de 80:20 para evitar que tu correo sea clasificado como spam.
(Fuente: plantilla de Stripo)
3. Usa atributos Alt
Recuerda siempre incluir texto alternativo en las imágenes de correos HTML. Proporciona información adicional en caso de que se bloquee la imagen. El texto alternativo también se utiliza para los destinatarios con discapacidad visual que usan un lector de pantalla. Debe ser conciso, informativo y contener palabras clave.
4. Prueba tus correos
Al hacerlo, podrás evaluar si las imágenes se muestran correctamente. Con nuestra herramienta de pruebas de correo, puedes verificar cómo se visualizan en distintos dispositivos y clientes de correo. Si la prueba falla, prueba otros métodos de incrustación, envía nuevos correos HTML de prueba y verifica si el problema se resuelve.
Ten en cuenta que siempre habrá destinatarios en tu lista que elijan bloquear las imágenes de forma automática, así que asegúrate de que tus correos se vean bien sin ellas.
Para concluir
La clave para que tus correos electrónicos con imágenes incrustadas tengan éxito es seguir las prácticas recomendadas, ya sea que prefieras la incrustación CID, la incrustación en línea o las imágenes enlazadas en cualquier formato.
Con el editor de Stripo, puedes dar vida a todas tus ideas. Si tienes preguntas, contáctanos y te guiaremos en el proceso de creación de correos.
0 comentarios