Mejores prácticas de diseño de correo electrónico para 2020



Mejores prácticas de diseño de correo electrónico para 2020


por Michal Leszczynski
Ultima actualización en


0

Mejores prácticas de diseño de correo electrónico para 2020

¿Quiere que sus campañas de correo electrónico brillen y hagan que su audiencia haga clic? Luego, hablemos del diseño de correo electrónico.

Un buen diseño de correo electrónico no es solo para el atractivo visual. Su objetivo es ayudarlo a establecer relaciones más sólidas con su audiencia, vender más de sus productos y mejorar el retorno general de la inversión en marketing por correo electrónico.

En pocas palabras, si desea tener éxito con el marketing por correo electrónico, querrá correos electrónicos bien diseñados.

No se preocupe si el diseño no es lo suyo. Usted también puede aprender a crear correos electrónicos atractivos y ejecutar campañas de marketing por correo electrónico efectivas.

Todo lo que necesita hacer es seguir y aplicar estas mejores prácticas al preparar sus propias plantillas de correo electrónico.

¿Quieres crear hermosos correos electrónicos? Mira lo nuevo GetResponse Creador de correo electrónico y vea lo fácil que puede ser. Y si no desea comenzar desde cero, puede usar una de nuestras plantillas de correo electrónico gratuitas y personalizarlas para que se adapten a su marca sin problemas.

Tabla de contenido

Mejores prácticas de diseño de correo electrónico

Ya sea que se dé cuenta de esto o no, el diseño de su plantilla de correo electrónico (y su optimización) comienza incluso antes de que sus suscriptores abran su mensaje, directamente en su bandeja de entrada.

Hay tres elementos principales de su correo electrónico que su audiencia verá antes de decidir leerlo. Comenzaremos con estos tres elementos y luego pasaremos a los componentes básicos de su correo electrónico.

Para ayudarlo a visualizar mejor cada elemento, usaremos esta plantilla de correo electrónico que creamos para nuestro boletín informativo para creadores de contenido imaginario 🙂

1. Nombre del remitente

El objetivo principal de la nombre del remitente El campo de correo electrónico es para informar al destinatario de quién proviene el mensaje. Pero eso no es todo. El nombre del remitente también tiene el poder de reforzar la línea de asunto y el encabezado previo, por lo tanto, aumenta las tasas de apertura de correo electrónico.

Para que esto suceda, su nombre de remitente debe ser reconocible y confiable, y no puede ser engañoso en absoluto. Siempre que sus suscriptores tengan experiencias positivas con su marca, serán más propensos a abrir mensajes con su nombre de remitente al lado.

Qué poner en su nombre de remitente

Hay varias formas de construir su nombre de remitente. Estos son algunos de los patrones populares que podría seguir (con ejemplos):

  • (Nombre de la empresa) – GetResponse
  • (Nombre de la persona) de (Nombre de la empresa) – Michal de GetResponse
  • (Nombre de la empresa) (Nombre del mensaje o tema) – GetResponse Newsletter
  • (Nombre del departamento) en (Nombre de la empresa) – Contenido en GetResponse
  • (Nombre de la empresa) Equipo / Comunidad / Tripulación – Equipo GetResponse
  • (Nombre del empleado) – John Smith

2. Línea de asunto

Al igual que un buen avance de película, su línea de asunto debe ser interesante, entretenida o atractiva, y proporcionar suficiente información para convencer a sus destinatarios de que abran su correo electrónico. Y como las bandejas de entrada de correo electrónico tienden a ser lugares muy concurridos, no vendrá mal si su línea de asunto también se destaca de alguna manera.

Las líneas de asunto del correo electrónico se deben y no se deben

Estos son algunos de los elementos que puede usar en sus líneas de asunto para hacerlos más visibles en una bandeja de entrada:

  • Personalización (por ejemplo, el nombre de su destinatario)
  • Números
  • Emojis
  • Palabras de poder
  • Preguntas
  • Juegos de palabras
  • Modismos
  • Términos relacionados con su marca
  • Nombres de marca que su audiencia reconocerá de inmediato

Al mismo tiempo, debe evitar lo siguiente:

  • Escribir sus líneas de asunto en mayúsculas
  • Usar puntuación excesiva
  • Usar RE :, FW: y otras frases que pueden engañar al destinatario haciéndole creer que se trata de una comunicación personal
  • Usar frases comúnmente asociadas con el spam
  • Engañar o engañar a las personas para que abran sus correos electrónicos

Para su inspiración, aquí hay líneas de asunto de correo electrónico creativas que Phrasee's usa en sus boletines informativos por correo electrónico:

Longitud de la línea de asunto

Si tiene demasiados caracteres en su línea de asunto, es posible que se trunque en algunos de los proveedores de buzones de correo electrónico. Debido a esto, su mensaje puede perder su significado (e impacto), o incluso terminar pareciendo divertido o incómodo en ocasiones. Para asegurarse de que su mensaje llegue, querrá mantener sus líneas de asunto relativamente cortas (menos de 60 caracteres).

Dicho esto, no se preocupe demasiado si no puede reducir las palabras. Nuestro estudio ha demostrado que las líneas de asunto con mejor rendimiento no siguen la regla de "ser breve" y se centran más en ser específicas. Después de todo, si su marca tiene una audiencia comprometida, no les importará si está usando emojis o una cantidad excesiva de caracteres.

Observe la diferencia en la longitud de estas líneas de asunto de correo electrónico

Usar emojis en las líneas de asunto del correo electrónico

Los emojis pueden ayudar a que sus correos electrónicos se destaquen, pero ¿siempre es una buena idea incluirlos en sus líneas de asunto? Hasta ahora, no hay consenso.

En este artículo sobre usar emojis en el asunto del correo electrónico nos hemos referido a diferentes estudios que han demostrado los efectos tanto positivos como negativos de esta táctica. Incluso hemos realizado nuestra propia investigación, que demostró que los emojis pueden aumentar su tasa de apertura en un 3%, pero solo los utilizan alrededor del 4% de los especialistas en marketing.

Si bien somos fanáticos del uso de emojis, deberá probar esta táctica usted mismo y ver si coincide con el tono de su comunicación y las necesidades de su público objetivo.

Personalización en líneas de asunto de correo electrónico

La personalización es una táctica bastante común utilizada por los especialistas en marketing que elaboran sus líneas de asunto de correo electrónico.

La mayoría de las veces, verá que se usa para mostrar el nombre del destinatario o alguna otra característica, como el nombre de la empresa o su ubicación.

En un escenario más sofisticado, podría crear líneas de asunto completamente diferentes en función de los comportamientos pasados ​​de sus suscriptores.

Por ejemplo, si sabe que su cliente compró previamente un champú para cabello rizado o un tinte especial para el cabello, puede hacer referencia a su tipo o color de cabello en la línea de asunto del correo electrónico.

Nuestros datos sugieren que agregar personalización a sus líneas de asunto podría ayudarlo a aumentar su tasa de apertura en aproximadamente 0.5 puntos porcentuales. Pero, como siempre, querrá probar esto y ver si generará resultados similares (o mejores) con su público objetivo.

3. Texto del preencabezado

Por último, tenemos el texto del preencabezado, también conocido como texto del fragmento.

Nuestros datos muestran que los mensajes con encabezados previos tienen tasas de apertura promedio de alrededor del 29%. Eso es casi un 7% más que los correos electrónicos sin encabezados previos. Sin embargo, sorprendentemente, solo el 11% de los mensajes tienen uno.

Si bien esto solo podría ser una correlación, creemos que los subtítulos funcionan y vale la pena intentarlo. Especialmente que agregar un enlace "ver este mensaje en línea" a su preencabezado no tomará mucho tiempo y puede ayudar a su audiencia a ver el boletín, incluso si las imágenes han sido bloqueadas automáticamente por su cliente de correo electrónico.

Cómo crear un buen preencabezado

Piense en el preencabezado como la extensión de su línea de asunto. Tu oportunidad adicional de proporcionar más valor o algo más interesante que no podrías incluir en tu línea de asunto.

El mejor enfoque es crear estos dos elementos en pareja para que el preencabezado se base en y mejore su línea de asunto.

En nuestro artículo sobre mejores prácticas de marketing por correo electrónico, hemos compartido algunos ejemplos excelentes que lo inspirarán. Veámoslos nuevamente aquí:

Línea de asunto del correo electrónico: Deje todo. Venta en todo el sitio. Ahora.

Texto del preencabezado: Es nuestro cumpleaños 🎉 ¡Oferta en todo el sitio + Envío y devoluciones gratis para celebrar!

Línea de asunto: ¡Es ahora o nunca!

Preencabezado: Solo quedan 8 horas en estas ofertas de Cyber ​​Monday

Longitud del preencabezado

Una cosa a tener en cuenta es que puede ser difícil estimar cuánto de su preencabezado será visible en el cliente de correo electrónico, lo cual puede observar en esta imagen a continuación.

Dependerá del cliente de correo electrónico en sí, el dispositivo que utilice el destinatario y la longitud de la línea de asunto. Debido a esto, asegúrese de que su mensaje más importante se coloque al principio de su preencabezado.

¿Querer aprender más? Aquí hay dos artículos sobre el dos y no de textos de preencabezado de correo electrónico.

4. Marca e identidad visual

Para ayudar a sus destinatarios a formar una relación más sólida con su marca, asegúrese de que sus plantillas de correo electrónico coincidan con su identidad visual.

Esto significa que su logotipo, imágenes, tipografía, colores y botones de llamada a la acción deben ser coherentes con lo que presenta en su sitio web y otros canales de marketing.

Si todavía está trabajando en una identidad visual establecida, tenga en cuenta estos consejos:

  • Cree una combinación de colores utilizando colores complementarios interesantes. Si no sabe cómo, podrá generarlos con una herramienta llamada Refrigeradores (gratis). Eso significa que tendrá un conjunto específico de colores para usar en elementos individuales como encabezados, CTA y texto.
  • Elija hasta dos fuentes que funcionen bien juntas (más sobre esto más adelante) y utilícelas en sus correos electrónicos. Uno para los titulares y otro para el texto principal y los CTA.
  • No complique demasiado sus plantillas de correo electrónico. Asegúrese de que sean simples, estéticamente agradables y reconocibles.
  • Busque inspiración en artículos como este sobre mejores ejemplos de marketing por correo electrónico y sitios como ReallyGoodEmails o Email Love.

Logotipo de su empresa

Agregar el logotipo de su empresa a sus correos electrónicos puede ayudarlo a distinguir su marca de todas las demás empresas que sus destinatarios verán en su bandeja de entrada.

En la propia plantilla de correo electrónico, querrá agregar el logotipo en la parte superior de su mensaje, ya sea en el medio o en la esquina izquierda. A algunos especialistas en marketing por correo electrónico también les gusta poner su logotipo en el pie de página, justo encima de la sección de exención de responsabilidad y los enlaces para cancelar la suscripción.

También puede haber notado que en algunos clientes de correo electrónico, el logotipo aparece junto al nombre del remitente, como en la imagen a continuación:

Esta función no es totalmente compatible con todos los proveedores de buzones de correo electrónico, pero algunos de los más grandes ya han comenzado a implementarla.

Para poder mostrar su logo en el Aplicaciones de correo electrónico de Gmail, su dominio debe estar alojado en G Suite, y si envía sus correos electrónicos a través de un servicio externo (como un software de marketing por correo electrónico como GetResponse), debe asegurarse de que su dominio esté autenticado con un DKIM personalizado. Cuando se cumplen estos dos requisitos, el logotipo debe estar visible en el entorno de Gmail.

Ahora también puede mostrar su logotipo en el Los proveedores de correo electrónico de Oath (Yahoo !, AOL, etc.). Esto se debe al nuevo método de autenticación denominado Indicadores de marca para identificación de mensajes (BIMI). Este método aún se encuentra en la fase beta, por lo que solo es compatible con ciertos probadores de correo electrónico, pero es probable que otros servicios de este tipo lo adopten en un futuro próximo.

Para obtener más información sobre cómo agregar su logotipo e implementar BIMI, consulte esta publicación de Agari.

Consejo profesional:

GetResponse ofrece DKIM personalizado gratis – así es como puede configurarlo y entregar mejor sus correos electrónicos.

5. Encabezado

Hacer que la gente abra su correo electrónico es solo el primer paso. Para que hagan clic en su oferta, debe atraerlos y hacer que se desplacen por su mensaje. Una excelente manera de hacer esto es haciendo un buen uso de la sección superior del pliegue. Principalmente, tu encabezado.

Un encabezado de correo electrónico se usa principalmente para resumir la oferta principal de un mensaje determinado. Se encuentra en la parte superior del cuerpo del correo electrónico y puede ser una imagen, un texto o una combinación de ambos. Un encabezado de correo electrónico eficaz se destaca, comunica claramente de qué se trata el mensaje y ofrece una buena razón para seguir leyendo.

A continuación, se muestran algunos elementos que querrá utilizar en el encabezado de su correo electrónico para lograrlo:

  • Su marca y / o logotipo
  • Menú o barra de navegación
  • Un título poderoso que resume su oferta principal
  • Una CTA que lleva a su sitio web
  • Algo interesante o atractivo que capte la atención de inmediato

Otras razones o incentivos para seguir desplazándose hacia abajo

Además, si elige crear un encabezado de imagen, asegúrese de proporcionar el texto ALT (y potencialmente darle estilo) para que su mensaje sea más impactante para aquellos suscriptores que tienen imágenes bloqueadas en sus correos electrónicos de forma predeterminada.

A continuación, se muestra un ejemplo de un encabezado de correo electrónico que sigue varias de las mejores prácticas mencionadas anteriormente:

  1. Tiene el logotipo de la empresa claramente visible en la parte superior del mensaje.
  2. Título llamativo e intrigante y un subtítulo justo debajo
  3. Una imagen intrigante pero difícil de describir en el medio
  4. Una burbuja que refuerza el interés que despierta el titular

Menú y navegación

A veces, querrá incluir una barra de navegación en la parte superior del encabezado de su correo electrónico. Esta es una táctica utilizada principalmente por las marcas de comercio electrónico que puede ayudarlo a generar más clics en las áreas nuevas o destacadas de su sitio web.

Esta sección puede resultar especialmente útil si realiza un seguimiento de los clics en cada elemento del menú individual. Esto puede ayudarlo a segmentar mejor a su audiencia e incluso activar secuencias de correo electrónico automatizadas si está utilizando automatización de correo electrónico.

A continuación, se muestra un ejemplo de un boletín informativo que utiliza esta función para dirigir a las personas a sus diferentes categorías de productos: hombres, mujeres, camisetas y sombreros:

Cuando use barras de navegación en sus correos electrónicos, asegúrese de verificar si se ven bien y escalan correctamente en todos los diferentes tipos de dispositivos. Una bandeja de entrada de correo electrónico tiene un ancho limitado y simplemente copiar la barra de menú de su sitio web podría no ser el mejor enfoque.

6. Imágenes

Las buenas imágenes son importantes en todos los aspectos del marketing, incluidos los correos electrónicos.

Al elegir gráficos para sus campañas de correo electrónico, deberá decidir lo siguiente:

  • ¿De dónde vas a obtener tus imágenes? (stock, hecho a medida, licencia abierta)
  • ¿Qué formato usarás? (.jpg, .png, .gif)
  • ¿Cuánto espacio en el correo electrónico ocuparán sus imágenes?
  • ¿Qué hará cuando las imágenes se bloqueen en el buzón de correo de su destinatario?

Uso de imágenes de stock frente a imágenes personalizadas

Cuando se trata de elegir entre imágenes de archivo o imágenes personalizadas, no hay una forma correcta o incorrecta de hacerlo. Solo asegúrate de que el enfoque que elijas se ajuste a tu identidad visual general y te ayude a crear la sensación adecuada para tu marca.

A continuación, se muestra un ejemplo de una marca llamada United by Blue que usa fotos personalizadas en sus correos electrónicos:

Consejo profesional:

GetResponse Creador de correo electrónico viene con más de 5000 imágenes de archivo gratuitas de Shutterstock que puede personalizar y usar fácilmente dentro de sus campañas de correo electrónico.

Diferentes formatos de imagen (.jpg, .png, .rgb)

Cuando se trata de formato de imagen, la situación es diferente. Por supuesto, querrá mostrar imágenes de alta calidad que presenten su oferta de la mejor manera posible, pero también debe tener en cuenta el tamaño de sus archivos de imagen.

En general, cuanto más pesados ​​sean sus archivos, más difícil será enviarlos a las bandejas de entrada de sus suscriptores, por lo que siempre que cree gráficos para sus correos electrónicos, asegúrese de que estén optimizados para la Web.

En la mayoría de los casos, querrá seguir con los formatos .jpg y .png y optimizar sus imágenes con una herramienta como Squoosh.

Relación imagen-texto

Al crear correos electrónicos, también debe prestar atención a la cantidad de imágenes y texto que ocupan su mensaje. Esto se refiere a la denominada relación de imagen a texto, un aspecto del que hablamos en nuestra publicación sobre cómo mejorar la capacidad de entrega del correo electrónico.

En general, cuanto más texto, mejor será su capacidad de entrega. Cuanto más espacio ocupen las imágenes en su correo electrónico, más difícil le resultará acceder a la bandeja de entrada.

Esto no significa que sus correos electrónicos no deban contener imágenes. Eso no es factible y ninguna empresa de comercio electrónico lo permitiría. Pero su mensaje no debe constar de una imagen grande y un pie de página.

Ejemplo de un correo electrónico que está compuesto casi en su totalidad por una imagen

Consejo profesional:

Si está utilizando GetResponse Email Creator para crear sus correos electrónicos y está cargando sus propios gráficos personalizados, asegúrese de optimizarlos primero con nuestra herramienta de edición de imágenes. Simplemente abra la imagen como en el GIF a continuación y guárdela, y se comprimirá automáticamente para adaptarse mejor a las necesidades de los ISP.

Atributo ALT y qué hacer cuando las imágenes se bloquean automáticamente

Al diseñar sus correos electrónicos, asegúrese de tener en cuenta a las personas que no tienen activada la descarga automática de imágenes. Incluso sin las imágenes cargadas, sus correos electrónicos deben convencer a estos consumidores de que vale la pena leer su comunicación.

¿Entonces que puedes hacer? En primer lugar, asegúrese de que sus boletines constan de ambos elementos: texto con el estilo adecuado e imágenes con el atributo ALT completo.

Agregar el atributo ALT tiene otro beneficio, que también es la razón clave por la que debería usarlo en primer lugar. Si algunos de sus destinatarios utilizan un lector de pantalla para descubrir sus correos electrónicos, el atributo ALT les ayudará a comprender qué hay dentro de su contenido.

Como inspiración, considere este boletín que se ve bien antes y después de cargar las imágenes. Aunque no han proporcionado el texto alternativo para la imagen del encabezado, su correo electrónico incluye un texto con un buen estilo que es lo suficientemente atractivo como para convencer al suscriptor de que haga clic en su oferta.

Y ahora veamos un correo electrónico que no ha marcado ninguna de las dos casillas que mencionamos.

Esto no te hace querer hacer clic en este correo electrónico, ¿verdad?

GIF

Una forma de aumentar las tasas de interacción con el correo electrónico es agregar GIF cortos a sus mensajes. Su soporte es casi universal y muchos de nosotros disfrutamos compartirlos en Slack, Facebook o Instagram.

Cuando utilice GIF, preste atención al tamaño de sus archivos. Puede ser tentador compartir animaciones largas y de alta calidad, pero estas pueden afectar su capacidad de entrega y tomar mucho tiempo antes de cargarse frente a los ojos de los destinatarios.

Hay muchas formas en las que puede utilizar GIF para aumentar sus tasas de interacción. A continuación se muestra solo un ejemplo que proviene de un boletín enviado por una marca llamada MeUndies.

Consejo profesional:

Agregar GIF a su correo electrónico funciona de la misma manera que si estuviera agregando una imagen estática normal. En GetResponse, esto se simplifica aún más debido a la integración incorporada con GIPHY.

7. Video

Si desea involucrar a su audiencia, no hay nada mejor que los videos. Desafortunadamente, los clientes de correo electrónico todavía están detrás de las tendencias y el soporte de video se limita a solo un puñado de proveedores de buzones de correo (como Apple Mail, Outlook para Mac, Thunderbird). Eso no significa que no puedas enviar videos por correo electrónico. Puede, pero el enfoque más seguro es usar una miniatura (una imagen estática o un gif con un botón de reproducción) e hipervínculo a su archivo de video.

Smart Bug utiliza una imagen en miniatura de video para promocionar su seminario web

Es posible que este enfoque no parezca ideal, pero garantiza que todos los destinatarios de sus correos electrónicos podrán ver su video. Además, cuando hacen clic en la miniatura, el video se abre en la aplicación o el navegador de su elección. Se podría argumentar que esta es una mejor experiencia de usuario que tener que ver un video en un correo electrónico.

Consejo profesional:

Agregar videos de YouTube a sus correos electrónicos es fácil en GetResponse. Todo lo que tienes que hacer es proporcionar la URL y automáticamente creará una miniatura con un botón de reproducción para ti.

La mayoría de las campañas de marketing por correo electrónico están destinadas a generar clics en su sitio o en una página de destino independiente. Esto se logra colocando enlaces dentro de sus mensajes.

Si está creando correos electrónicos HTML, puede hacer hipervínculos a prácticamente cualquier cosa: un fragmento de texto, una imagen (incluso un GIF) o un botón de llamada a la acción.

Si, en cambio, utiliza correos electrónicos de texto sin formato, simplemente puede agregar su URL como un fragmento de texto.

Si lo hace, pueden suceder dos cosas: 1) el cliente de correo electrónico de sus destinatarios detectará que se trata de una URL y la vinculará automáticamente, o 2) su destinatario deberá copiar y pegar el enlace en la ventana de su navegador.

¿Qué enfoque debería utilizar? En la mayoría de los casos, querrá ir a los correos electrónicos HTML, y esto está principalmente relacionado con el seguimiento, que cubriremos en un momento.

Sin embargo, antes de ir allí, hay una cosa más que debe tener en cuenta. Es la importancia de mantener la proporción de texto a vínculo, sobre la que puede leer más en esta publicación sobre cómo mejorar la capacidad de entrega de su correo electrónico.

Seguimiento y UTM

Una de las ventajas clave del uso de correos electrónicos HTML es el seguimiento. Las dos cosas principales que puede rastrear con los correos electrónicos son la apertura de mensajes y los clics en enlaces.

El primero se logra mediante el uso de una pequeña imagen estática que se carga junto con todas las demás imágenes dentro de su correo electrónico. Dicho esto, si su destinatario no carga las imágenes en su correo electrónico, no sabrá si realmente lo ha abierto o no.

El seguimiento de clics se logra mediante el uso de un dominio adicional que se agrega en la parte superior de sus enlaces de correo electrónico. Por lo tanto, si alguien hace clic en uno de sus enlaces, durante una fracción de segundo se lo lleva a un dominio que se usa solo con fines de seguimiento y luego a la página a la que desea que llegue.

Puede ver cómo se ve esto, colocando el cursor sobre cualquier enlace dentro de su bandeja de entrada de correo electrónico:

Para obtener más información, puede agregar parámetros UTM a sus enlaces (si utiliza Google Analytics). Esto le permitirá realizar un seguimiento de sus campañas de correo electrónico en su cuenta de GA y le proporcionará más información sobre el comportamiento y las preferencias de sus suscriptores.

Puede obtener más información sobre esto en nuestra publicación sobre usar Google Analytics para mejorar sus campañas de correo electrónico.

9. Llamados a la acción (CTA)

Si desea generar clics en sus correos electrónicos, deberá utilizar CTA.

Idealmente, tendrá un llamado a la acción principal en su correo electrónico que dirigirá la atención de las personas y los clics hacia su oferta principal. También puede tener llamadas a la acción secundarias, pero como sugiere el nombre, estas no deberían desviar la atención de su objetivo principal.

Para que su llamado a la acción sea efectivo, querrá que sea muy visible. Idealmente, usará un color de contraste y proporcionará mucho espacio en blanco alrededor de su botón para que sus destinatarios no solo puedan verlo, sino que también lo toquen con el pulgar o el dedo.

Tus CTA podrían ser parte de una imagen más grande (en tu encabezado, por ejemplo) o crearse por separado. Teniendo en cuenta que las imágenes a menudo se bloquean automáticamente en las bandejas de entrada de correo electrónico, tener llamadas a la acción separadas suele ser el mejor enfoque.

Además de prestar atención al diseño y la ubicación de sus CTA, también debe tener en cuenta la copia que usa para ellos. Puede usar una copia estándar como "Compre ahora" o "Haga su pedido hoy", o puede probar un enfoque más descriptivo usando una copia como "Pruebe este suéter", "Solicite este juego por adelantado". No hay nada correcto o incorrecto, pero querrá probar ambos enfoques para ver cuál se adapta mejor a su marca y va a generar los mejores resultados.

Por último, pero no menos importante, viene el pie de página, otra parte importante de sus plantillas de correo electrónico.

Una gran mayoría de los especialistas en marketing por correo electrónico utilizan el pie de página de una manera bastante genérica, incluidos solo los elementos que deben incluir por ley (como información de la empresa, un enlace para cancelar la suscripción) y los iconos de redes sociales vinculados a los perfiles de su empresa.

Sin embargo, puede ser más creativo con el diseño del pie de página de su correo electrónico y utilizarlo para crear una experiencia de marca positiva y alcanzar objetivos adicionales. Por ejemplo:

  • Enfatizando su propuesta de venta única
  • Recopilar comentarios de su audiencia
  • Promoción de su blog, podcast u otro contenido
  • Promocionar una oferta especial visible solo para los fanáticos más comprometidos
  • Promoción de su aplicación, enlaces útiles (p. Ej., Localizador de tiendas) y números de teléfono
  • Mostrando el lado más humano de tu empresa

Aquí hay algunos ejemplos de excelentes pies de página de correo electrónico en los que vale la pena inspirarse:

El pie de página en un correo electrónico de Magic Spoon lleva una promesa de felicidad

Gucci utiliza el pie de página del correo electrónico para promocionar la aplicación Gucci

Los productos poco comunes utilizan el pie de página para recordar a la audiencia sus valores fundamentales

11. Accesibilidad

Todos somos una audiencia diversa y sus campañas de marketing por correo electrónico deben diseñarse para esto. De acuerdo con la Organización Mundial de la Salud, más de 1.300 millones de personas viven con algún tipo de discapacidad visual. Lo más probable es que algunos de sus suscriptores también lo hagan.

Entre las cosas clave que debe recordar al diseñar sus correos electrónicos se encuentra que debe:

  • Siempre agregue el texto ALT a sus imágenes para que las personas que usan lectores de pantalla puedan comprender mejor el contenido
  • Tenga cuidado con la relación de contraste de sus imágenes y colores. Por ejemplo, el texto blanco sobre fondo amarillo puede ser difícil de leer.
  • Utilice un tamaño de fuente razonable (normalmente 14-16 px) con un espaciado de línea decente
  • Proporcione suficiente espacio en blanco entre diferentes secciones y elementos.
  • Cíñete a fuentes legibles
  • Evite hacer referencia a imágenes. Use leyendas y tenga cuidado al sustituir el texto real con imágenes (esto también se aplica a los gifs y emojis).

Además, en su copia, evite hacer referencia a colores o la ubicación espacial de elementos dentro del mensaje (por ejemplo, haga clic en el botón verde a continuación para continuar).

12. Fuentes

Las fuentes que elijas definen la apariencia de tus correos electrónicos. Si bien hay cientos de miles de fuentes disponibles en la web, no todas serán adecuadas para la comunicación por correo electrónico.

Naturalmente, puede utilizar cualquier fuente que desee (que se adapte a su identidad visual de marca) en imágenes estáticas y GIF. Pero en el texto, querrá seguir usando fuentes del sistema y fuentes web.

Las fuentes del sistema son los tipos de fuentes que se pueden mostrar en todos los dispositivos o dentro de cualquier aplicación; siempre tendrán el mismo aspecto. Estos incluyen Georgia, Times New Roman y Verdana.

Las fuentes web, por otro lado, aunque son ampliamente compatibles, a veces se pueden representar de manera diferente en el dispositivo de los destinatarios. Algunos de los más populares son Roboto, Lato y Montserrat.

Por eso, la mejor solución es: 1) ceñirse a las fuentes del sistema o 2) usar fuentes web junto con una fuente del sistema de reserva que se mostrará en caso de que no se pueda usar la fuente personalizada.

Idealmente, solo tendrá que usar hasta dos fuentes diferentes en sus plantillas de correo electrónico (una para el encabezado y otra para el texto principal y los CTA). Para encontrar fuentes que funcionen bien juntas, considere usar Fontpair o viendo los emparejamientos populares en Fuentes de Google.

Consejo profesional:

Así es como establecería sus fuentes en GetResponse Email Creator:

13. Redacción publicitaria

Escribir un texto para correos electrónicos es un tema en sí mismo y uno podría escribir un libro electrónico completo al respecto.

De hecho, Joanna Wiebe, de Copy Hackers, escribió uno y puedes leerlo aquí: Cómo escribir boletines informativos que se abren, leen y hacen clic. Lo ayudará a aumentar sus aperturas, clics y conversiones. En otras palabras, hará que sus campañas de correo electrónico sean más exitosas.

Aparte de los consejos que leerá en este libro electrónico, le conviene prestar atención al hecho de que la gente no suele dedicar demasiado tiempo a los correos electrónicos. Los hojean y, a menudo, hacen clic en el sitio web para leer la información completa allí.

Debido a esto, es posible que desee mantener su copia concisa y directa al grano. También puede utilizar listas con viñetas, titulares y enfatizar las partes más importantes en negrita o resaltando su texto.

14. Personalización

Hemos hablado brevemente sobre la personalización en el contexto de las líneas de asunto del correo electrónico. Pero, ¿cómo se personalizan sus correos electrónicos en general?

Esto se hace mediante el uso de contenido dinámico, una sintaxis que le permite esencialmente decidir qué tipo de contenido se mostrará a un suscriptor en particular.

En la forma más simple, podría escribir algo como ((nombre)) y esto mostraría el nombre de su suscriptor dentro de su mensaje. ¿Y si no tiene esa información? Puede proporcionar un mensaje de respaldo que aparecerá en caso de que no se proporcione el nombre.

Los casos de uso más avanzados de contenido dinámico le permitirían mostrar un mensaje completamente diferente (copia, imágenes, enlaces) según la información del cliente que haya almacenado en su base de datos.

Gracias a esto, podrías mostrar una cantidad diferente de puntos que tu suscriptor acumuló en tu programa de fidelización así como las diferentes recompensas que podría canjear. O puede mostrar un conjunto diferente de productos que hayan mirado en su sitio web o hayan comprado en el pasado.

Según nuestros datos, los correos electrónicos que utilizan personalización en el cuerpo del correo electrónico tienen Tasa de clics promedio un 19% más alta. A pesar de eso, son principalmente las organizaciones más grandes (o las que se centran más en el marketing) las que utilizan la personalización.

Esto se debe en gran parte al hecho de que los especialistas en marketing por correo electrónico no tienen datos suficientes para personalizar sus correos electrónicos o el tiempo y el esfuerzo para adaptar su comunicación a escala no proporciona el ROI que justificaría los costos.

Aún así, le sugerimos que intente personalizar sus campañas de correo electrónico incluso en la forma más simple. Puede comenzar saludando el nombre de sus suscriptores en el asunto, el cuerpo del correo electrónico o incluso la imagen, si está utilizando una herramienta como NiftyImages. Estos pueden ayudarlo a involucrar mejor a su audiencia y conducir a resultados como en el siguiente ejemplo:

15. Diseño de correo electrónico

El diseño de su correo electrónico debería ayudar a sus destinatarios a consumir el contenido de su mensaje con facilidad y en el orden correcto. There are several popular email layouts you’re likely going to use.

One-column

In a one-column layout all your email content is placed within a single column, one after another. This is a simple, mobile-first approach which ensures that all your information will render perfectly on email devices as well as other larger screens. It’s also great for focusing your audiences’ attention in the places you want them to look at.

Inverted pyramid

Inverted pyramid framework makes it even easier to drive the focus and clicks in the areas you want your audience to be. By placing your wider content (usually the header or a banner) at the top and the slimmer content at the bottom (your call-to-action), viewers’ eyes are automatically taken to the place directly tied to your conversions.

Zig-zag

This is another interesting layout that takes your viewers’ eyes from one side of the screen to the other back and forth as you scroll down the message. It can be a very engaging layout that looks great if you’re showing off your products then following them with a description and a CTA leading to your product page.

But there’s a small caveat with this approach, which is why we’re not recommending it too often.

If each element in your message is a separate block (like a product image or  description), and it goes at first from left to right and then from right to left, the order in which these elements are displayed on a mobile device may not be ideal.

Sometimes your description or CTA button will precede the image, which may be confusing for your recipients.

Two-column

Two-column layout is often used by brands that focus heavily on using imagery in their emails.

Most often, it includes a wide, single-column header at the top – featuring the main offer or product – and several blocks underneath split into two columns.

It’s kind of a mix between the single-column and zig-zag layout we’ve previously described. Because of that, it includes some of the pros and cons of these layouts.

The main disadvantage is that when a two-column message is viewed on a mobile device, the blocks get stacked one after another – and some email marketers don’t like that. Instead, they’d rather see their products resized to fit a smaller screen and listed side by side.

Email Width

If you want to make sure your emails look good on most devices, then you’ll want to keep their width at 600 px (max 640 px).

It may sound counterintuitive at first, especially that our screens are getting bigger these days, but keep in mind that not all email clients work the same. Many mailboxes will display your message in a frame that’s surrounded by additional sections and tabs. Like in this example from our Gmail web client:

Email length

There are no clear guidelines as to how long your emails should be. Some marketers prefer to design their email templates so that they’re short and sweet, directly leading to their website. Others prefer to convey as much information as possible, and let the email do the talking.

If your newsletter mainly consists of text, then the only thing you need to ask yourself is whether people will scroll that far down in your message to read all of the contents. Many bloggers get away with this approach, but it may not be ideal if you’re looking to sell ecommerce products.

If your newsletter consists of several images, then having a long message with multiple graphics could lead to it getting truncated by larger ISPs such as Gmail. This may affect the overall feel of your message, so it’s better to keep this fact in mind.

Spacing and padding

Your email template consists of many different blocks and sections.

Most of the time, you’ll have the header image, a few blocks of text, a few images and CTAs, and a footer. All of these elements need to fit together, but there also needs to be some “breathing air” between them. By that, I mean whitespace.

Whitespace (or negative space) makes reading and clicking through your email much easier and more intuitive. And as such, it affects your conversions.

There’s no specific number as to what the appropriate spacing or padding should be. You need to test this yourself and decide on what looks good in your opinion.

In our email templates, we tend to add 20-30 px padding to the left and right side of each section that has a text block in it.

Thanks to this, when the email is viewed on a mobile device the text is not stuck to edge of the screen.

(This isn’t an issue for image blocks, so we sometimes skip the left and right padding there)

For top and bottom padding, we usually use 10 to 20px between each element or section. This helps us give some “breathing room” and makes our emails more readable.

Whenever you’re setting up your email template, make sure to check how it renders on different devices and email clients. What looks good on a desktop might not always look good on mobile devices.

16. Mobile

With more than half of your recipients opening your emails on mobile devices, you can’t build your email templates just thinking about big desktop screens.

The best way to ensure that all your recipients have the most optimal experience is to build mobile-responsive emails.

An email that’s mobile-responsive will look good, both on smaller and larger devices. And since you’re building and sending just one email (that’s optimized for both types of devices) it won’t be a problem if your subscriber chooses to open your message using different tools.

We’re not going to go into detail how you’d code a mobile-responsive email. Email builders, like the GetResponse Email Creator, let you create email templates that look good on all types of devices without having to write a single line of code.

Mobile email design best practices

There are several best practices you should keep in mind when designing your emails for mobile devices:

  1. Make sure your copy is legible, even when someone’s reading your message while on the go. Consider increasing your line spacing and font size to 14-16 px for regular text and 22 px for headlines.
  2. Make sure your links and CTAs can be easily clicked when using a thumb. In most cases, you’ll want your buttons to have approximately 44 x 44 px (minimum 29 x 44 px)
  3. Include extra breathing room between CTAs to make clicking easier. Add 10-20 px of extra space around clickable areas to make clicking easier.
  4. Make sure your landing page is also optimized for mobile devices. Sending people off to a page that doesn’t look good on their device would be a loss of money and could cause a lot of frustration.
  5. Always test and check what your email template looks like on different devices before sending it out to the world. As we mentioned and it’s worth reiterating, what might look good on a desktop might not look the same on a mobile device ( when your content is resized or stacked on top of each other)
Example of a mobile-responsive email template created in GetResponse.

Summary

Although email is such an old medium, a lot has changed in the email design world over the last several years.

We’re always keeping our eye out for new developments, practices, and trends, and will continue to update this guide to reflect the current state of things.

If you’d like to stay updated, make sure to sign up to our newsletter so we can notify you whenever we edit this and our other resources.

And if you’re looking for an email builder that makes creating email templates a fun and rewarding experience, be sure to sign up for a GetResponse free trial.

Subscribe for fresh tips & top articles


GetResponse Sp. z o.o. needs data contained in this form to provide you with materials you requested. For more information, read Privacy Policy.

Thanks for signing up!

We'll send you an email to confirm this shortly.