Mito 14: Una newsletter es solo un HTML

Categoría: Consejos Email Marketing

Un correo electrónico no es una página web. El primero se ve a través de un gestor de correo que puede ser basado en web o no, mientras que la visualización de la segunda varía según el navegador. Aunque compartan la importancia de visualizarse bien en diferentes dispositivos y pueden utilizar el mismo código de programación, no funcionan igual. Es un mito que una newsletter es solo un HTML porque el diseño que puede resultar muy bien en uno puede no servir para la otra.

Además, un correo electrónico enviado desde una plataforma de email marketing como Acrelia News no tiene las mismas características que uno entre dos usuarios. Como punto en contra, los envíos masivos no permiten archivos adjuntos ya que pueden considerarse spam y bloquearse, afectando a la entregabilidad; a favor está la mayor personalización del diseño de las comunicaciones.

 

Diseño HTML vs texto plano

Es casi imposible encontrarse sitios web que utilicen solo texto plano, sin ningún tipo de diseño. En cambio, es lo habitual en el intercambio de correos electrónicos entre usuarios y hay empresas que prefieren usarlo adaptado a sus necesidades. Quieren así eliminar distracciones y centrarse solo en el texto para asegurarse de que llega a todos los suscriptores y lo ven igual, sin ningún tipo de problema. De hecho, esta versión plana es muy útil para el email marketing y es una buena práctica incluirla. 

Una campaña diseñada en HTML incluye imágenes o vídeos, además de tipografías y colores personalizados. Pueden crearse columnas, añadir botones, cambiar fondos y añadir elementos más llamativos, como una cuenta atrás o piezas interactivas. Es visualmente atractiva y permite mucha más creatividad, por eso las empresas la utilizan para destacar sus productos, aunque sea con un estilo minimalista.

El diseño modular de plantillas es la forma más sencilla de construir una campaña porque evita tener que preocuparse por el código de programación y así centrarse solo en organizar los bloques de contenido. No obstante, el editor de Acrelia también te permite importar tu propio HTML.

 

Mejores prácticas para diseñar una newsletter en HTML 

La página corporativa es un buen punto de partida para diseñar una newsletter porque es una aplicación de la identidad corporativa ya conocida por los usuarios al tener que registrarse en ella. Seguir el mismo estilo es una manera de dar continuidad y ser coherente con la marca. Además, también simplifica el trabajo: por ejemplo, se puede adaptar el banner de la home a la cabecera del correo electrónico o incorporar los mismos menús.

Pero no puede ser literalmente igual porque no es una web: el diseño de campañas de email marketing tiene sus propias características.

 

Diseño responsive

El enfoque mobile first prima el desarrollo y diseño para estos dispositivos por encima del escritorio, lo que es muy apropiado en negocios con un alto porcentaje de usuarios que navegan desde móviles. En el diseño responsive, primero se crea la versión para escritorio y después de adapta a móviles. Así, en el mismo código se incluyen comandos para ajustar, por ejemplo, el ancho de las imágenes para que no aparezcan scrolls que dificulten la navegación por la campaña desde una pantalla más pequeña.

Diseñar con el móvil en mente también es importante para la conversión: los enlaces y botones deben ser muy claros y fáciles de clicar con el dedo, no solo con el ratón, para no perder oportunidades entre quienes navegan desde la tablet, por ejemplo.

 

Válido en diferentes gestores de correo

Aunque la base del HTML es igual, cada gestor lo interpreta de forma diferente. Por ejemplo, puede variar el código con el que se fija el margen de una tabla o si acepta indicar el idioma del texto. Los desajustes pueden ser mínimos o llegar a dificultar la lectura en ciertos usuarios.

En www.caniemail.com hacen repaso de las variaciones que puede haber en esa interpretación, lo que permite contrastar mientras se diseña si se puede utilizar o no una determinada etiqueta HTML. Después, es posible hacer ajustes desde servicios como Litmus que te permiten previsualizar en diferentes gestores de correo cómo ha quedado tu plantilla.

 

Cuida la accesibilidad

El diseño web y el de newsletters comparten la voluntad de que todos los usuarios disfruten de la navegación sin dificultades. Por eso, se tiene en cuenta también a personas con problemas de visión a la hora de elegir el color del fondo para que haya suficiente contraste, el tamaño de la tipografía y el etiquetado de las imágenes con textos alternativos.

La accesibilidad en email marketing afecta a la experiencia de usuario de todos los suscriptores y es un elemento de diseño que puedes controlar desde el editor de Acrelia, donde la previsualización te permite valorar cómo lo verán diferentes perfiles de personas.

 

Elige la tipografía adecuada

La mayoría de fuentes corporativas se diseñan para formatos en papel, pero no tienen versión web. La guía de estilo determinará cuáles son las alternativas más parecidas que se recomienda aplicar, por extensión también en el correo electrónico. Pero las tipografías web no siempre se muestran, así que lo más práctico es diseñar con las de sistema (por ejemplo: Arial, Verdana, Lucida Console o Times New Roman). Puedes mantener las personalizadas para el primer nivel del mensaje, como pueden ser la cabecera o montajes fotográficos.

 

Aligera el código 

La velocidad de navegación es diferente en casa, en el trabajo o en el transporte público. También varía la paciencia que tiene el usuario para decidir si se espera a que se cargue por completo un correo electrónico. Por eso es necesario optimizar las imágenes que han de descargar para que sean rápidas y el HTML para que no supere los 102kb. El peso del código determina que se corten los mensajes en Gmail, cosa que sería imposible de imaginar en una web, donde no hay límites más allá de no afectar a la experiencia de usuario.

 

Previsualiza con y sin imágenes

Los contenidos visuales son los predominantes en el diseño online, pero no todos los usuarios tienen desbloqueadas las imágenes en sus gestores de correo. Basar la maquetación en esto puede provocar que el mensaje se descuadre por completo. Otro problema con las imágenes en campañas de email marketing es que su abuso o cuando solo hay una puede llevar a ser considerado spam y afectar a la entregabilidad. Por eso es importante testear la campaña y verla con y sin imágenes, para así valorar si hay que hacer cambios en la plantilla y no depender demasiado de ellas.

Descarga el ebook “Mitos del email marketing” para conocer otros mitos en los que deberías dejar de creer.

No te pierdas nada de nuestro blog y únete a nuestro Telegram https://t.me/acrelianews

---

Artículos relacionados