Cómo diseñar correos electrónicos visualmente atractivos (plantillas, consejos y más)

Si buscas una herramienta que te ayude a crear relaciones duraderas con los clientes, no hay nada mejor que el viejo correo electrónico. La oportunidad de llegar a tu público en un lugar que la gente visita todos los días -sus bandejas de entrada- te permite convertir clientes potenciales en clientes satisfechos y mantener el compromiso.

Lo mismo ocurre si eres bloguero, organizador de eventos o trabajas para una organización sin ánimo de lucro. Siempre que lo primero sea generar confianza y conectar con los usuarios, el marketing por correo electrónico es imprescindible y constituye la columna vertebral de tu estrategia digital. Desde líneas de asunto pegadizas hasta textos inteligentes que convierten, ¡todavía se considera el 5º canal de marketing digital más eficaz para los profesionales del marketing!

La razón principal por la que el correo electrónico es tan eficaz es que da a la gente la libertad de recibir aquello para lo que realmente se suscribió, frente a los anuncios digitales aleatorios no deseados o las publicaciones en las redes sociales.

Pero dada la cantidad de correos comerciales que se envían a diario, la bandeja de entrada es un campo de batalla por la atención de tus destinatarios, ¡y tienes que hacer algo para destacar!

Puede resultar estresante pensar en cómo hacer que los correos electrónicos parezcan profesionales y, al mismo tiempo, persuadir a los destinatarios para que lean más allá de la línea de asunto.

Una forma de hacerlo es mediante correos electrónicos visualmente atractivos.

Con Piktochart puedes lanzarte directamente a crear correos electrónicos increíbles. Inspírate en nuestras plantillas y crea correos electrónicos, imágenes para redes sociales, presentaciones y mucho más. Empieza gratis.

Como siempre señala el equipo de Piktochart: el cerebro humano está preparado para procesar la información visual 60.000 veces más rápido que el texto. Mientras que tus destinatarios tardan mucho más tiempo en leer un correo electrónico de texto plano, sólo tardan un segundo en procesar uno visual. Esto es una gran ventaja en una bandeja de entrada abarrotada.

En el marketing por correo electrónico, siempre habrá un debate sobre si los correos electrónicos de texto plano son mejores que los de HTML o al revés. Debes recordar que si sólo envías texto sin formato, no podrás hacer un seguimiento de las aperturas de tus correos electrónicos, lo que te permitirá controlar los resultados de la campaña, y tus mensajes carecerán de impacto visual. El correo electrónico puede servir como medio para presentar y mostrar tu marca de la mejor manera posible, y el contenido visual convincente es la forma de hacerlo.

Para que tus campañas calen y resuenen en la gente, asegúrate de conocer algunas de las mejores prácticas de diseño de correo electrónico. Aquí tienes algunos consejos que quiero compartir contigo para que puedas deleitar a tus destinatarios con correos electrónicos visualmente impactantes.

Quieres asegurarte de que has configurado una plantilla con la que estás contento y que va a potenciar tu contenido. Las herramientas de marketing por correo electrónico te ofrecen una selección de plantillas de correo electrónico listas para usar, que pueden ahorrarte tiempo en la fase de diseño para que puedas centrarte en cómo crear correos electrónicos profesionales.

En cualquier herramienta que ofrezca plantillas, puedes elegir una que te guste y personalizarla según tus preferencias e imagen de marca. Las plantillas constan de diferentes tipos de bloques de contenido que pueden reproducirse o eliminarse sin ningún problema. Además, con las plantillas responsive de FreshMail, no tienes que preocuparte de cómo se mostrará tu correo electrónico en diferentes dispositivos, y puedes ofrecer a tus clientes una gran experiencia móvil.

Si no encuentras nada que se adapte realmente a tus necesidades, siempre puedes empezar desde cero y diseñar tú mismo plantillas de correo electrónico profesionales. Las plantillas se componen de bloques del mismo modo que una pared se compone de ladrillos. Con un editor de arrastrar y soltar en tu sistema de correo electrónico, no necesitas tener conocimientos de codificación para diseñar tu propio proyecto. Sólo tienes que elegir y añadir bloques para construir tu plantilla, y personalizar los estilos y otros elementos según tus preferencias.

Piensa en lo que quieres conseguir con tu plantilla. Considera qué tipo y cuánta información vas a enviar. Cuando tengas esto en mente, planifica una plantilla sencilla y limpia que presente tu contenido de forma fácilmente comprensible.

Cada vez se abren más correos electrónicos en dispositivos móviles, y la regla número uno que debes seguir es diseñar para la parte superior 640px de longitud por tres pulgadas de profundidad.

La mitad de 640px son 320px, que es un punto de ruptura común para los teléfonos móviles. Las tabletas no requieren puntos de ruptura, por lo que tu diseño será responsivo.

Organiza tu plantilla para que tus suscriptores vean primero lo más importante. Prioriza tu contenido de arriba a abajo, y coloca siempre tus noticias clave con una llamada a la acción en primer lugar y por encima del pliegue. En el diseño de correo electrónico, esto equivale a unos 350 píxeles de alto y 650 píxeles de ancho. Esta zona será visible en la mayoría de los programas de correo electrónico sin tener que desplazarse hacia abajo.

Los usuarios de Internet pasan el 80% de su tiempo leyendo contenido por encima de la doble página, y la investigación de Nielsen Norman Group muestra que seguimos un patrón en «F» cuando leemos contenido de Internet, incluidos los correos electrónicos. Si tu propuesta de valor y tu CTA están en la parte superior, puedes estar seguro de que los suscriptores no se perderán lo que tienes que decir.

Otros elementos del correo electrónico que merece la pena colocar por encima del pliegue son:

• tu logotipo – indicará a tu abonado de quién procede el mensaje

• un enlace de previsualización: un enlace en el que el suscriptor puede previsualizar el mensaje en un navegador si el correo electrónico no se carga correctamente

• Gráficos atractivos: coloca texto alternativo en cada gráfico para asegurarte de que se transmite tu mensaje en caso de que los elementos visuales no se carguen en la bandeja de entrada de un suscriptor. Los textos alternativos pueden decir lo que contiene el mensaje si los suscriptores no ven las imágenes.

Haz que tu plantilla de boletín sea agradable a la vista del lector. Incluye mucho espacio en blanco porque mejora la legibilidad de tu mensaje y hace que el contenido destaque realmente. Se trata de una regla de oro para el diseño visual de contenidos, que hace que los gráficos parezcan despejados y limpios. Esta y otras ventajas del uso del espacio en blanco están muy bien explicadas en esta entrada del blog.

También es importante equilibrar la cantidad de texto frente a la de gráficos en tu correo electrónico por razones de spam. Muchos filtros de correo electrónico producen una puntuación de SPAM basada en la proporción «gráfico/texto». Asegúrate de que tus correos electrónicos contengan sólo detalles relevantes y que cada fragmento de texto o elemento visual sirva para algo.

Utiliza los pies de página de los mensajes para eludir los filtros de spam y llegar con éxito a las bandejas de entrada de los suscriptores. Equilibra tu proporción de imagen frente a texto colocando elementos con mucho texto, como tu Política de privacidad, en el pie de página de tu correo electrónico. Los filtros antispam detectarán el bloque de texto y lo verán con buenos ojos, aumentando la reputación de tus servidores.

Gran parte del diseño de correo electrónico consiste en garantizar que las aplicaciones de correo electrónico muestren las campañas correctamente. Cuando se trata de texto, la mayoría de los problemas pueden solucionarse utilizando una fuente segura, o una que esté instalada o sea compatible con todos los dispositivos y se muestre en todos los navegadores de todos los proveedores de servicios de correo electrónico. Utilizar una fuente segura garantiza que tus suscriptores verán el mismo texto que tú diseñaste al elaborar tu boletín en múltiples dispositivos.

Si quieres que tu boletín se muestre correctamente en dispositivos móviles, un buen tamaño para los títulos de las secciones es de 30px, siendo 22px un mínimo absoluto. El texto del cuerpo del mensaje debe utilizar al menos 14px.

La regla número uno al elegir un tipo de letra es que tu texto sea fácil de leer. Limita tu elección de fuentes a 2 ó 3 tipos. Una gran parte de la elaboración de un buen diseño es asegurarse de que el aspecto general sea coherente. El equipo de FreshMail escribió toda una entrada de blog sobre cómo elegir el tipo de letra adecuado para que tu correo electrónico coincida con el estilo de tu mensaje. Puedes leerlo aquí.

La mayoría de los consumidores afirman que el color es el factor más importante que influye en su selección de artículos cotidianos. El color desempeña un papel importante y puede ayudar a transmitir tu mensaje.

En el diseño de tu correo electrónico, cíñete a unos pocos colores para que tu diseño tenga un aspecto limpio. Elige colores que formen parte de la identidad de tu marca o utiliza aquellos que puedan ayudarte a personalizar tu oferta de marketing y poner a los lectores en el estado de ánimo adecuado. Digamos que vas a enviar un boletín de verano: juega con colores brillantes e introduce una sensación estacional con amarillos soleados o azules suaves asociados al mar.

Cuando decidas cómo elegir y combinar los pares de colores adecuados, sigue estas reglas:

• Colores complementarios – Esta es la forma básica de emparejar colores en cualquier diseño. Se trata de elegir dos colores en posiciones opuestas en esta rueda.

• Colores análogos – Comprueba lo cerca que están los colores en la rueda cromática. Los colores que están próximos entre sí combinan bien.

• Tríada de colores – Combina tres colores, cada uno equidistante de los otros.

Para destacar entre la multitud, ir un paso más allá incorporando elementos dinámicos podría ganar la atención de tus lectores.

Un GIF divertido, una encuesta incrustada o un CTA animado pueden aumentar el compromiso simplemente poniendo una sonrisa en la cara del destinatario.

Sin embargo, utilízalos con moderación. Al fin y al cabo, estás enviando correos electrónicos profesionales. Llenar tus correos electrónicos de GIFs salvajes puede llevar a la gente a hacer clic en el enlace de cancelación de suscripción, o incluso a enviar el correo electrónico a la carpeta de spam.

Añadir funciones interactivas en tus correos electrónicos debe tener siempre un propósito claro y estar en consonancia con la voz y el mensaje de tu marca. Sobrecargar un correo electrónico con funciones interactivas innecesarias puede confundir y abrumar al lector, en lugar de atraerlo. Por tanto, procede con cuidado y prioriza siempre la experiencia del usuario.

¿Te has preguntado alguna vez cuántos elementos puede recordar una persona media a la vez? El psicólogo Alan Baddeley descubrió que la capacidad máxima de canalización de información de las personas es aproximadamente de 2 a 3 bits de información, lo que corresponde a la capacidad de distinguir entre cuatro y ocho alternativas.

¡No sobrecargues a tu lector con demasiada información!

Utiliza las ideas de Alan Baddeley cuando elabores tu correo electrónico o boletín. Tu mensaje debe contener entre 5 y 9 piezas separadas. Sin embargo, si realmente necesitas enviar más, intenta dividir tu contenido en categorías, donde cada categoría conste de no más de 4 elementos para procesar.

Seguimos esta práctica en nuestro boletín mensual. El mensaje contiene nuestras noticias principales y otros 3 titulares para leer.

Recuerda distinguir tus noticias o categorías definiendo claramente tus secciones mediante separadores o bordes y espacio en blanco. Dividir tu correo electrónico por temas con subtítulos claros ayuda a tu lector a escanear el mensaje y comprender mejor tu contenido.

El contenido visual atrae a la gente, permitiendo que los suscriptores comprendan mejor tu mensaje. HubSpot realizó una encuesta y preguntó a más de mil profesionales si preferían correos electrónicos basados en HTML o en texto, y si preferían correos electrónicos que consistieran principalmente en texto o principalmente en imágenes. Casi 2/3 optaron por los correos electrónicos basados en HTML e imágenes.

Una buena imagen vale más que mil palabras, y el valor visual es sumamente importante en cualquier campaña de marketing. La mayoría de las veces, no necesitas ser fotógrafo y hacer tú mismo las fotos.

Las fotografías de stock online fáciles de adquirir y los recursos gratuitos de fotografía de stock ofrecen infinitas posibilidades para cualquier elemento visual que quieras incluir en tu boletín. Sin embargo, incluir imágenes en el correo electrónico es todo un reto. En primer lugar, tienes que alojarlas en un servidor web, y luego introducirlas en tu correo electrónico para que se descarguen cuando se abra el mensaje.

Cuando envíes correos electrónicos gráficos, acuérdate de:

• Evita las imágenes de fondo con capas de texto. Muchos clientes de correo electrónico no las admiten.
• Alojar imágenes en el servidor web
• Guardar imágenes como .png u otros formatos sin pérdidas
• Limitar las imágenes de una campaña a 120kb en total
• Sitúa tu contenido gráfico en la parte izquierda de la noticia si envías un boletín de marketing de contenidos. Las imágenes captarán más la atención porque leemos de izquierda a derecha
• Utiliza imágenes de la mejor calidad posible y muestra tus productos utilizando el enfoque de imagen
• Asegúrate de que las imágenes de tu correo electrónico sean enlaces en los que se pueda hacer clic, ya que la gente suele hacer clic no sólo en los botones CTA, sino también en otros lugares de un gráfico
• Utiliza rostros humanos: atraen la mirada del destinatario más que cualquier otro objeto

Si quieres centrar la atención de tu suscriptor en lo que está escrito en tu CTA, utiliza una imagen de una persona mirando el CTA. ¡Funciona! Los suscriptores seguirán la mirada hasta el botón clicable.

La llamada a la acción es una parte crucial de tu campaña de correo electrónico, ya que es un motor clave de los objetivos de tu campaña. El cerebro humano siente una curiosidad innata por lo que va a ocurrir a continuación, ¡y puedes utilizar esta curiosidad en tu llamada a la acción! A la gente le encanta descubrir y explorar, así que también intentará averiguar qué ocurrirá después de hacer clic en una CTA.

Para que tu CTA convierta:

• Coloca tu CTA por encima del pliegue y haz que sea lo primero que vean tus suscriptores tras abrir el mensaje
• Haz que parezca cliqueable. Añade un hipervínculo con fuentes más grandes, o haz que el CTA tenga la forma de un botón gráfico
• Los botones gráficos son la forma más notable y prominente de CTA
• Utiliza colores que contrasten y rodea el botón con espacio en blanco para que resalte aún más
• Di a tus suscriptores exactamente lo que quieres que hagan utilizando un lenguaje procesable
• La sobrecarga de opciones es extremadamente fácil de invocar. Con una CTA, sigue habiendo una decisión que tomar: hacer clic o no hacer clic. Hazlo sencillo; a menudo basta con una CTA
• Si tienes más de una CTA, ordena las CTA por importancia, de mayor a menor.
• Los botones de tu boletín deben ser grandes (al menos 44px x 44px) porque los usuarios necesitan poder hacer clic en ellos en los smartphones sin tener que aumentar el tamaño de la pantalla

ReallyGoodEmails ha catalogado los botones CTA según los colores utilizados y su significado. Puede que te resulte útil a la hora de diseñar tu próxima campaña.

Repite tu CTA en un epílogo para conseguir más clics. Esperamos algo importante en cualquier «Posdata», así que no dejes que se desperdicie. Tu llamada a la acción no pasará desapercibida en esta parte del mensaje.

Espero que estos consejos te ayuden a transmitir tu mensaje con estilo. ¿Qué prácticas de diseño de correo electrónico sigues? No dudes en añadir tus ideas en los comentarios a continuación.

¡Una cosa más! Hemos preparado una oferta especial para los lectores del blog Piktochart. ¡Prueba FreshMail y diseña bonitos correos electrónicos con nuestras plantillas responsive!

Utiliza este enlace para configurar tu cuenta. Podrás utilizar FreshMail gratis hasta 500 suscriptores. Si tu lista de correo es mayor, ¡puedes contratar cualquier tipo de plan con un 15% de descuento!

¡Buena suerte con tus campañas de correo electrónico!

De Piktochart: Ten en cuenta que no todas las plataformas de marketing por correo electrónico aceptan incrustaciones HTML en sus plantillas, así que si pretendes insertar tu infografía o visual como código HTML, compruébalo primero con tu plataforma de correo electrónico.