En esta entrada voy a compartir alguna información y recursos bastante interesantes, que he recopilado con motivo de un reciente trabajo. Con ellos nos ahorraremos bastantes horas de labor al crear el típico e-boletín o Email corporativo o comercial para clientes y suscriptores. Me refiero a plantillas de newsletter, por tanto formato HTML, con CSS e incluso imágenes, con especial atención a las gratuitas y responsive. Además con un diseño limpio, bonito y agradable. Recogeremos aquí un listado de verdadera utilidad.
Como comentaba, usar estos recursos nos ahorrará horas e incluso días de trabajo. Básicamente toda la tarea de crear desde cero la estructura del newsletter, que en esencia no difiere mucho de diseñar una web normal (aunque tiene algunas características propias, que luego veremos, cuidado).
Todas estas plantillas que vamos a ver están listas para usar, con la mera sustitución del texto e introducción de nuestros datos e imagenes. Lo bueno es que he encontrado varios modelos con un diseño muy bien resuelto, realmente actuales, e incluso de tipo responsive (adaptable al tamaño de pantalla). Pero antes de verlos aprovecho para dar unos consejos en cuanto a la correcta elaboración de un newsletter, boletín de noticias o Email de ecommerce.
Consejos para el diseño de un Newsletter o boletín vía Email para suscriptores o clientes.
Como comenté, el email es CASI una página web, pero no llega a serlo del todo. Conviene usar las antiguas tablas, pues los DIV flotantes mediante CSS darán problemas con toda seguridad.
Dado que hemos de usar HTML bastante antiguo, será complicado hacer una newsletter fluida y responsiva (adaptable al tamaño del monitor), aunque no obstante es posible. De hecho, en esta entrada recogeré algunas plantillas de email adaptable, que son incluso gratuitas.
Sea como sea, para asegurarnos de una correcta visualización en pantallas pequeñas como las de los teléfonos, no haremos nunca el boletín demasiado ancho. Tal y como se comenta en este buen artículo, lo mejor es no pasarnos de 600 píxeles de ancho. 600 px es la medida estándar de un Email-Newsletter, de hecho.
Recomiendo seguir todas las pautas indicadas en el artículo antes citado. Por ejemplo en cuanto al uso de CSS. Los estilos se han de incluir en cada etiqueta (ej: <div style="...."></div>). Nunca por tanto con link a archivos externos subidos a otra localización, lo cual dará problemas.
Bien, una vez aclarado esto, incluyo algunos recursos útiles para este tipo de trabajos.
Plantillas gratuitas para Email Newsletter (comerciales, corporativos, boletines de noticias, etc).
Comparto ahora algunas buenas referencias para trabajar. A medida que encuentre más plantillas iré actualizando la lista (cosa que por cierto he hecho ya algunas veces).
En primer lugar, la universidad online Zurb nos ofrece 5 modelos básicos gratuitos, con diversas estructuras, listos para descargar y usarse directamente. Al ser muy sencillos será bueno añadirles algo de diseño extra, por supuesto. Sobre todo en cuanto a tipografías (tipos de letra). Esto podremos hacerlo nosotros mismos o mediante la ayuda de alguna empresa especializada o profesional autónomo (como yo mismo). No cobrarán demasiado por ello.
En segundo lugar, tenemos el sitio Designmodo.com, que ofrece algunas plantillas realmente buenas para newsletters y boletines vía email. Además de gratuitas y con diseño de alta calidad, son responsive.
Vamos a verlas a continuación:
Free Ready-To-Use HTML Email Newsletter Template (plantilla HTML gratuita y lista para usar de Email Newsletter).
Esta plantilla, aunque ofrecida en la web GraphicsFuel.com, está hecha por Designmodo, mediante una herramienta de pago de dicho sitio llamada Postcards (es una muestra gratuita, se trata de una colaboración entre ambas webs).
Además de esta buena plantilla de Email –que como puede verse cumple todo lo explicado anteriormente: uso de tablas, 600px de ancho, etc-, Designmodo tiene otros modelos igualmente gratuitos bastante interesantes, ya directamente en su propio sitio. Son los siguientes:
Free Responsive HTML Email Newsletter (Newsletter Email HTML responsivo y gratis).
Free Black Friday HTML Email Newsletter Template (Plantilla gratis de Newsletter Email HTML para Black Friday).
Free E-Commerce Email Newsletter HTML Template (Plantilla gratis de Email Newsletter HTML para E-Commerce).
Haciendo clic en cualquiera de ellas podremos pre-visualizarlas o descargarlas gratuitamente.
Plantillas Premium para Email Newsletter.
Bien, voy a incluir también algunas referencias por si se quiere un boletín de mayor exclusividad, comparado con las plantillas gratuitas. No es para nada una mala opción, pues este tipo de recursos son bastante baratos, de forma que por alrededor de 10-20$ podremos adquirir un newsletter absolutamente profesional, ahorrándonos días de trabajo. Por supuesto con diseño de calidad extraordinaria, así como todo tipo de funcionalidades y extras. Por un precio tan bajo merece la pena, e iremos además a lo seguro (basta con elegir el diseño que necesitemos dentro del inmenso stock existente).
El mejor mercado para este tipo de recursos que existe actualmente es sin duda el de Envato. Puede consultarse el link anterior o éste otro (he filtrado una búsqueda con la categoría newsletter, mientras que en el primer caso busqué email templates, los resultados son parecidos lógicamente).
Se trata de una plataforma internacional, donde diseñadores y programadores del mundo entero ofrecen sus trabajos. Aunque en inglés es de fácil navegación y consulta. Puede ordenarse por ejemplo en función de las plantillas mejor valoradas, las más vendidas… Por lo demás las hay de todas las temáticas especializadas, y también genéricas por supuesto. Muchos de los newsletter tienen incluso soporte por parte del autor (nos ayudará si lo necesitamos).
Además de los enlaces anteriores, dejo también algunos ejemplos de plantillas que pueden encontrarse, con buen precio y calidad (hacer clic en cualquiera de ellas para más detalles):
Multimail | incluye 16 plantillas responsivas multipropósito, a las que pueden añadirse hasta 207 módulos.
Koble | Set para email de negocios, con 28 plantillas y 200 módulos para añadir.
Things for Cuties | Newsletter Template para bebés y temática infantil.
OrderInfo | Plantilla para mail de confirmación de compras + Editor para añadir módulos.
Switch | Newsletter para empresas y negocios, con módulos sencillos para añadir.
Maily Newsletter | 20 HTML Email templates para ofrecer productos y servicios.
Cielo Newsletter | plantilla HTML para boletín vía Email.
eShop Newsletter | HTML Email Template para sitios de eCommerce y blogs.
Fresh Newsletter | 160 plantillas de Email + Acceso a Gifky Layout Builder.
► Ver listado completo de plantillas disponibles (de pago)