Hace unos años el diseño de emails no tenia en cuenta las plantillas responsive. Más de un 80% de la consulta de mensajes de correo electrónico se realizaba desde desktops. Por lo que lo importante no era tanto que el mensaje se adaptara a cualquier plantilla sino que viera correctamente en todos los gestores de email.
En muy poco tiempo, sin embargo, las tendencias han cambiado. La impresionante adopción de dispositivos móviles ha hecho que se invierta el porcentaje. Ahora, la mayoría de consultas de emails se realizan desde smartphones. Lo que pone de manifiesto la necesidad de contar con las mejores plantillas responsive para tus mensajes.
Según datos de Litmus Email Analytics, el 50% de los emails que se reciben, se abre desde móviles, por lo que el diseño responsive es una prioridad.
Emails adaptados a todos los ámbitos
Sin embargo, la estructura básica de los emails sigue siendo la misma, sencilla y directa. Incluyendo alguno de los elementos habituales como:
- Generada con tablas.
- Muchas de ellas a una sola columna.
- Con un esquema base: Titular – Imagen – Enlaces a ampliación de contenidos – Pie
- Con mensajes de apoyo del estilo: «si no la ve correctamente pinche aquí«.
- Opción de darse de baja.
- Enlaces a las diferentes redes sociales de la marca.
Pero, ¿qué pasa si tu email se tiene que adaptar a las distintas anchuras de los dispositivos móviles y a los distintos programas de correo que se utilizan, desde Outlook a Thunderbird, Hotmail, Gmail o Yahoo? Cada programa y dispositivo adapta el mensaje a su manera.
Lo interesante es que ya existen plataformas de email marketing que ofrecen plantillas 100% responsive, muchas de ellas gratuitas y personalizables, sin necesidad de modificar ni una línea de código. Una manera de solucionar el problema de que los emails se adapten perfectamente a todos los dispositivos.
Cómo debe ser una newsletter para que se vea mejor
Solo un email responsive garantiza, según Litmus Email Analytics, el aumento de la tasa de clicks del 15%. Por eso, utilizar plantillas responsive es ideal para evitar tener que diseñar, maquetar y programar los mensajes por correo electrónico.
Algunas de las características que una plantilla responsive tiene que respetar son:
En lo referente a la maquetación, una newsletter debe ser:
- Con un diseño fluido. Lo que se consigue utilizando los porcentajes. Se maquetan en una tabla contenedora, con un ancho del 100%. Con esto es con lo que se consigue la fluidez. Porque cada elemento se relaciona con los demás en base a porcentajes y no con medidas concretas exactas.
- Adaptable: Sobre esta tabla contenedora, se insertan otras tablas anidadas que pueden ser de una columna o dos. En el caso de que sean de dos columnas tendrías que darle tamaño, la mitad del ancho total a cada una, darle margen y alinear, por lo menos, una a la izquierda. Así, cuando se vea en el móvil, una pasará a mostrarse debajo de la otra.
- Responsive: El email de diseño responsive preserva la buena apariencia de los mensajes adaptándolos a las dimensiones del dispositivo de cada usuario.Una manera de hacerlo es mediante los media queries con las que se pueden modificar las reglas css para cambiar la resolución de la pantalla desde la que se ve el email.
Diseños a una columna y con rutas absolutas
En cuando al diseño, lo que se busca es que el usuario interactúe. Por tanto, tiene que resultar cómodo. Y, al mismo tiempo, se tiene que ajustar al diseño que se utiliza en los dispositivos móviles, porque al conocerlo resulta más fácil. Algunas de las características de las plantillas responsive son:
- La estructura que mejor funciona en el móvil es de una columna. Sobre todo porque hay que tener en cuenta que las dimensiones de anchura son reducidas. Y no se diseña para un cursor sino para el dedo. Por tanto, el tamaño de los botones y de los enlaces tiene que ser lo suficientemente grande para que sea cómodo pulsarlos con el dedo.
- Se diseñan en html y css en línea con la etiqueta «important!«.
- Las reglas css estarán dentro de la etiqueta style.
- Las imágenes deben tener rutas absolutas, con lo que primero, tendrás que subir la imagen al servidor y luego poner la ruta de donde está la imagen. Algo parecido a: <img src=»http://www.xxx.com/images/image_5.jpg» alt=»Imagen» style=»max-width: 600px;«>.
Probar diferentes visualizaciones
Una de las cosas que puede sorprender a alguien que se enfrenta a crear una plantilla responsive por primera vez es el referente al código con el que se crea. Las newsletters se crean en tablas. Algo que puede parecer un diseño antiguo. Esto es así porque el diseño esta limitado por la anchura de los distintos dispositivos móviles y también por las distintas lecturas que hace cada programa de correo que utilices.
Por ejemplo, Gmail no lee la etiqueta head. Por tanto no lee los estilos css que se aplican en esta etiqueta. Outlook, por su parte, descuadra las tablas. De ahí que sea muy importante que antes de enviar el mensaje realices las pruebas de visualización con dispositivos físicos y distintas aplicaciones de escritorio y móvil.
Por eso, debes buscar soluciones para los problemas que veas en las pruebas de visualización, insertar hacks para solucionarlos, bien con código o con imágenes. Todo ello hasta que el mensaje esté correcto y en su sitio.
Como ves, crear una buena newsletter es una tarea bastante complicado. Pero no te debes preocuparte porque existen diversas plantillas responsive ya listas con el código perfecto. Con lo cual solo tendrás que personalizarlas y empezar a utilizarlas.
Dónde encontrar plantillas responsive
Las mejores herramientas de software de emailing ofrecen una amplia variedad de plantillas gratuitas. Además, estas plantillas se crean para que se puedan personalizar de manera sencilla.
De hecho, una de las diferencias de algunos softwares de email marketing, son las plantillas responsive que ponen a disposición de sus usuarios. Por ejemplo, MDirector, que incluye entre sus funcionalidades plantillas de emailing agrupadas por temáticas que cubren una gran variedad de sectores empresariales desde “hostelería” hasta “arte y entretenimiento”.
Unas plantillas que se adaptan a tus necesidades específicas sin tener conocimientos técnicos de diseño o programación. ¿Quieres conocer algunas de estas plantillas?
Plantillas de email marketing para hostelería
Dentro de esta categoría encontrarás diferentes plantillas para que puedas seleccionar la que más se ajuste a tu negocio. Podrás visualizar templates de hoteles, restaurantes, discotecas, etc.
Todas ellas gratuitas y con diferentes estructuras para que escojas el email que más se adapte a tus necesidades. Podrás modificar, eliminar o añadir nuevos bloques con su sistema Drag and Drop. Tan solo tendrás que arrastrar y soltar y obtendrás el email perfecto para tus clientes.
Templates de email para ecommerce
Cada vez hay más espacios de comercio electrónico. Un tipo de negocio que es intensivo en el uso del email marketing. Por eso, en MDirector hay una categoría específica con muchas plantillas diferentes para cubrir todas las necesidades de este sector.
Podrás encontrar plantillas de rebajas, vinotecas, empresas de tecnología, outlets o venta de cupones. Los mejores templates de email marketing para hacer crecer tu negocio online y estar conectado con tus clientes.
Plantillas de emailing para el sector de formación y empleo
En esta categoría se ofrecen distintas plantillas pensadas especialmente para academias y empresas que ofertan puestos de trabajo. En este tipo de plantillas responsive se recomienda destacar el logo de la empresa para que sea fácilmente identificable por el usuario. Además, es muy importante dejar claros los datos de contacto de la empresa para que los candidatos o interesados puedan completar el objetivo fijado por la marca.
Templates de email marketing para otros negocios
Dentro de esta categoría encontrarás plantillas para email marketing pensadas para cualquier tipo de negocio y necesidad del cliente. La gran oferta de emails que MDirector pone a tu disposición alberga tipos de empresas que van desde agencias de comunicación a cupones, gimnasios, centros comerciales, inmobiliarias, tienda de deportes o tiendas de productos para mascotas, por ejemplo.
Estas plantillas gratuitas para email de MDirector te permitirán tener una conversación con tus clientes con el fin de que te recuerden a la hora de hacer una compra. Y te ayudarán a aumentar el retorno de la inversión de tus campañas de email marketing.
Plantillas de email para el sector turístico y viajes
En esta categoría hallarás varias plantillas para comunicar todas tus ofertas y novedades. Las imágenes de estos templates cobran vital importancia para destacar los aspectos más visuales y llamativos del destino.
Con estas plantillas podrás personalizar todo aquello que creas imprescindible, desde las imágenes y texto hasta la estructura creada por bloques, con la intención de que con unos pocos cambios tengas una plantilla única para tus clientes.
Templates para tiendas sobre artesanía
El template que podrás encontrar en esta categoría te ayudará a destacar los trabajos que realizas, tan protagonistas en este sector. Podrás elegir entre varias estructuras de contenido, para que el email se adapte a tus necesidades. Muestra tus novedades artesanales a todos tus usuarios con estas plantillas responsive para que puedan consultarse en todos los dispositivos.
Plantillas responsive para felicitaciones y eventos especiales
Reforzarás la relación con tus usuarios haciéndoles ver lo importantes que son para tu empresa. Por eso, los felicitas en fechas especiales como Navidad o su cumpleaños. Demuéstrales que te preocupas por ellos y que no les hablas únicamente para venderles algún producto. En esta categoría podrás encontrar diversas plantillas gratuitas para email que abarcan diferentes momentos especiales del año.
Templates de email para el mundo del arte y entretenimiento
Los templates enmarcados dentro de esta categoría están pensados para hablar sobre profesionales del sector. Son plantillas especialmente ideadas para enfatizar cómo trabaja el profesional y darlo a conocer al público. En este tipo de plantillas de email destacan por encima de todo las imágenes con el objetivo de ofrecer a los usuarios de manera más cercana las obras de arte realizadas por los artistas.
Como ves, utilizando MDirector dispones de una amplia variedad de plantillas responsive con las que enviar tus comunicaciones. ¿Quieres realizar envíos masivos de emailing con una plataforma profesional? ¡Prueba MDirector ahora!