Diseño de correo electrónico: ejemplos y mejores prácticas

Si envías correos electrónicos, entonces debes considerar el diseño de tu correo electrónico, así de simple. Porque incluso el mensaje más convincente puede pasar desapercibido si no se presenta bien.

En esta publicación, exploraremos algunas de las mejores prácticas clave de diseño de correo electrónico, completas con ejemplos, para ayudarte a crear correos electrónicos que no solo se vean geniales, sino que también impulsen la acción.

Diseño de correo electrónico: ejemplos y mejores prácticas

Mantente fiel a la marca

La coherencia es clave en el diseño de correos electrónicos. Quieres crear correos que reflejen la identidad visual de tu marca, así que incluye los colores, fuentes y el logotipo de tu marca en cada correo.

También deberías usar tus correos como oportunidades para enlazar a tu sitio web y redes sociales.  Esto no solo hace que tus correos sean instantáneamente reconocibles, sino que también refuerza la presencia de tu marca.

Afortunadamente, tienes múltiples plataformas y herramientas a tu disposición para ayudarte a crear diseños de correo electrónico que se ajusten a tu marca. Además, muchas plataformas ofrecen plantillas de diseño de correo electrónico para que las uses y personalices que ya incluyen opciones de marca y otros elementos importantes.

WPForms, por ejemplo, proporciona plantillas de correo electr uevo personalizables para correos de notificaci uevo. Los visitantes de tu sitio web reciben un correo de notificaci uevo cuando env uevoan un formulario a trav uevo00e9s de tu sitio, y estos correos necesitan una marca consistente, al igual que el resto de los correos que env uevoas.

Diviértete con los emojis

Incorporar emojis en las l uevo00edneas de asunto o en el contenido del cuerpo puede a uevoadir un toque l uevo00fAdico y captar la atenci uevo00f3n de tu audiencia. uevo00a1As uevo00ed que no temas a esta divertida adici uevo00f3n a tu estrategia de marketing por correo electr uevo00f3nico!

Dicho esto, no querr uevo00e1s convertir tus mensajes de correo electr uevo00f3nico en una especie de jerogl uevo00edficos modernos.

Aseg uevo00farate de usar emojis con moderaci uevo00f3n y solo si se alinean con la voz de tu marca, para evitar parecer poco profesional. Cuando escribo correos de bolet uevo00edn, por ejemplo, me gusta incluir un emoji en la l uevo00ednea de asunto o en el preencabezado de mi correo (del que hablaremos a continuaci uevo00f3n) y esparcir solo un pu uevo00f1ado de ellos a lo largo del mensaje del correo.

Es una forma creativa de llevar a los lectores de 😒 a 😄.

Usa un elemento que capte la atención

Tu l uevo00ednea de asunto es lo primero que ver uevo00e1n tus lectores, as uevo00ed que haz que cuente. Crea una l uevo00ednea de asunto que despierte la curiosidad u ofrezca valor, y aseg uevo00farate de que refleje el contenido del correo para establecer las expectativas correctas.

Pero tambi uevo00e9n, uevo00a1no dejes a tus lectores en ascuas! Usa las menos palabras posibles al escribir la l uevo00ednea de asunto; quieres que todo quepa en la l uevo00ednea sin que se corte nada.

Por lo tanto, tu l uevo00ednea de asunto debe ser corta y concisa, a la vez que deja claro al destinatario que este correo vale la pena abrirlo. Echa un vistazo a algunos de los asuntos en esta gu uevo00eda de ejemplos de correos de carritos abandonados.

Pero no te hagas da uevo00f1o intentando que *todo* quepa *y* sea valioso *y* pegadizo: uevo00a1deja que la inteligencia artificial te ayude! Echa un vistazo a nuestra gu uevo00eda sobre el uso de IA para generar l uevo00edneas de asunto de correo electr uevo00f3nico para obtener m uevo00e1s informaci uevo00f3n.

Aprovecha el preencabezado

El texto del preencabezado es como un segundo asunto. uevo00a1Es otra oportunidad para venderlo realmente a tu destinatario!

Usa este espacio sabiamente para complementar tu l uevo00ednea de asunto y animar a tus lectores a abrir el correo. Puede proporcionar un breve resumen o un gancho adicional.

As uevo00ed que b uevo00e1sicamente, haz todo lo que dije que hicieras con la l uevo00ednea de asunto, de nuevo. Excepto que no hagas las l uevo00edneas demasiado similares... Algo complicado, lo s uevo00e9.

De nuevo, no olvides que la IA puede ser de gran ayuda en este aspecto de tu dise uevo00f1o de correo electr uevo00f3nico. De hecho, la IA puede ayudarte con casi todas las facetas de tu marketing por correo electr uevo00f3nico.

Echa un vistazo a mi extensa lista para ver qu uevo00e9 herramientas sugiero para cada tarea relacionada con el correo electr uevo00f3nico. uevo00a1Estoy seguro de que encontrar uevo00e1s algo para ti!

Hazlo compatible con móviles

uevo00bfC uevo00f3mo est uevo00e1s leyendo este art uevo00edculo ahora mismo? uevo00bfEs en tu dispositivo m uevo00f3vil? uevo00bfAlguna vez revisas tu correo electr uevo00f3nico en tu tel uevo00e9fono? uevo00a1Apuesto a que lo has hecho antes!

El punto es que, con m uevo00e1s de la mitad de los correos electr uevo00f3nicos abiertos en dispositivos m uevo00f3viles, tu dise uevo00f1o debe ser compatible con m uevo00f3viles. E incluso aunque tu plataforma de env uevo00edo de correos electr uevo00f3nicos preferida pueda tener funciones de respuesta m uevo00f3vil, hay algunos elementos de dise uevo00f1o que puedes incorporar t uevo00fa mismo para garantizar una buena experiencia m uevo00f3vil.

Para garantizar que el dise uevo00f1o de tu correo electr uevo00f3nico sea compatible con m uevo00f3viles, deber uevo00edas:

• Formatea tu correo electrónico en un diseño de una sola columna
• Usa fuentes grandes siempre que sea posible
• Incluye botones que sean fáciles de pulsar con el dedo en una pantalla pequeña

A continuación, asegúrate de previsualizar la versión móvil del diseño de tu correo electrónico antes de enviarlo para saber cómo se ve en una pantalla pequeña.

Añade un toque personal

Un pequeño toque personal puede ser muy útil, y muchas de las plataformas de correo que mencioné anteriormente pueden ayudarte a hacerlo.

Personalizar tus correos electrónicos incluyendo el nombre del destinatario o adaptando el contenido según interacciones pasadas puede hacer que tus correos se sientan más relevantes y atractivos.

Por lo tanto, utiliza los datos que recopilas a través de tu sitio (nombres proporcionados en formularios, detalles de geolocalización) para segmentar tu audiencia y enviar correos más dirigidos.

Ve al grano

Un sabio profesor enseñó una vez a mi clase sobre "quitar la grasa" al escribir, y eso no es diferente cuando se trata de escribir correos electrónicos. A menudo, tienes que eliminar el contenido excesivo e innecesario que tus lectores no quieren o no necesitan.

En otras palabras, ¡ve directo al grano!

Demuestra a tus lectores que respetas su tiempo y atención, y que no vas a malgastarlos. Esto te beneficiará a largo plazo y tiene el potencial de ayudarte a mantener a tus suscriptores y clientes leales.

Llama a la acción

Una "llamada a la acción", o CTA, es una indicación directa que le das a tu lector para una acción que quieres que complete.

Tu CTA podría ser leer un artículo, suscribirte a tu boletín, seguirte en redes sociales, etc.

Por lo tanto, para ser eficaz, tu CTA debe tener estos atributos:

• Es clara, convincente y fácil de encontrar
• Se utiliza como un botón o texto en negrita para destacar
• Requiere una acción que sea fácil de completar para el destinatario

Puedes ver uno de los botones CTA que hice para este artículo justo debajo de esta frase. ¿A que es genial?

Soluciona tus correos de WordPress ahora

Sigue la corriente

Un correo electrónico bien estructurado guía la vista del lector a través del contenido de manera fluida. Tu contenido es el río, y quieres ayudar a tu lector a seguir la corriente.

Para hacerlo, comienza con la información más importante en la parte superior, y usa subtítulos para dividir el texto a lo largo del camino.

La estructura y el diseño de tu correo electrónico es otra área donde usar una plantilla proporcionada es increíblemente útil. Con las plantillas de correo de notificación de WPForms, puedes elegir entre 5 estilos de plantilla diferentes (o hacerlo tú mismo con texto plano) para optimizar este aspecto del diseño de tu correo electrónico.

Sea cual sea el estilo de formato que elijas, asegúrate de tener en cuenta la experiencia de tu lector: no quieres abrumarlo. Utiliza mucho espacio en blanco en tu contenido para que sea fácil de seguir y asimilar para tu lector.

Sé visual

Dejando a un lado el diseño de estructura y formato, ¡no tengas miedo de ser visual con tu contenido!

Incorpora imágenes, GIFs o vídeos para hacer tus correos electrónicos más atractivos. El contenido visual puede transmitir tu mensaje rápidamente y hacer que tus correos sean más memorables.

Sin embargo, el equilibrio es clave: no sobrecargues tu correo electrónico con demasiados elementos visuales. Hay una razón por la que tu destinatario abrió tu correo electrónico y eligió consumir información de esta manera.

Por lo tanto, no le des una galería de arte cuando espera texto en una pantalla.

Despídete con una firma

La personalización con el diseño de tu correo electrónico no tiene por qué limitarse solo a tus destinatarios. ¡Asegúrate de despedirte con una firma original tuya también!

Una firma de correo electrónico profesional no solo proporciona tu información de contacto, sino que también refuerza tu marca. Y cuando forma parte de la configuración de tu correo electrónico o de tu plataforma preferida, tu firma se utiliza con cada correo que envías.

Aquí tienes algunas cosas que quizás quieras incluir en tu firma de correo electrónico:

• Foto tuya
• Tu nombre
• Cargo o puesto
• Nombre de la empresa
• Logotipo pequeño
• Enlaces a redes sociales

Una firma de correo electrónico es una excelente manera para que tu audiencia establezca una asociación positiva contigo, te conozca y, en última instancia, permanezca leal a ti o a tu marca.

Dales una salida

Estos consejos son buenos y geniales y todo, pero a veces simplemente no funciona.

Por lo tanto, siempre debes incluir un enlace de cancelación de suscripción claro y fácil de encontrar en tus correos electrónicos. No solo es legalmente requerido, sino que también ayuda a mantener una relación positiva con tu audiencia al respetar sus preferencias.

En WP Mail SMTP, incluimos la opción de cancelar la suscripción al final de cada boletín que enviamos. Considera colocar tu enlace de cancelación de suscripción junto con los enlaces que mencioné en tu despedida también.

¡Tus lectores saben dónde encontrarte! Y con otros medios de contacto y conexión, podrías recuperarlos como suscriptores de correo electrónico más adelante.

Haz algunas pruebas

Finalmente, cuando todo esté dicho y hecho, deberías someter tu diseño de correo electrónico a algunas pruebas antes de enviarlo por completo.

Literalmente deberías enviarte un correo electrónico de prueba a ti mismo primero para ver cómo será la experiencia de tu destinatario. Tu plataforma de envío de correos debería permitir esto como un paso básico al crear una campaña de correo electrónico.

Luego, para descubrir qué resuena mejor con tu audiencia, realiza pruebas A/B en diferentes elementos de tu correo electrónico, como las líneas de asunto, las llamadas a la acción (CTA) o los diseños. Luego puedes usar estas ideas para mejorar continuamente tus campañas de correo electrónico.

Errores a evitar

Ahora, consideremos qué NO hacer con el diseño de tu correo electrónico:

• Sobrecarga de información: No introduzcas demasiado contenido en un solo correo electrónico.
• Ignorar la jerarquía visual: Esto crea el riesgo de no guiar a los lectores a través del correo electrónico con un flujo claro.
• Omitir el texto alternativo para las imágenes: No olvides añadir texto alternativo a las imágenes para la accesibilidad y para los clientes de correo electrónico que bloquean las imágenes.
• No probar en varios dispositivos: Necesitas previsualizar y probar los correos electrónicos en varios dispositivos y plataformas, incluso en modo oscuro.

¡Ahí lo tienes! Siguiendo estas mejores prácticas y evitando algunos errores comunes, te convertirás en tu propio profesional de marketing por correo electrónico en poco tiempo.

¿Tienes preguntas sobre alguno de estos consejos? Háznoslo saber en los comentarios.

Soluciona tus correos de WordPress ahora

Preguntas frecuentes

Como el mejor plugin de entregabilidad de correo electrónico para WordPress, recibimos muchas preguntas sobre todo lo relacionado con el correo electrónico. Aquí tienes algunas de las preguntas más frecuentes sobre el diseño de correo electrónico:

¿Cuáles son los elementos clave de un diseño de correo electrónico eficaz?

Un diseño de correo electrónico eficaz incluye una línea de asunto clara y atractiva, un diseño bien organizado, una llamada a la acción (CTA) sólida, capacidad de respuesta móvil y contenido visualmente atractivo que se alinee con tu marca.

¿Cómo puedo estar seguro de que el diseño de mi correo electrónico es compatible con dispositivos móviles?

Para crear un diseño de correo electrónico compatible con dispositivos móviles, utiliza un diseño adaptable que se ajuste a diferentes tamaños de pantalla, mantén el texto conciso, usa fuentes más grandes para facilitar la lectura y asegúrate de que los botones sean fáciles de pulsar en pantallas pequeñas.

¿Cómo mantengo la coherencia de marca en mis diseños de correo electrónico?

Mantén la coherencia de marca utilizando la paleta de colores, las fuentes y el logotipo de tu marca en cada correo electrónico. Además, mantén un tono y estilo coherentes en tus mensajes para reforzar la identidad de tu marca.

A continuación, asegúrate de que tus correos electrónicos cumplen la normativa

Mencioné en este artículo que incluir una opción para darse de baja en tu correo electrónico es obligatorio por ley. ¿Sabías que existen reglas adicionales que debes seguir al enviar correos electrónicos? Echa un vistazo a nuestra guía sobre CAN-SPAM, GDPR y otros elementos de cumplimiento de correo electrónico para obtener más información.

¿Listo para arreglar tus correos? Empieza hoy con el mejor plugin SMTP de WordPress. Si no tienes tiempo para arreglar tus correos, puedes obtener asistencia completa de configuración "White Glove" como compra adicional, y hay una garantía de devolución de dinero de 14 días para todos los planes de pago.