15-email-design-best-practices
17 octubre

15 mejores prácticas de diseño de correo electrónico

Crea correos electrónicos profesionales
Tabla de contenido
  1. 1. Escriba una línea de asunto poderosa
  2. 2. Haga un pre encabezado de correo electrónico pegadizo
  3. 3. Mantente fiel a la marca
  4. 4. Elabore el encabezado de su correo electrónico
  5. 5. Agregue anotaciones de correo electrónico para la pestaña de promoción de Gmail
  6. 6. Utilice fuentes de correo electrónico legibles
  7. 7. Haga carteles en los correo electrónico significativos
  8. 8. Añade los GIFs apropiados
  9. 9. Haga que los botones de llamada a la acción se destaquen
  10. 10. Adhiérase a un diseño de correo electrónico optimizado para dispositivos móviles
  11. 11. Sea conciso
  12. 12. No tenga miedo de usar la interactividad en los correos electrónicos
  13. 13. Utilice la gamificación en los correos electrónicos
  14. 14. Considere la accesibilidad del correo electrónico
  15. 15. Añada un pie de página
  16. Resumen
1.
1. Escriba una línea de asunto poderosa

Piense en algunas campañas de marketing . ¿Qué es lo primero que le viene a la mente? ¿Son los elementos de diseño o  el contenido visual? ¿Qué tal los GIF animados? Con tantas cosas a tener en cuenta y tan poca consistencia en las reglas, ¿cómo se mantiene fiel  a la marca? ¿Cuáles son los elementos clave que necesita para sus correos electrónicos de marketing? 

Bueno, ¡tenemos lo que necesita! Juntos, profundizaremos en las mejores prácticas para  el diseño de correo electrónico y discutiremos consejos para las líneas de asunto de los correos electrónicos, los botones de llamada a la acción, la capacidad de respuesta móvil, las fuentes seguras para la web y las técnicas para campañas de correo electrónico efectivas. Comencemos, ¿de acuerdo?

1. Escriba una línea de asunto poderosa

Por aterrador que suene, a menudo solo tiene una oportunidad para captar la atención del prospecto. Los estudios muestran que el 47% de los destinatarios de correo electrónico deciden si abrir un correo electrónico basándose únicamente en el asunto. Además, el 69% de los receptores mueven las ofertas directamente a la carpeta de spam cuando los asuntos del correo electrónico están desactivados.

Antes de que decida dejar el marketing por correo electrónico para siempre, ¡espere! Tenemos las mejores prácticas simples pero funcionales para la línea de asunto de su correo electrónico: 

  • longitud y precision de lineas de asunto: según EmailToolTester, la mejor  la mejor longitud de línea de asunto varía de 30 a 50 símbolos para dispositivos móviles y llega hasta 100 para computadoras de escritorio. El límite exacto depende del cliente de correo electrónico y de las dimensiones de la pantalla;

Un ejemplo de la línea de asunto de burla

(Fuente: Correo electrónico de Zappos)

  • contenido dinámico: El reciente informe afirma que el 63,7% de los especialistas utilizan contenido dinámico para personalizar sus correos electrónicos, incluyendo el texto en las línea de asuntos.

Ejemplos de líneas de asunto de bienvenida

(Fuente: Correo electrónico de Ryanair y Grammarly)

2. Haga un pre encabezado de correo electrónico pegadizo

Un pre encabezado que llame la atención es una parte clave de las mejores prácticas de diseño de correo electrónico y el punto final entre un correo electrónico abierto y uno ignorado. Los pre encabezados suelen ser una continuación de las líneas de asunto del correo electrónico, por lo tanto, otra oportunidad para despertar  la curiosidad de su público objetivo o desencadenar una emoción. ¿Por qué?

Un estudio reciente concluyó que las necesidades emocionales constituyeron el 86% de las decisiones relacionadas con la compra, por lo que satisfacerlas en su correo electrónico de marketing puede ser una victoria. Ya sea que desee apostar por la sensación de aprecio o exclusividad, asegúrelo con la llamada a la acción y estará listo para comenzar. 

Por favor, tenga en cuenta:

  • los destinatarios de correo electrónico pueden ver de 30 a 80 caracteres en un dispositivo móvil y hasta 130 en computadoras de escritorio, según el cliente de correo electrónico (Gmail o Apple Mail o cualquier otro), por lo que es mejor que sea breve y receptivo a dispositivos móviles;
  • utilice los caracteres de pre encabezado para agregar detalles a la línea de asunto y respaldar la idea del mensaje de correo electrónico;

Un ejemplo del pre encabezado como continuación de la línea de asunto

(Fuente: Correo electrónico de Tony's Chocolonely)

  • si el pre encabezado no se ajusta a su estilo, puede usar un espacio en blanco. De lo contrario, los destinatarios del correo electrónico podrían ver el Alt text descriptivo o una oferta para comprobar la versión web.

Cómo agregar espacio en blanco al pre encabezado

3. Mantente fiel a la marca

Una identidad de marca consistente  genera confianza en su empresa, y es tan simple como eso. Según la investigación de Emarsys, la lealtad verdadera y ética a determinadas marcas aumentó un 26% y un 25%. ¿Qué significa?

Últimamente, la importancia de una fuerte conexión entre la empresa y su público objetivo ha aumentado.

Mantener las mismas narrativas, esquema de colores, fuentes y contenido visual en todos los canales ayuda a los destinatarios a reconocer la marca.

El equipo de Stripo ha elaborado el kit de directrices de marca con los estilos de diseño de correo electrónico , los logotipos y los datos de contacto para que sus profesionales del marketing por correo electrónico puedan mantenerse fieles a la marca.

La pestaña Directrices de marca en el Editor de plantillas de correo electrónico

4. Elabore el encabezado de su correo electrónico

Ahora que la línea de asunto y el pre encabezado están listos, el diseño del correo electrónico es el siguiente en la fila. Visualmente atractivos, informativos y minimalistas son los pilares de los encabezados de sus correos electrónicos.

¿Cuáles son los elementos visuales clave que hay que incluir? Averigüemos juntos las mejores prácticas de diseño de correo electrónico:

  • el nombre y el logotipo de la empresa son imprescindibles para ayudar a los suscriptores a diferenciar sus correos electrónicos de marketing de los de sus competidores;
  • el menú de navegación es igualmente importante. Las mejores prácticas sugieren agregar las secciones principales del sitio web, descuentos, buscadores de tiendas; 
  • también se debe incluir una opción para "Ver en el navegador". No todos los clientes de correo electrónico presentan correctamente los  elementos interactivos o los GIF, por lo que es mejor estar seguro.

Aunque el botón de cancelación de suscripción se asocia principalmente con el pie de página, algunos prefieren agregarlo al encabezado, por lo que puede modificar el correo electrónico como desee.

Prácticas recomendadas para el botón Cancelar suscripción en el encabezado

(Fuente: Correo electrónico de Spotify)

5. Agregue anotaciones de correo electrónico para la pestaña de promoción de Gmail

Todo vale en el amor y la estrategia de marketing por correo electrónico, ¿verdad? Bueno, las anotaciones de Gmail son otra herramienta que resulta útil para su campaña de correo electrónico. 

Si bien muchos especialistas en marketing por correo electrónico quieren colocar sus campañas de correo electrónico en la pestaña Bandeja de entrada, ¡la pestaña Promociones no es el enemigo! 

Ofrezca un adelanto de lo que hay dentro. Las imágenes personalizadas y las promociones están justo antes que los destinatarios del correo electrónico, así que considérelo un adelanto.

Ejemplo del correo electrónico en la pestaña Promociones

(Fuente: Correo electrónico de Tiffany & Co)

También te puede gustar

gmail-promotions-tab-cover-image

6. Utilice fuentes de correo electrónico legibles

Es posible que desee experimentar con las fuentes al crear correos electrónicos. Sin embargo, algunas fuentes web (¡apostamos a que has probado las de Google!) son complicadas, ya  que es posible  que los proveedores de buzones de correo  no las muestren  correctamente.

Arial, Tahoma, Verdana, Trebuchet, Georgia y la conocida Times New Roman se encuentran entre las principales listas de fuentes seguras para la web

Aquí hay más prácticas de diseño de correo electrónico:

  • elimine la cursiva de su correo electrónico. Siempre es difícil decir adiós a las fuentes antiguas, pero las cursivas son un "No" cuando se trata de accesibilidad;
  • limite el uso de diferentes fuentes a 3. Cuantas más fuentes, mejor no es el caso en el diseño del correo electrónico.

7. Haga carteles en los correo electrónico significativos

Piense en los carteles como una dulce adición a su correo electrónico y trate de no abrumarlo. 

Una buena estrategia para carteles implica interactuar con el público objetivo a través de imágenes de marca , enlaces o GIF que transmitan la idea del mensaje de correo electrónico. 

La clave aquí es contar una historia en lugar de solo vender. Los carteles demasiado promocionales pueden parecer sospechosos, por lo que es mejor ceñirse a la narración de historias.

Un ejemplo del cartel de Halloween

(Fuente: Plantilla de correo electrónico de Stripo)

Consejos para los carteles a tener en cuenta:

  • si bien la mayoría opta por imágenes con un tamaño estándar de 600-700px en computadoras de escritorio, puede probar otras dimensiones. Solo tenga en cuenta la capacidad de respuesta móvil;
  • intente usar carruseles, videos y GIF;
  • añada imágenes personalizadas transparentes o collages para actualizar su plantilla de correo electrónico.

También te puede gustar

Email_Banner_Size_Cover_Image

8. Añade los GIFs apropiados

¿Qué tal si condimenta sus correos electrónicos de marketing con GIF animados? Sin texto estático ni diseño de correo electrónico anticuado. 

Las mejores prácticas sugieren experimentar con el contenido para encontrar su estilo. Es tan relevante como siempre, pero la valentía viene con complicaciones. 

Por ejemplo, los tiempos de carga suelen tener un impacto negativo en la interacción. ¿Una solución alternativa? Optimiza los GIF, especialmente para los usuarios móviles.

Reglas a seguir al agregar imágenes animadas con GIF a los correos electrónicos:

  • no agregue más de 1 GIF en la pantalla. De lo contrario, el correo electrónico puede desencadenar convulsiones fotosensibles;
  • limite sus GIF a 2 destellos por segundo;
  • use Alt text para que sus GIF sean accesibles para los lectores de pantalla en caso de que no se carguen o muestren correctamente;
  • coloque la imagen más informativa en el primer fotograma. Es  posible que algunos proveedores de buzones de correo no presenten correctamente los GIF, por lo que los suscriptores de correo electrónico solo pueden ver el primer fotograma.

9. Haga que los botones de llamada a la acción se destaquen

Los botones de llamada a la acción (CTA) nunca pasan de moda y son una de las mejores prácticas clave de diseño de correo electrónico que aún impulsan las conversiones. Estos motivan a la audiencia a consultar su sitio web o obtener más información sobre sus servicios. ¿Cómo hacer que los botones se destaquen en sus campañas de correo electrónico? Echemos un vistazo:

  • utilizar colores contrastantes para separar los botones de llamada a la acción del resto del contenido escrito y visual;
  • adjuntar enlaces para reenviar destinatarios a páginas web particulares;
  • ajuste el tamaño para asegurarse de que se pueda hacer clic en el botón en páginas web particulares de dispositivos móviles y de escritorio.

Un ejemplo del botón de llamada a la acción

(Fuente: Correo electrónico de CARiD)

10. Adhiérase a un diseño de correo electrónico optimizado para dispositivos móviles

Comenzaremos con algunas estadísticas: según Hubspot, el 46% de las aperturas de correos electrónicos son móviles. ¿Sus campañas de email marketing tienen un diseño responsive? Si aún no lo ha hecho, aquí tiene algunos consejos a la hora de trabajar en una versión móvil del correo electrónico:

  • utilice un diseño de una columna para la optimización. El diseño de varias columnas no es la mejor opción para los dispositivos móviles;
  • añada fuentes más grandes. El texto debe ser legible y perceptible sin necesidad de hacer zoom;
  • elimine algunos de los elementos de diseño  para liberar espacio y evitar el desorden;

Un ejemplo de plantillas de correo electrónico con diseños optimizados para dispositivos móviles

(Fuente: Plantilla de correo electrónico de Stripo)

  • extienda el botón de llamada a la acción a toda la  longitud de la pantalla del móvil, lo que facilita su toque.

Ahora comparemos el diseño de correo electrónico para computadoras de escritorio:

Ejemplo de plantilla de correo electrónico de escritorio

(Fuente: Correo electrónico de Ryanair)

Y aquí está la misma plantilla de correo electrónico en el dispositivo móvil:

Ejemplo de plantilla de versión móvil

(Fuente: Correo electrónico de Ryanair)

11. Sea conciso

El público moderno prefiere diseños de correo electrónico breves, minimalistas y sencillos. Si bien no hay una longitud de correo electrónico definida para todos, intente llegar al punto en 10 segundos.

¿Le gustaría promocionar su reciente entrada de blog? ¡Bien! Asegúrese de añadir una llamada a la acción , imágenes, un enlace a la página web y un bloque de texto con detalles sobre lo que hay dentro. 

¿Tienen algún descuento? Agregue números y condiciones y asegúrelos con un botón de llamada a la acción. Evite las presentaciones largas y ponga las cosas importantes en primer lugar.

12. No tenga miedo de usar la interactividad en los correos electrónicos

Los elementos interactivos pueden separar un buen marketing por correo electrónico de un gran marketing por correo electrónico. Puede incrustar sondeos, encuestas o cuestionarios en las plantillas de correo electrónico para interactuar aún más con el público objetivo.

Ejemplo de encuestas de calificación por estrellas y NPS

(Fuente: Correo electrónico de Stripo)

Las pruebas A/B en el formulario interactivo incrustado de Stripo obtuvieron 5,2 veces más comentarios que uno externo. 

Es más probable que las personas respondan directamente en la plantilla de correo electrónico, entonces, ¿por qué desperdiciar una oportunidad?

13. Utilice la gamificación en los correos electrónicos

Los juegos ya no son solo una actividad, se han convertido en una poderosa  herramienta de marketing por correo electrónico. Pero en caso de duda, revise las estadísticas:

  • la gamificación aumenta las tasas de conversión en un 27% para el sector electrónico;
  • la tasa de clics alcanzó el 11,1% en comparación con el 1,1% de los correos electrónicos no gamificados.

Ejemplo de la gamificación del correo electrónico

(Fuente: Correo electrónico de Stripo)

14. Considere la accesibilidad del correo electrónico

El diseño de correo electrónico accesible  garantiza que su oferta llegue a toda la audiencia, incluidas las personas con discapacidades.

Agregar Alt text a las imágenes, GIF animados y utilizar  diseños amigables para los lectores de pantalla es crucial para el  marketing por correo electrónico de  2024.

Puede consultar algunas de las mejores prácticas para hacer que  el diseño de su correo electrónico sea accesible en nuestras pautas de accesibilidad al correo electrónico. Sin embargo, como un pequeño spoiler: todos los correos electrónicos que crea con Stripo están totalmente optimizados.

15. Añada un pie de página

El pie de página es el punto final de su correo electrónico, pero sigue siendo una excelente oportunidad para interactuar con la audiencia y mantener su correo electrónico en la marca. 

Añada iconos de redes sociales, enlaces, datos de contacto y, lo más importante, un enlace para cancelar suscripción. 

Para cumplir con la Ley CAN-SPAM y el RGPD, asegúrese de incluir lo siguiente en su pie de página:

  • un botón para cancelar suscripción;
  • una razón por la que el destinatario del correo electrónico recibió su correo electrónico de marketing;
  • dirección física.

Ejemplo de la dirección y el motivo del envío de correos electrónicos en el pie de página

(Fuente: Correo electrónico de Stripo)

También te puede gustar

10 consejos para crear páginas de cancelación de suscripción de correo electrónico eficaces

Resumen

El marketing por correo electrónico es un lugar para dar rienda suelta a su imaginación y experimentar. Si bien existen algunos estándares, la creación de campañas de marketing por correo electrónico únicas, adaptables a dispositivos móviles y accesibles  aporta más valor.

Hemos intentado recopilar las mejores prácticas y estadísticas para que puedas encontrar sus favoritos y crear con confianza tus propias plantillas de correo electrónico con Stripo.

¡Cree su primera plantilla de correo electrónico con Stripo!
¿Le resultó útil este artículo?
Tell us your thoughts
¡Gracias por sus comentarios!
0 comentarios
Escribe a
Industria
Temporadas
Integración
Editor Stripo
Simplifique el proceso de producción de correos electrónicos.
Plugin de Stripo
Integre el editor Stripo drag-n-drop a su aplicación web.
Pide una plantilla personalizada
Nuestro equipo puede diseñarlo y programarlo para usted. Simplemente rellene el formulario y nos pondremos en contacto con usted en breve.

Editor Stripo

Para equipos de marketing por correo electrónico y creadores de correo electrónico en solitario.

Plugin de Stripo

Para productos que podrían beneficiarse de un creador de correo electrónico de marca blanca integrado.