Mejores prácticas de diseño de correo electrónico: ¿Se convierten sus diseños?

Publicado: 2023-10-25

¿Qué tan bien funcionan sus campañas de marketing por correo electrónico? Según Constant Contact, en 2023 es común una tasa promedio de apertura de correo electrónico del 34,51 por ciento y una tasa de clics del 1,33 por ciento en 200 millones de correos electrónicos.

Teniendo en cuenta que estas métricas varían según la industria, si las suyas están por debajo del promedio, un factor a considerar es el diseño de su correo electrónico. Un correo electrónico bien diseñado atrae al segmento de audiencia que lo recibe. Su correo electrónico debe ser responsivo, quizás interactivo y ciertamente optimizado para dispositivos móviles.

Las mejores prácticas de diseño de correo electrónico en esta publicación de blog le serán de gran utilidad si busca inspiración y consejos útiles para sus campañas.

Tabla de contenido

Mejores prácticas de diseño de correo electrónico para campañas atractivas

Repasemos algunos consejos que han demostrado funcionar para los mejores especialistas en marketing por correo electrónico.

1. Prueba todo A/B

No importa qué tan avanzados sean la tecnología y el diseño del correo electrónico: las pruebas divididas siempre serán necesarias.

Tienes más formas que nunca de probar A/B el contenido de tu correo electrónico. Muchas herramientas de marketing por correo electrónico tienen automatización integrada o inteligencia artificial que puede comparar sus correos electrónicos sin que tenga que hacerlo manualmente. Estas herramientas lo ayudan a identificar las mejores imágenes, la ubicación de las CTA, las líneas de asunto, la longitud del correo electrónico e incluso cuándo enviarlo.

Las pruebas divididas garantizan que su mensaje sea relevante, esté orientado al rendimiento y esté listo para lanzarse.

2. Incluye la información correcta en el pie de página.

ejemplo de diseño de pie de página de correo electrónico
Imagen cortesía de Brevo

Un pie de página de correo electrónico o un bloque de firma es una de las partes más importantes de su mensaje, incluso si no está en la mitad superior de la página. Algunos especialistas en marketing utilizan pies de página genéricos, sin hacerse ningún favor.

Entonces, ¿qué debería incluir en el pie de página de su correo electrónico? Aquí hay algunas ideas:

  • Enlaces de soporte: puede utilizar esta sección para solicitar comentarios sobre su correo electrónico (a menos que los envíe desde una dirección de correo electrónico sin respuesta) o proporcionar enlaces de soporte para que los clientes o clientes potenciales puedan obtener respuestas a sus preguntas.
  • Enlaces de referencia: un pie de página de correo electrónico es un lugar ideal para enlaces de referencia, especialmente si su programa de referencia es nuevo y está creando conciencia.
  • Enlace de la aplicación: fomente más descargas de aplicaciones y participación incluyendo un enlace a su aplicación en Google Play Store y Apple App Store en el pie de página de su correo electrónico.
  • Enlaces de redes sociales: cree botones de redes sociales para las principales plataformas, incluidas Facebook, LinkedIn, Twitter, Instagram y YouTube. Agregue hipervínculos a cada botón.
  • Enlace al sitio web: no está de más agregar un enlace adicional a su sitio web en el pie de página. Sin embargo, si su pie de página ya tiene muchos enlaces, puede omitir este.
  • Información legal: debe incluir una declaración legal sucinta pero exhaustiva, incluido un enlace para cancelar la suscripción, que indique que no compartirá información personal. Explique sus términos y condiciones en esta declaración legal y considere consultar con un abogado para su revisión.

3. Un diseño minimalista está bien

ejemplo de diseño de correo electrónico de Harry's
Imagen cortesía de Uplers

¿Cómo debería verse tu correo electrónico? Ésa es la pregunta del millón y no hay una respuesta correcta.

El diseño de su correo electrónico variará según el producto o servicio que esté promocionando y su audiencia. Sin embargo, no importa el diseño, seguramente se beneficiará de un toque de minimalismo. Muchos nuevos profesionales del marketing por correo electrónico asumen que su correo electrónico debe tener todos los elementos visuales necesarios para atraer una alta tasa de apertura y de clics.

En realidad, sucede lo contrario: un mensaje desordenado parece spam y podría terminar en la papelera. No temas los espacios en blanco. Hace que los elementos visuales de su correo electrónico sean más impactantes y les da espacio para respirar.

También puede ayudar con la optimización móvil, asegurando que los elementos visuales no se apilen uno encima del otro o se carguen incorrectamente.

Lea también: 15 plantillas de correo electrónico de introducción que funcionan a las mil maravillas

4. Utilice contenido dinámico

El contenido dinámico está causando sensación en el marketing por correo electrónico, y con razón.

Como sugiere el nombre, el contenido dinámico cambia según la audiencia. Este tipo de correo electrónico le permite crear contenido personalizado para sus grupos de audiencia sin enviar miles de correos electrónicos por día.

Una buena herramienta de marketing por correo electrónico le ayudará a utilizar el contenido dinámico al máximo, ya que segmenta y puntúa a su audiencia automáticamente. También puede automatizar la inclusión de elementos de contenido dinámico como encuestas a clientes, mensajes de carritos abandonados, ofertas de productos o servicios y recomendaciones.

5. Comprueba dos veces si hay errores gramaticales y ortográficos.

Ya sea que haya escrito el correo electrónico usted mismo o haya utilizado una herramienta de marketing por correo electrónico, siempre debe tener al menos otro par de ojos para leer el contenido antes de presionar el botón "enviar" (o "programar" si está utilizando una herramienta de automatización de marketing). .

Los errores gramaticales y ortográficos son vergonzosos y reducen su confiabilidad. Puedes usar una extensión Grammarly o incluso ChatGPT para encontrar errores en la copia. Hoy en día, es tan fácil detectar estos errores que no tenemos excusa para enviar un correo electrónico con un texto que no sea perfecto.

6. Priorice la optimización móvil

FluentCRM informa que el 41 por ciento de las vistas de correo electrónico provienen de dispositivos móviles. Sus correos electrónicos deben estar optimizados para dispositivos móviles para que se muestren correctamente en teléfonos inteligentes y tabletas.

Las plantillas de correo electrónico adaptadas a dispositivos móviles son comunes, pero verifica que la tuya esté optimizada antes de enviar mensajes. Todos los elementos de su campaña de marketing por correo electrónico deben estar optimizados para dispositivos móviles, incluido su sitio web y sus páginas de destino.

Lea también: Incorporación de plantillas de correo electrónico para nuevos clientes y empleados

7. Haz que tus mensajes sean compatibles con el modo oscuro

El modo oscuro es más popular que nunca: el 81,9 por ciento de los usuarios de dispositivos móviles lo prefieren, dice EarthWeb. Es más agradable a la vista que los fondos blancos y no consume tanta batería del dispositivo móvil.

Ejemplo de diseño de correo electrónico compatible con modo oscuro
Imagen cortesía de Sidemail

La mayoría de los clientes de correo electrónico admiten el modo oscuro, ya sea que ofrezcan una inversión parcial o a todo color. Aquí hay algunos consejos para optimizar sus correos electrónicos para el modo oscuro:

  • Haga que sus íconos y botones CTA sean compatibles con el modo oscuro
  • Limite los colores saturados, prefiriendo tonos más pálidos y apagados para evitar la dureza visual.
  • Guarde sus logotipos y otros gráficos como PNG transparentes
  • Cree un contorno translúcido alrededor de todo el texto oscuro en PNG transparentes
  • Pruebe sus correos electrónicos

8. Cuida tu tono

Tu tono es un elemento de tu marca. Su audiencia esperará que sus correos electrónicos mantengan el mismo tono utilizado en su sitio web y redes sociales.

Dicho esto, puedes cambiar tu tono dependiendo de tu audiencia. Por ejemplo, un público más joven apreciará un tono informal, mientras que un público mayor podría preferir un mensaje escrito más formal.

9. Piensa en el diseño de tu correo electrónico.

Seguir un diseño de correo electrónico convencional ayudará a que su campaña tenga el mejor rendimiento. Sus opciones incluyen un diseño en zig-zag, una pirámide invertida o una columna.

A continuación se ofrece una descripción general de cada estilo de diseño.

  • Zig-zag: las imágenes y el texto alternados atraen la atención en un patrón en zig-zag, de ahí el nombre. Presente su información de izquierda a derecha para seguir cómo se mueve naturalmente el ojo al consumir información.
  • Pirámide invertida: una pirámide invertida es una excelente opción si su mensaje tiene un objetivo, como presentar un nuevo producto. Primero presenta una imagen grande, luego el cuerpo del correo electrónico y un botón de CTA, creando la forma de una pirámide invertida.
  • Una columna: un diseño de una columna es todoterreno con un buen equilibrio entre imágenes y texto. Es compatible con dispositivos móviles, espacia adecuadamente los elementos del correo electrónico y permite una lectura fácil y rápida.

Lea también: 18 ideas de tendencia para campañas de marketing por correo electrónico [+ plantillas]

10. Opte por GIF

Imagen cortesía de Giphy

Los GIF están en todas partes hoy en día. Podemos publicarlos en respuestas de redes sociales, enviarnos mensajes de texto e incluirlos en correos electrónicos. Seleccionar GIF en lugar de video le da a sus correos electrónicos un elemento animado sin hacerlos grandes y lentos al cargar.

Dicho esto, debes controlar el tamaño de tu GIF. No envíe archivos de más de 1 MB.

11. Inserta tus vídeos

Desde Thunderbird hasta Outlook y Gmail, esperamos con impaciencia el día en que los clientes de correo electrónico reproduzcan automáticamente vídeos en un correo electrónico. Hasta que vivamos en esa época, siempre podremos usar HTML5, al menos con la mayoría de los clientes de correo electrónico.

HTML5 nos permite incrustar vídeos en un mensaje. El vídeo se mostrará como una imagen con un botón de reproducción. Cuando el lector hace clic en el botón, puede comenzar a ver el video. El enlace del vídeo está alojado en su sitio web o servidor, no en el cliente de correo electrónico.

A veces, los GIF no pueden transmitir su mensaje, especialmente cuando se presenta un nuevo producto o servicio. Ahí es cuando los videos incrustados resultan útiles.

12. Agregue contenido generado por el usuario.

Una de las mejores formas de generar confianza en su marca es a través de pruebas sociales. Puedes promocionar tu marca hasta que te pongas triste, pero eso siempre significará más por parte de tus clientes.

El contenido generado por el usuario, o UGC, proviene de su audiencia. No les pides que lo produzcan; Lo hacen porque están realmente entusiasmados con su producto o servicio y quieren compartir su experiencia positiva con los demás.

Ejemplos de UGC incluyen publicaciones en redes sociales, videos, imágenes, comentarios y reseñas publicadas en un sitio web de terceros, como el blog de un cliente. Cuando encuentre UGC para su marca, comuníquese con el creador de contenido y pregúntele si puede compartirlo en sus correos electrónicos.

Lea también: Cómo crear excelentes boletines informativos por correo electrónico en 2023 [con 7 plantillas gratuitas]

13. Revisa tus enlaces

Ya sea que tus correos electrónicos tengan dos enlaces o 20, debes revisarlos antes de enviarlos a tu audiencia.

Haga clic en cada enlace y asegúrese de que lo lleve a la página correcta. Corrija los enlaces con errores tipográficos que puedan causar un error al hacer clic y elimine los enlaces inactivos.

14. Cuida tu proporción de texto e imagen

Otra consideración a la hora de crear el diseño de su correo electrónico es la relación imagen-texto. Un correo electrónico bien diseñado no debería contener demasiado de ninguno de los dos. La proporción requiere un 60 por ciento de texto y un 40 por ciento de imágenes.

Enviar correos electrónicos con una relación texto-imagen deficiente no sólo perjudica su campaña desde una perspectiva de diseño. Es probable que la mayoría de los proveedores de servicios de Internet piensen que sus correos electrónicos son spam.

15. Priorice las ubicaciones de CTA

Ubicaciones de CTA en ejemplo de diseño de correo electrónico
Imagen cortesía de Campaign Monitor

Tus botones de CTA deben sobresalir para que tus mensajes tengan éxito. El botón debe tener suficientes espacios en blanco; Los espectadores pueden distinguir fácilmente el botón de otros elementos visuales de su correo electrónico.

El color debe ser distinto y contrastante, pero no áspero a la vista, ya sea que se vea en modo claro u oscuro. Cuanto más arriba de la carpeta esté el botón CTA, mejor. Un buen lugar para insertar el botón es el encabezado de su correo electrónico, pero no se detenga ahí.

También puedes agregar un segundo botón cerca del pie de página, especialmente si tienes un mensaje largo o uno con muchos elementos visuales que requieren desplazamiento.

Lea también: Ejemplos de envíos masivos de correo electrónico de marcas populares para inspirarlo

16. Añade contenido interactivo

Otra gran práctica recomendada es utilizar contenido de correo electrónico interactivo. El vídeo es un ejemplo de contenido interactivo, pero todo el mundo lo espera. ¿Por qué no incluir una encuesta o un sondeo integrado durante su próxima campaña de correo electrónico?

También puede utilizar un botón de agregar al carrito, funciones de acordeón para expandir y retraer sus mensajes, revelaciones de ofertas, efectos de rollover, carruseles de productos, opciones de búsqueda y animaciones, como botones de CTA animados.

Estos elementos requieren más tiempo y esfuerzo para integrarse en sus mensajes, pero deberían tener un efecto positivo.

17. Siempre tenga alguna copia de texto en sus correos electrónicos.

Los correos electrónicos que solo contienen imágenes pueden dejar un mal sabor de boca a su audiencia. Teniendo en cuenta la frecuencia con la que las personas acceden a sus correos electrónicos en un dispositivo móvil, debe pensar que no siempre tendrán acceso a una conexión a Internet confiable.

¿Qué pasa si tus imágenes no se cargan? No es el fin del mundo si tus mensajes tienen otros elementos como video y texto. Sin embargo, un correo electrónico que sólo contenga imágenes se verá extrañamente vacío. Sus clientes potenciales o clientes podrían asumir que lo envió accidentalmente.

Este hábito puede provocar cancelaciones de suscripciones y quejas de spam, así que no se arriesgue.

18. Escribe buenas CTA

Aunque no necesitas mucha copia con un botón de CTA, cada palabra debe ser hermética y significativa. Escriba frases de llamado a la acción centradas en los beneficios, manteniéndolas específicas. El botón CTA también debe indicar adónde irán los usuarios si hacen clic.

No puede decir "haga clic aquí", ya que no es lo suficientemente específico. En su lugar, puede escribir "haga clic aquí para obtener más información sobre [nombre del producto]" o "haga su pedido hoy".

Los lectores saben hacia dónde los dirige en ambos casos. En el primer ejemplo, los llevará a una página de destino y, en el segundo, a la página de un producto.

Lea también: 12 plantillas de facturas por correo electrónico para personalizar y hacer clic en Enviar

19. Considere el tamaño de sus CTA

Discutimos el valor de los espacios en blanco y el color de un botón CTA, pero ¿qué pasa con su tamaño? Un buen tamaño para un botón CTA es de 50 píxeles. Es lo suficientemente grande como para que sus lectores no puedan pasarlo por alto, pero no tan abrumadoramente grande como para restar valor a los demás elementos de su correo electrónico.

20. Utilice etiquetas combinadas

Aquí tienes un consejo de personalización. Utilice etiquetas combinadas, que incorporan datos de la lista de correo a sus mensajes. Tendrá más datos de clientes y clientes potenciales, incluidos su nombre completo, apodos y nombres de usuario.

Le resultará más fácil personalizar su correspondencia y hacer que sus mensajes se sientan más personalizados.

21. Sepa qué codificación de correo electrónico móvil utilizar

Puede seleccionar entre dos opciones de codificación para sus correos electrónicos optimizados para dispositivos móviles: híbrido o responsivo.

La codificación híbrida tiene un diseño que cambia con fluidez según el tamaño de la pantalla. Si un usuario abre el correo electrónico en su iPad, se verá tan bien como en su iPhone. Los correos electrónicos responsivos utilizan CSS y consultas de medios para modificar estilos para que el correo electrónico se vea bien en una pantalla más pequeña.

Lea también: 27 ejemplos de correos electrónicos de confirmación para deleitar al cliente

22. Escribe el texto alternativo en las imágenes de tu correo electrónico.

Siempre que utilices imágenes, también debes incluir texto alternativo. Esta breve descripción del contenido de la imagen proporciona contexto si sus imágenes no se cargan y puede evitar que su audiencia de correo electrónico cancele la suscripción.

23. Elige tus fuentes con cuidado

Aunque puedes ser florido con muchos aspectos del diseño de tu correo electrónico, la fuente no es uno de ellos. Los clientes de correo electrónico tienen sus fuentes preferidas, como Times New Roman para Outlook, Arial para Gmail y Helvetica para Apple Mail.

Otras fuentes son seguras para la mayoría de los clientes de correo electrónico, incluidas:

  • Impacto
  • Verdana
  • Trabuquete MS
  • tahoma
  • Linotipo palatino
  • lucida grande
  • Lúcida sin Unicode
  • Consola Lúcida
  • helvética
  • Georgia
  • Mensajero nuevo
  • Cómic Sans MS
  • Arial Negro

Sin embargo, es una buena práctica utilizar una fuente alternativa, que le indica al cliente de correo electrónico una fuente secundaria para usar si no puede mostrar la opción original.

Lea también: Domine todos los tipos clave de campañas de marketing por correo electrónico

24. Evite las imágenes de archivo

Las imágenes de archivo están bien en caso de necesidad, pero recuerde que no son originales de su campaña de marketing por correo electrónico. Cualquiera, incluidos sus competidores, puede conseguirlos pagando una tarifa de licencia.

Los consumidores son inteligentes y es posible que recuerden haber visto una imagen de archivo de algún lugar antes. El uso de imágenes de archivo te hace parecer menos creíble, así que prioriza las imágenes originales siempre que puedas. Las imágenes originales mantienen a tu audiencia interesada y son una extensión de tu marca.

25. Cuida el tamaño de las imágenes de tu correo electrónico

Más grande no siempre es mejor, como ocurre con las imágenes de los correos electrónicos. Una imagen grande se carga más lentamente, especialmente si es de alta resolución. Una imagen no debe exceder 1 MB como PNG (debe ser menor en otros formatos como JPG) y no debe tener más de 1200 px.

26. Llama la atención con el encabezado.

El encabezado del correo electrónico es la primera indicación de qué esperar al abrir tu correo electrónico, por lo que debes hacerlo bien. Un encabezado puede utilizar imágenes, texto o ambos, con un título memorable que toque las emociones del lector pero que nunca lo engañe.

Las descripciones después del titular deben indicarle al lector lo que le espera a medida que continúa leyendo sin revelarlo todo. El objetivo es informar e incentivar.

Lea también: Correos electrónicos de reactivación 101: una guía [con plantillas]

27. Cuida el ancho de tu correo electrónico

No desea que sus correos electrónicos se extiendan más allá de la página, lo que causará problemas de representación y hará que sus correos electrónicos parezcan poco atractivos. La mayoría de los clientes de correo electrónico admiten anchos de correo electrónico de 640 píxeles, así que mantenga el suyo dentro de ese límite para un envío más seguro.

28. Utilice marketing contextual

El marketing contextual le da a su correo electrónico un elemento humano y de personalización. Esta forma de marketing utiliza un elemento personalizado para aumentar el compromiso entre su marca y el lector.

Los elementos personalizados de estos correos electrónicos hacen que sea difícil resistirse a ellos y su audiencia apreciará lo personalizado que es el contenido.

29. Agregar preencabezados

No olvide los encabezados previos, que son texto de vista previa de lo que hay dentro de su correo electrónico. Revise sus correos electrónicos ahora mismo y verá varias palabras del texto previo al encabezado de cualquier correo electrónico profesional en su bandeja de entrada.

El texto previo al encabezado es su oportunidad de alentar a su audiencia a abrir el mensaje. Nuevamente, no utilice texto engañoso o spam, ya que tendrá el efecto contrario.

Lea también: Secretos y plantillas para un correo electrónico de recordatorio perfecto y amable

Línea de fondo

El diseño del correo electrónico evoluciona constantemente según las preferencias de los consumidores, pero aún quedan algunas prácticas recomendadas.

Incluyen usar la cantidad adecuada de balance de blancos, seguir la relación imagen-texto, diseñar buenos CTA y colocarlos correctamente, priorizar la legibilidad a través de las fuentes y realizar pruebas divididas.

Ahora que sabe lo que necesitan sus campañas de marketing por correo electrónico, ¡está listo para comenzar a crear mejores correos electrónicos! Regístrese en EngageBay si desea una excelente solución de marketing por correo electrónico que incluya un CRM integrado gratuito.