Diseño del correo electrónico: La guía más completa y con ejemplos

Lanza tu negocio en línea en solo 7 días

Para 2023 cerca de 348.000 millones de correos electrónicos serán enviados al día.


Tienes que tener la certeza que tus correos electrónicos se destacan entre las atiborradas bandejas de entrada, si quieres que sean una parte efectiva de tu toolkit de marketing digital.


En este artículo, te enseñaremos cómo puedes usar el diseño del correo electrónico para destacarte entre la multitud, y te daremos estrategias específicas que te ayudarán a llegar a tu audiencia.


¡Empecemos!

1. El diseño del correo electrónico explicado

Email design explained

El diseño del correo electrónico se refiere al proceso de crear y diseño de tu mensaje de manera que enganche a tu audiencia.


Este proceso incluye las elecciones que hagas respecto a los siguientes elementos:

  • Títulos, subtítulos y sign-offs
  • Colores y fuentes
  • Imágenes y videos
  • Contenido escrito
  • Branding, y más!

El diseño de tu correo electrónico tiene que ser lo suficientemente atractivo no solo para que tus leads lo abran, sino que para que sea lo suficientemente sencillo para comunicar tu mensaje y venderles tu oferta.


Para alcanzar este objetivo, estos son algunos consejos y estrategias fáciles de implementar que te permitirán crear mensajes creativos y acertados para enviar a tu audiencia.

2. Las mejores prácticas en el diseño del correo electrónico

2.1. Nombres de remitente confiables

Nombres de remitente confiables

Es más probable que tus leads abran un correo electrónico de una cuenta que conozcan y en la que confíen, debes tener cuidado con esto, ya que es lo primero que tus lead van a ver.


Tu nombre de remitente debe mencionar a tu negocio, un departamento o rol de trabajo específico.


Los nombres de remitente confiables deben verse de esta forma:

  • El equipo de systeme.io — el pequeño grupo detrás del negocio
  • Aurelio de systeme.io — el fundador del negocio
  • El newsletter systeme.io — El negocio y el tema del correo
  • ayuda@systeme.io — el departamento del negocio

Hay cientos de opciones diferentes para lograr un nombre de remitente confiable.


Investiga a tu audiencia y elige lo que mejor se ajuste a cada tipo de cliente y a cada campaña.


Otro consejo útil para garantizar que tu nombre de remitente sea confiable es pedirle a tus leads que te agreguen a su lista de remitentes seguros.

2.2. Líneas de asunto de gran alcance

El segundo elemento que muy probablemente va a hacer que tus correos electrónicos sean abiertos es tu línea de asunto, de qué se trata tu correo electrónico es lo segundo más importante luego de su procedencia.


Recuerda, tu línea de asunto tiene que despertar el suficiente interés de tus leads, para que no quieran ir a consultar el siguiente correo electrónico.


Si tu línea de asunto es muy larga, puedes perder lectores incluso antes de ver tu contenido, así que siempre trata que sea corto y amable.


Esto son algunos de los trucos para lograr líneas de asunto que puedas usar para llevar la delantera en la tasa de apertura de tu correo electrónico sobre tus competidores:

  • Personalización: incluye el nombre de tu destinatario para hacerlos sentir especiales e importantes
  • Anuncia primero el beneficio: lidera con el valor que este correo electrónico contiene y que tu negocio aportará
  • Ser gracioso: añade algo de humor en tus líneas de asunto con frases y expresiones coloquiales si tienes una audiencia que reacciona bien a eso
  • Números: agrega hechos y cifras para demostrar el valor que estás aportando
  • Ser honesto: cuéntale a los contactos lo que está exactamente en el correo electrónico porque la decepción puede llevarte a la carpeta de spam

Recuerda, utilizar: “FW:”, “RE:” o palabras de spam, para engañar a las personas y llevarlas a que piensen que tu correo electrónico es uno personal, viola la “CAN-SPAM Act”, y puedes quedarte estancado en una blacklist de correo electrónico.

2.3. Poderoso texto de pre encabezado

Poderoso texto de pre encabezado

Son lo mismo que las meta-descripciones, pero para correo electrónico.


Podrías dejar que esto refleje la primera línea de tu correo electrónico, pero ¿por qué no hacerlo más atractivo?


Utiliza texto de pre encabezado y expande tu línea de asunto al:

  • Enfatizar el beneficio que le estás ofreciendo a tus suscriptores
  • Brindar más detalles al valor prometido de tu oferta
  • Incluir algo más que pueda interesarle a tus leads

Con un texto de pre encabezado, entre más corto mejor, pero eso no significa que tenga que ser aburrido.


¿Por qué no incluir un emoji relevante y crear acerca de la persona vinculada a tu marca y comunicación?


Sin embargo, tienes que ser consciente que tus contactos leerán tus correos electrónicos por medio de distintos dispositivos, así que asegúrate que cualquier cosa que incluyas esté optimizada también para la versión móvil.

2.4. Diseño magistral

Diseño magistral

La experiencia de usuario (UX) es la razón de ser de un negocio exitoso.


Si tus suscriptores encuentran que tus correos electrónicos están desordenados y son difíciles de navegar, perderás su confianza e interés.


Estos son algunos de los mejores prácticas para el diseño de correos electrónicos que no pueden faltar:

  • Crear un triángulo invertido: usa formas e imágenes más grandes que gradualmente formen un punto a donde dirigir la mirada a través del correo electrónico
  • Escribe párrafos más cortos: los párrafos más cortos son más fáciles de leer y te obligan a comunicar tus ideas con mayor efectividad
  • Usa espacios en blanco: separa grandes textos con espacios en blanco para que tus correos electrónicos sean más fáciles de asimilar
  • Enfócate en una idea: solamente incluye una oferta o una idea en cada correo electrónico para que tus leads nunca se confundan
  • Usa títulos y viñetas: los títulos y las listas de viñetas más grandes permiten que el contenido sea sencillo y fácil de consumir

La voz de tu marca debería estar reflejada en el diseño de tu contenido, así que asegúrate que tu estructura también incluya el branding apropiado.

2.5. Imágenes y videos estratégicos

Strategic imagery and video

Si bien algunos correos electrónicos tienen un texto pesado y una estructura básica, otros en cambio, dejan que las imágenes hablen.


Si tu correo electrónico es largo, sería apropiado incluir algunas imágenes y botones para separar la información y enfatizar lo que estás diciendo.


Puedes usar distintas clases de imágenes en tus correos electrónicos, incluyendo fotografía de stock, gráficos personalizados, videos, GIF, etc,.


Sin embargo, hay algunos que debes tener en cuenta al momento de incluir elementos gráficos en tus correos electrónicos:

  • Tamaño: cuánto espacio ocuparán en tu correo electrónico tus elementos gráficos, ¿y ralentizarán el tiempo de carga?
  • Formato: ¿usarás imágenes en formato.rgb, .jpeg, o .png para incrementar la calidad de tu imágen?
  • Fuente: ¿solo son suficientes las imágenes de stock o invertirías en fotografías y diseños personalizados?
  • Videos: ¿incluirías video clips o GIF cortos para reforzar más tu contenido?

Recuerda, las imágenes y los videos hacen que sea más difícil la entrega de tus videos porque estos elementos incrementan significativamente el tamaño del archivo.


Sin importar lo que decidas, recuerda que ciertos teléfonos tienen deshabilitada de manera automática la descarga de imágenes, es una tendencia común para ahorrar datos de navegación.


Una manera de garantizar que no se desperdicie ninguna imagen es agregando un efectivo texto alternativo (ALT text), para que aún estén respaldando el resto de tu contenido.

2.6. Personalización agradable para las personas

La creación de una experiencia personalizada para tus leads va más allá que incluir sus nombres en la línea de asunto.


El 72% de los clientes afirman que solamente se involucrarán con los correos electrónicos que utilizan mensajes adaptados y personalizados.


Avanza hacia un contenido personalizado al usar las siguientes tácticas:

  • Etiqueta a tu audiencia: utiliza sus acciones y comportamientos para ayudarte a suscribirlos a campañas de correo electrónico y contenido de su gusto
  • Utiliza contenido dinámico: cambia las grandes parte de tu contenido para adaptarlo a las diferentes preferencias de los contactos
  • Crea contenido contextual: incluye contenido específico para los suscriptores y puedes incluir un informes personalizado de sus actividades y progreso

Cuando adaptas de esta forma tus comunicaciones, crearás un relación con tus leads y será mucho más probable convertirlos en clientes.


Las plataformas potentes de marketing digital, como systeme.io, utilizan reglas de automatización y flujos de trabajo que pueden configurarse con anticipación para enviar automáticamente estos mensajes altamente personalizados en el momento adecuado.

2.7. Resalta los CTA

Google CTAs

Fuente: Medium.com

Para incrementar tu tasa de clic, tendrás que usar llamados a la acción (CTA).


En cada correo electrónico, debe tener al menos un CTA principal ubicado al principio de tu correo, para atrapar a los skimmers que no leen “below the fold”.


Luego, agrega varios CTA secundarios e intenta encontrar el balance para que no le roben la atención a tu CTA principal.


Puedes hacer que tus CTA se destaquen en tus correos electrónicos, al:

  • Utilizar colores que sean brillantes y contrastantes
  • Haz que tu CTA sea lo suficientemente grande para que se pueda hacer clic con el dedo pulgar
  • Coloca muchos espacios blancos alrededor de tu CTA, para que sea fácil hacer clic
  • Intenta usar en lugar de un “¡Compra ahora!” un CTA más descriptivo y específico como un “Sí, quiere resolver mi problema en 6 semanas”
  • Crea y usa un botón CTA incrustado, que aparezca incluso si han sido deshabilitada la descarga de imágenes

Realiza pruebas divididas o A/B en algunos diseños de correo electrónicos que incluyan estas estrategias, y determina cuáles funcionan mejor para ti y tu audiencia.


Recuerda que la audiencia nicho no responderá de la misma manera que cualquier otro negocio.

2.8. Adaptabilidad a la versión móvil

Adaptabilidad a la versión móvil

Aunque más de la mitad del tráfico web global es generado por dispositivos móviles, cerca del 20% de los correos electrónicos no están optimizados para ser visualizados en dispositivos móviles, una sorprendente omisión de marketing.


Puedes hacer que tus correos electrónicos estén más adaptados a la versión móvil, implementando las siguientes técnicas:

  • Aumenta el tamaño de la fuente de tu contenido de al menos 15 pt font size y 22 pt para los títulos
  • Aumenta el espacio entre líneas y asegúrate que se ajusta al tamaño de la fuente que has elegido
  • Asegúrate que tus CTA sean claros y que se pueda hacer clic en ellos, que cuenten con suficiente espacio a su alrededor para evitar hacer clics accidentales
  • Usa fuentes respaldadas que sean sencillas y fáciles de leer
  • Prueba las plantillas de tus correos electrónicos en varios dispositivos para asegurar que tengan una buena apariencia en celulares, computadores, tablets, etc.
  • Oculta o elimina secciones que los usuarios de dispositivos móviles no puedan ver o cualquier elemento que le aporte valor a sus experiencia
  • Optimiza los nombres de tus imágenes y agrega ALT text para que incluso si no se descargan, tus leads sepan la razón por la que están ahí
  • Repite tu CTA al final del mensaje, si estás utilizando formularios de correo electrónico y newsletters más largos
  • No olvides el modo oscuro, así que asegúrate de usar imágenes transparentes y agregar un tono blanco alrededor de cualquier ícono negro

También es importante que te asegures que tu página de captura (o cualquiera que sea la página a donde tu CTA lleve a tus contactos) también esté adaptada a la versión móvil.


No hay nada peor que tener un gran CTA pero luego perder las conversiones debido que la segunda etapa tampoco está optimizada.

2.9. Pies de página ingeniosos y ajustados a las normas

Los email marketers que se ajustan a las normas, son email marketers ingeniosos, así que no olvides añadir un botón para cancelar la suscripción.


Lastimosamente, no a todos tus suscriptores les gustará tu contenido, así que debes brindarles una manera en la que puedan despedirse de tu negocio de una buena manera.


Estos son otros elementos que debes incluir en tus pie de página:

  • El nombre de la compañía que envía el correo electrónico
  • Los términos y condiciones asociados a tu oferta o negocio
  • Enlaces para seguir a tu negocio en las plataformas de redes sociales
  • Un enlaces para descargar tu app (si tienes una)
  • Alguna parte a donde enviar sus opiniones y comentarios
  • Un enlace de afiliado o referido para promocionar tu oferta

Recuerda, las autoridades en todo el mundo exigen que incluyas en tu pie de página, al menos el nombre de tu compañía y una forma en la que se pueda cancelar la suscripción.


Revisa el CAN-SPAM Act para consultar qué elementos del correo electrónico de tu negocio están afectados por estas leyes, y si se ajustan a ellas.

3. Herramientas de diseño del correo electrónico

El proceso de diseño es un proceso largo, pero por suerte, existen cientos de herramientas para ayudarte en el camino.


Elegir una herramienta que funcione para tu negocio puede ser difícil, así que no te preocupes porque tenemos la solución para ti.


Sigue leyendo nuestro mini análisis sobre las 3 mejores plataformas de marketing de correo electrónico todo en uno.

3.1. Systeme.io

El logo de systeme.io

El logo de systeme.io

La primera y mejor plataforma de marketing y diseño de correo electrónico es systeme.io.


Realmente es la única herramienta que necesitas para crear, hacer crecer y escalar tu negocio en línea.


En systeme.io tendrás acceso a las siguientes funciones de email marketing:

  • Correos electrónicos ilimitados
  • Editor de correo electrónico de arrastrar y soltar
  • Diseños adaptados a la versión móvil
  • Campañas de correo electrónico automatizado
  • Una gran cantidad de plantillas para correos electrónicos y newsletters
  • Etiquetas y segmentación de contactos
  • Análisis y estadísticas de correo electrónicos y de contactos
  • Integrada completamente con el resto de tu suite de marketing digital

A parte de estas poderosas herramientas de marketing digital, también podrás crear túneles de venta, sitios web, construir cursos en línea, vender tus productos y automatizar tu negocio.


¿Ya te contamos que te puedes registrar en nuestro plan Gratuito sin necesidad de ingresar los datos de tu tarjeta de crédito?


Así es, puedes unirte de forma gratuita y puedes quedarte en el plan gratuito para siempre.


Te recomendamos systeme.io, sí:

  • Eres un principiante: la plataforma no requiere de una gran inversión financiera por anticipado
  • No eres un experto en tecnología: systeme.io es muy fácil de usar ya que cuenta con una interfaz de usuario (UI) amigable para principiantes
  • Quieres probar una plataforma nueva: nuestro plan gratuito nunca expira, así que prueba la plataforma sin compromiso
  • Quieres evitar integraciones complicadas: estamos completamente integrados, no hay necesidad de contar con varias herramientas para llevar a cabo tareas sencillas
  • Deseas escalar y optimizar tu negocio: nuestros planes de pago se ajustan por completo a tu negocio, en todo momento

¿Ya tienes una lista de correo electrónico?


Adquiere una de nuestras suscripciones anuales e incluso ¡migraremos tu lista de contactos por tí y de manera gratuita!


Es en serio ¿qué estás esperando?

3.2. HubSpot

El logo de HubSpot

El logo de HubSpot

HubSpot es una plataforma de software como servicio (SaaS) que proporciona a los clientes herramientas de email marketing y servicios de gestión de relación con el cliente (CRM).


Esta plataforma promete unir tus ventas y marketing para presentarle tu contenido a las personas y empezar a convertirlas.

  • Editor de correo electrónico de arrastrar y soltar
  • Diseños adaptados a la versión móvil
  • Sugerencias de elementos de correo electrónico personalizados
  • Correos electrónicos potencializados por CRM e información de los clientes
  • Campañas de correo electrónico automatizados
  • Plantillas de correo electrónico orientados a objetivos
  • Análisis y pruebas A/B

Aunque su suite de email marketing técnicamente es gratuita, para tener acceso a funciones más avanzadas tienes que pagar y suscribirte a uno de sus planes más costosos.


Estos planes empiezan en $45/mes para el plan Starter y solo incluyen 1.000 contactos.


¿Quieres más contactos? Tendrás que pagar $45/mes adicionales por cada 100 contactos.


Recomendamos HubSpot sí . . .

  • Deseas enfocarte en tus clientes: el potente CRM utiliza los datos de los clientes para informarte de todos los demás procesos
  • Tienes un negocio consolidado: estas potente herramientas tiene un precio muy alto lo que hace difícil que los negocios pequeños puedan costearlo
  • Cuentas con un equipo grande de ventas y de marketing: te permite tener hasta 5 usuarios por equipo en la plataforma
  • No deseas vender productos: de lo contrario tendrás que usa su integración con Shopify y pagar por ese servicio
  • Puedes pagar el alojamiento del sitio web: este servicio solo está incluido en el plan Pro ($300/mes) y en el plan Enterprise ($600/mes)

No se puede negar que HubSpot tiene algunas funciones potentes y sus CRM hacen que la personalización del correo electrónico sea pan comido.


Sin embargo, estas funciones tienen un precio que bien podrías reinvertir en tu actual negocio.

3.3. MailChimp

El logo de Mailchimp

El logo de Mailchimp

Mailchimp es un nombre de vieja data en el ámbito del marketing digital que recientemente ha hecho el cambio a convertirse en una herramienta más inclusiva.


Los precios de los planes en la plataforma de Mailchimp son complicados, y desde el principio tendrás que decidir si te enfocas en el email marketingo en comercio electrónico, ya que son vistos como objetivos de negocio diferentes.


El plan gratuito de marketing de Mailchimp incluye las siguientes funciones de email marketing:

  • 10 - 15 correos electrónicos por contacto (dependiendo del plan)
  • Correos electrónicos alimentados por CRM
  • Asistente creativo de correo electrónico y ayudante de líneas de asunto
  • Plantillas básicas y limitadas para correo electrónico
  • Automatización de un solo paso
  • Editor de correo electrónico de arrastrar y soltar
  • Análisis de correo electrónico

Los correos electrónicos transaccionales forman una parte separada de los planes de Mailchimp y se venden en bloques de 500.000 correos electrónicos, y empiezan desde los $10/bloque.


Aunque la plataforma incluye la mayoría de lo que necesitas para respaldar a tu negocio, los complicados precios de los planes conllevan a que terminarás pagando más de lo que esperabas para hacer funcionar tu negocio.


Recomendamos Mailchimp sí…

  • Tienes una lista de correo electrónico muy corta: una vez tu lista supere los 500 contactos, se pondrá costosa rápidamente
  • Solamente necesitas email marketing : sus planes están enfocados en satisfacer una necesidad de negocio muy específica
  • No necesitas análisis avanzados: los clientes se han percatado que esta función es muy básica y no está integrado en sus negocios
  • No deseas usar el marketing de afiliación: ya que está prohibido en esta plataforma y si lo haces tu cuenta será bloqueada
  • Eres un experto en email marketing: ya que las plantillas son limitadas, y la funcionalidad del diseño es difícil de navegar

En resumen, Mailchimp es una herramienta útil si lo único que necesitas es el email marketing.


El ámbito del marketing digital se está moviendo hacia soluciones más inclusivas, y las plataformas diseñadas con este propósito podrían dejar a herramientas inquebrantables como Mailchimp mordiendo el polvo.

4. Ejemplos de diseño del correo electrónico

Hemos revisado algunos diseños de correo electrónico súper exitosos para mostrarte lo que funciona y para que te inspires.

Ejemplos de diseño del correo electrónico

Fuente: Foundr.com

Un correo electrónico sencillo y con un elegante texto plano para el newsletter de Foundr, demuestra que las imágenes no son necesarias para contar una historia.


Este correo electrónico podría ser mejorado con CTA más claros, pero está destinado para fans suscritos, así que lo dejaremos pasar.

Ejemplos de diseño del correo electrónico

Un inteligente uso del color, del branding y con el diseño de un triángulo invertido, hace que este correo electrónico de Tock se destaque en cualquier bandeja de entrada.


Mantener la marca en todo tu marketing es importante para la retención del cliente.

Un gracioso GIF es un vibrante paleta de color hace que este correo electrónico anunciando una oferta sea una de nuestra favoritas.


Es un ejemplo perfecto de cómo integrar video en tu correo electrónico de una manera muy sucinta pero efectiva.

 content in promotional emails

Fuente: Nike.com

Un ejemplo de contenido dinámico en correos electrónicos promocionales enviados por la marca líder en ropa deportiva: Nike.


Se enfoca de manera diferenciada en los clientes femeninos y masculinos, para optimizar las conversiones con contenido personalizado.


Hay cientos de ejemplos de excelentes correos electrónicos, pero, a menudo son creados por equipos de diseño con amplios presupuestos.


Si hasta ahora estás empezando, ¿por qué no revisar las plantillas de correo electrónico de systeme.io adaptadas a la versión móvil?


Son plantillas de eficacia comprobada para impulsar las tasas de conversión.

5. Conclusión

El marketing por correo electrónico

El email marketing cuenta con el retorno de inversión (ROI) más alto comparado con cualquier otro canal de marketing digital, un sorprendente $42 por cada $1 invertido.


Un brillante diseño de correo electrónico combinado con una herramienta eficaz de email marketing, te ayudará a sacar provecho de ese retorno de inversión.


No importa el tamaño de tu negocio o cuál sea tu nicho, systeme.io tiene un plan y una solución ajustada a tus necesidades.


Regístrate hoy mismo a un cuenta gratuita y empieza el envío: las posibilidades y correos electrónicos ¡son ilimitados!

Otras publicaciones sobre email marketing:

Recibe esta guía gratuita

Recibe esta guía gratuita

El nuevo sistema para lanzar un negocio en línea

Aprenderás:

  • Como iniciar tu primer negocio en línea en 7 días
  • Cómo dominar una habilidad que te genere altos ingresos en línea
  • Los secretos para escalar tu negocio al siguiente nivel

Odiamos el SPAM. No compartiremos tu correo electrónico.