Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Plantillas gratis para tus newsletters de resumenes de posts

Publicado por Ana María Almendro en abril 5, 2016

Plantillas gratis para newsletter

Gracias a Mailrelay tenemos la posibilidad de usar plantillas gratis para nuestras newsletters. En este post vamos a ver cómo hacer plantillas gratis para hacer nuestros envíos de boletines con los resumenes de los posts que publicamos en nuestros blogs.

Se trata por tanto, de un post práctico con el que vas a poder aprender a utilizar plantillas gratis para todos esos emails semanales o quincenales con los que pones al tanto de lo último en tu blog a tus lectores y suscriptores.

Así que vamos, primero con las presentaciones.

Hola soy Ana y me dedico al diseño de web para bloggers y emprendedores. Estoy encantada de compartir mis conocimientos en el blog de la newsletter que tanto me ha aportado en los últimos tiempos.

Cuando hace un par de meses me cree una cuenta en Mailrelay ,al llegar la hora de elegir una plantilla gratis para mi newsletter, reconozco que ninguna de la pre-diseñadas se adaptaba a mi blog.

Mucha gente que recién ha aterrizado en Mailrelay puede que se encuentre en mi misma situación. Es más, tengo pruebas de ello ya que he recibido consultas y peticiones de diseño de newsletter.

Creo que será una buena idea mostraros como he diseñado mi última plantilla y daros la posibilidad de subirla a vuestra cuenta y adaptarla a vuestras necesidades

He pensado que la forma más fácil e intuitiva para este proceso es hacer un vídeo de mi diseño base y enseñaros que partes podéis personalizar a vuestro gusto.

Lo único que tendréis que hacer es personalizarla con vuestros colores, imágenes, texto, iconos y enlaces.

Mi plantilla gratuita esta pensada para el típico resumen de artículos con la foto de portada, un pequeño extracto y un botón personalizado para leer el post completo en vuestro blog.

Si necesitáis borrar o añadir un nuevo bloque, también os lo comento en el vídeo.Crea tu boletín de email con esta plantilla

Así que ya no os queda más remedio que cambiar las palomitas por una libreta y lápiz, y darle al play.

Lo siento, para los que os aburran ver vídeos y os salga ronchones cuando os topáis con el icono de YouTube. Prometo ser breve y concisa.

¿Qué os ha parecido esta plantilla gratis para vuestra newsletter?

Seguro que la podéis usar como base de vuestro boletín, verdad? He la he subido a mi cuenta de Google drive para que esté a vuestra disposición.

Descargar plantilla gratis

Como os comentaba en el vídeo, en el blog de Mailrelay podéis averiguar cómo subir una plantilla a vuestra cuenta y empezar a sí a personalizarla y adaptarla a vuestras necesidades.

Y si todo esto os ha sabido a poco, os dejo algunos anexos con información complementaria al vídeo que os ayudará a tener una newsletter atractiva y personalizada.

Anexo 1: Cómo personalizar el botón de «Leer el post» en vuestras plantillas gratuitas

Si necesitáis cambiar el color del botón, solo tenéis que ir a la vista HTML cuando estéis personalizando vuestra plantilla e ir bajando en el código hasta encontrar la parte que te muestro en la foto.

Lo localizarás si buscas el texto del botón «Leer el post». Ya solo te queda sustituir lo que te marco dentro del recuadro rojo por tu código de color tipo #333333 (negro).

No te olvides de cambiar el resto de los botones que encontrarás con el mismo método si sigues bajando en el código html.

Cambiar código html del botón leer post

Si quieres ir un poco más allá con la personalización de este botón y hacer las esquinas normales y/ añadirle un borde, en la misma parte del código, deberías sustituir

border-radius: 7px por ⇒ border: 1px solid #333333

El resultado será una borde de 1px con una línea continua negra.

Anexo 2: Como personalizar vuestros iconos de redes sociales en vuestra plantilla gratuita

En esta plantilla gratis se incluyen unos iconos para enlazar tus redes pero quizás tu necesites otros adecuado con tu branding.

En el vídeo te enseñé como añadir un icono desde tu almacenamiento web (en mi caso picassa) pero no te enseñe la maravillosa web desde donde saco, de forma gratuita, la mayoría de los iconos que utilizo. Se trata de Iconsdb.

Iconsdb

Su funcionamiento es muy sencillo. Desde su página de inicio hacemos una búsqueda bien por color (# ) o por categoría de icono (columna de la derecha donde pondremos en su buscador social ).

Nos llevará a una página con todos los iconos sociales donde podremos volver a elegir el color.

Elegimos el icono que necesitamos haciendo click en él. En la última página deberemos elegir el formato y tamaño para descargarlo.

Para nuestro caso específico, nos vendrá bien descargarlo en PNG y un tamaño pequeño (48 0 64px) que nos permita reducirlo si fuera necesario.

Ya solo nos queda subir el icono a nuestro almacenamiento web para después copiar la dirección de la imagen en nuestra newsletter.

Anexo 3 : Cómo diseñar tu propia plantilla gratis

Si en el peor de los casos, mi plantilla no cumple tus necesidades, siempre te queda la opción de diseñar una a tu medida. Vamos a ver los pasos básicos que tendrás que seguir.

Lo primero es ir a tu panel de Mailrelay ⇒ Plantillas ⇒ Crear nueva

Como te explicaba en el vídeo (al final no te va a quedar más remedio que verlo….jeje), lo más fácil es estructurar tu newsletter por medio de creación de tablas con sus correspondientes filas, columnas y celdas.

Le ponéis nombre y empezamos añadiendo una imagen de cabecera. Lo importante es elegir un tamaño no excesivo y tenerlo luego en cuenta después si queremos añadir tablas con columnas.

Por ejemplo si nuestra cabecera mide 600px , si añadimos dos columnas en una tabla, cada una será de 300px y la tabla de 600px.

Ponemos el cursor en el centro y hacemos clic en el icono de imagen del editor.

Copiamos la url donde tenemos alojada nuestra cabecera y corregimos el tamaño, si fuera necesario a 600px. Si el candado esta cerrado se re-dimensionará la altura. Si abrimos el candado podemos modificar los parámetros por separado. En texto alternativo ponemos las palabras clave de la imagen.

Configurando una plantilla gratis

Si abrimos la pestaña de vínculo, podemos añadir la url a donde queremos que nos lleve la imagen y la forma en que se abrirá la ventana

blank ⇒ se abrirá en otra ventana, por ejemplo

Guardamos los cambios.

Añadiendo un imagen a nuestra plantilla gratuita

Este procedimiento nos servirá a la hora de añadir cualquier imagen de nuestra newsletter ya sea independiente o que esté dentro de una tabla o celda.

Para añadir el contenido de la newsletter y que todo quede en su sitio

Vamos a crear tablas y dentro de ellas columnas y filas donde alojar nuestras imágenes y texto.

Lo primero es hacer clic en el icono de tabla y definir su estilo.

En las propiedades elegiremos su tamaño, si tiene borde o no (estéticamente en mi opinión si quieres borde, pónselo a las celdas), alineación (centrada) y si contiene un encabezado.

Recordar dar formato tanto a la tabla (opción propiedades de la tabla ) y a la celda (propiedades de la celda).

Por ejemplo para que todo el contenido de tabla y celda quede con una apariencia coordinada y adecuada, si la anchura de de la tabla es 600px , la anchura de la celda debe ser 300px, si es que hay dos columnas. Si no hacéis este paso os puede pasar que cada celda tenga un tamaño o visión diferente.

Propiedades de tabla

En la pestaña avanzado, podemos añadirle una imagen de fondo o un color a cada tabla o celda.

Existen un montón de posibilidades. Para investigarlas, solo tenéis que poner el curso en el lugar a diseñar y darle clic al segundo botón del ratón. Se os abrirá un menú desplegable como el de la foto donde podréis darle forma a vuestra plantilla gratuita de boletín.

Creando tu plantilla gratis de newsletter

Por último, cuando tengáis la plantilla a vuestro gusto, solo os queda guardarla y se quedará en vuestra biblioteca de plantillas gratis propias.

Crea ya tus plantillas gratis para tus envíos

Con este sistema podéis crear tantas plantillas gratis como necesitéis dependiendo del objetivo y contenido de cada newsletter.

El tiempo y paciencia será vuestro mejor aliado si se os atraganta algún paso. Doy fe.

Ya no tienes excusa para tener y usar una plantilla gratis para tu email marketing personalizada, a tu gusto y necesidades.

¿Te animas a compartir tu experiencia creando tus plantillas gratuitas?


Suscríbete y accede al ebook privado:
Cómo enviar correos masivos sin ser SPAM







Acepto la política de privacidad.



Comentarios

  1. Rakel

    Muchísimas gracias, precisamente estaba buscando algo así, porque ninguna de las plantillas se ajustaba a lo que yo necesitaba. Me voy a poner con ello ahora mismo.

    09/04/2016 - 12:04:20 Publicar una respuesta
  2. GIHLANI CUNILL

    Como siempre eres una crack Ana Maria explicando las cosas. Cada vez que entraba en Mailrelay no sabía por donde empezar y ahora siguiendo tu plantilla y tus pasos creo que me voy a atrever con mi primera newsletter! Gracias

    06/04/2016 - 10:37:13 Publicar una respuesta
  3. Ariel

    ¡Genial! Sumamente claro y completo. Gracias

    06/04/2016 - 00:07:00 Publicar una respuesta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Menu Title