7 pasos para crear un diseño de boletín informativo + plantillas gratuitas para boletín informativo

Guía de marketing por correo electrónico de Crazy Egg

Si desea llegar a clientes potenciales (y existentes), los boletines son su mejor opción. El correo electrónico genera más ingresos que cualquier otro canal de marketing.

Piénselo, tiene una lista de personas que ya han solicitado recibir actualizaciones de usted. Quieren escuchar sobre nuevas ofertas.

Los boletines pueden ser una mina de oro cuando se hacen bien. Es súper rentable también.

Sin embargo, ¿cómo deberían ser nuestros correos electrónicos?

Lo guiaré a través de cómo crear una plantilla de boletín informativo por correo electrónico en Adobe Photoshop, y usaremos algunos patrones de diseño que he encontrado muy efectivos.

Una vez que haya completado el proceso de diseño, estará listo para crear esta plantilla de boletín informativo para su propio negocio. Aquí hay un enlace a la publicación sobre la codificación de un boletín informativo por correo electrónico.

¿Qué es exactamente un boletín electrónico?

Probablemente haya visto un boletín informativo por correo electrónico en su bandeja de entrada antes. Es una forma rentable para que las marcas se comuniquen con sus usuarios o clientes.

Si tiene una empresa como Sephora, por ejemplo, su boletín informativo invita a los clientes a leer sobre consejos de maquillaje, les brinda un adelanto de nuevos productos y probablemente ofrece un cupón.

diseño-correo-e-boletín-plantilla-qué-es-sephora

Si tiene un sitio de contenido, su boletín incluye un título atractivo para cada artículo nuevo para que los usuarios hagan clic en su sitio y lean más.

Siempre que ofrezca contenido que sus clientes o usuarios encuentren útil, puede aprovechar los boletines por correo electrónico para mantener su marca fresca en sus mentes.

El propósito de un boletín electrónico

El propósito de un boletín informativo por correo electrónico depende de su negocio. Puede usarlo para impulsar las ventas a través de productos destacados y cupones. Puede conectarse con los clientes a través de consejos e información útiles. Incluso puede aumentar su seguimiento social o el tráfico a su sitio.

Solo recuerde, las buenas campañas de correo electrónico se adaptan a sus necesidades, así como a las necesidades de sus usuarios.

¿Cómo funcionan los boletines por correo electrónico?

Un buen boletín informativo por correo electrónico no es una actualización de las noticias de la empresa. Es una forma de involucrar a las personas y hacer que tomen una acción. Ofrece a los lectores información exclusiva que no podrían obtener en ningún otro lugar y luego los invita a hacer clic, comprar o suscribirse.

Para hacer eso, el formato de su boletín debe ser simple y fácil de leer, pero llamativo.

Cómo crear un diseño de boletín informativo en 7 pasos

Cuando se trata de diseño y diseño de boletines por correo electrónico, hay algunas mejores prácticas a seguir. Veamos el proceso, paso a paso.

1. Primeros pasos: tamaño y dimensiones del boletín

Como regla general, es mejor comenzar a formatear su boletín informativo con un ancho fijo en lugar de un diseño fluido/líquido. Si no sabe la diferencia, este artículo debería aclararlo. Esto evitará las barras de desplazamiento horizontales, que aparecen cuando no utiliza todo el ancho de la pantalla.

Diseñe su boletín con un ancho de alrededor de 550 a 600 px y asegúrese de que la información importante esté dentro de los 300 a 500 px superiores. Este es el tamaño de un “panel de vista previa” promedio en la mayoría de los clientes de correo electrónico de escritorio.

2. Configure el documento en Photoshop

Abra Photoshop y cree un nuevo documento con un ancho de 800 px, una altura de 1000 px y una resolución de 72 ppp. Asegúrese de que el modo de color sea RGB.

diseño-correo-e-boletín-plantilla-2-configuración-photoshop

Para este ejemplo de boletín, rellené la capa de fondo con un gris claro. Luego creé un contenedor de 600 px de ancho para albergar el contenido principal. Lo llené de blanco y lo coloqué en el centro del documento.

diseño-correo-e-boletín-plantilla-2-boletín-ejemplo

3. Permita que el usuario vea el correo electrónico en el navegador de su elección

Agregué este aviso en la parte superior del boletín usando la fuente Myriad Pro, tamaño de 10 puntos:

¿El correo electrónico no se muestra correctamente? Visualízalo en tu navegador.

Es importante brindar a las personas muchas opciones para ver su boletín informativo por correo electrónico. Es posible que algunos clientes de correo electrónico no descarguen imágenes de forma predeterminada. Para mejorar la accesibilidad, incluya siempre un enlace para ver el boletín informativo por correo electrónico en un navegador web.

4. Cree el encabezado del boletín de correo electrónico

En este tutorial estoy creando un boletín de correo electrónico llamado El resumen de mascotas para complementar mi nuevo blog, La antología de mascotas. El objetivo es mantener a los lectores interesados ​​actualizados con los últimos acontecimientos a través de un paquete semanal. Dado que la marca en mi blog ya se ha establecido, elegir las fuentes, el color y los gráficos de mi boletín es fácil.

diseño-correo-e-boletín-plantilla-4-paso-1

La imagen de arriba es el encabezado del blog, que también creé en Photoshop. Voy a conservar la apariencia mientras realizo solo ligeras modificaciones. Comienzo abriendo el psd del encabezado del blog y copiando la mascota en la plantilla del boletín de correo electrónico. A partir de ahí, tomo el nombre y el eslogan y los copio también en la plantilla del boletín de correo electrónico. Con algunas revisiones menores al texto, el boletín luce así:

diseño-email-newsletter-plantilla-2-paso-2

Las fuentes que utilicé fueron: Slab Tall X para las palabras Pet Digest, Champagne & Limousines para las palabras Our Weekly Bundle y Learning Curve para el.

5. Crea la Parte Principal del Newsletter

Creé otro rectángulo de 600 px de ancho debajo del encabezado y lo extendí cerca de la parte inferior de la página.

diseño-correo-e-boletín-plantilla-5-crear-otro-rectángulo

Luego reúno el contenido que se presentará en el boletín de la semana. Nuevamente, tomando prestados los atributos de diseño ya establecidos en mi blog, la antología de mascotas, Creo el encabezado usando Museo Sans, arrastro y suelto la imagen principal y la copio en el texto del artículo. Un borde punteado colocado debajo separará cada campo de artículo.

diseño-correo-e-boletín-plantilla-5-paso-2

Luego duplico la primera entrada dos veces y las muevo hacia abajo para completar el resto de los espacios de este boletín. En breve colocaré el nuevo contenido en los lugares duplicados.

diseño-correo-e-boletín-plantilla-5-duplicado

Usando guías, inserto las dos entradas restantes y borro el contenido duplicado.

diseño-correo-e-boletín-plantilla-5-usando-guías

6. Agregar enlaces sociales

Quiero incluir un área para iconos de redes sociales y RSS, y quiero permitir que el suscriptor comparta el boletín con amigos. Comienzo creando un rectángulo de 252 px de ancho e incluyo una llamada a la acción que anima a los suscriptores a seguirnos.

Utilizo los íconos de redes sociales apropiados, cambiando los colores para reflejar mi marca. Teniendo en cuenta la facilidad de uso de los boletines por correo electrónico, decido simplificar las cosas.

diseño-correo-e-boletín-plantilla-6-enlaces-sociales

Luego duplico el rectángulo y lo coloco a la derecha, incluido el texto “Comparte esto con tus amigos” en la fuente Museo en la parte superior.

7. Incluya un pie de página

Para terminar, creo el pie de página, que permitirá a los suscriptores ponerse en contacto conmigo o darse de baja del boletín. Cada boletín debe tener un enlace o un botón que permita al lector darse de baja del boletín si así lo desea.

diseño-correo-e-boletín-plantilla-7-incluir-pie de página

No olvide agregar una firma de correo electrónico. Es una de las formas más ignoradas de lograr que sus suscriptores hagan clic en su sitio web desde su boletín informativo.

Lista de verificación de diseño de boletín

Una vez más, aquí están los siete pasos para crear y diseñar una plantilla de boletín informativo por correo electrónico puede usar para hacer sus propios boletines de correo electrónico creativos:

    1. Primeros pasos: diseño y dimensiones del boletín
    2. Configurar el documento en Photoshop
    3. Permita que el usuario vea el correo electrónico en el navegador de su elección
    4. Crear el encabezado del boletín de correo electrónico
    5. Crear la parte principal del boletín
    6. Agregar enlaces sociales
    7. Incluir un pie de página

Plantillas e ideas para boletines informativos por correo electrónico: el producto final

Aquí hay una imagen de cómo se ve el diseño del boletín de correo electrónico, ahora que está completo:

diseño-correo-e-boletín-plantilla-final-ejemplo

Mejores prácticas para boletines

Definir un objetivo claro

Como mencioné antes, el objetivo de tu newsletter dependerá de tu negocio. Antes de armar un diseño de boletín de correo electrónico comercial, defina cuál es ese objetivo.

Objetivo de suscripción de pruebas A/B de Crazy Egg

¿Está tratando de conseguir suscriptores para probar un nuevo producto? Eso afectará la cantidad y el tipo de imágenes que utilice.

¿Te gustaría aumentar el tráfico a tu blog? Los resúmenes de texto y los titulares audaces y atractivos jugarán un papel importante en su diseño.

Obtenga información sobre lo que les gusta a sus lectores

Una vez que haya definido el objetivo de su boletín informativo por correo electrónico, puede concentrarse en qué tipo de información va al frente y al centro.

Las herramientas de análisis de sitios web como Google Analytics y las herramientas de informes de comportamiento del usuario como Crazy Egg le mostrarán en qué contenido hacen clic sus suscriptores y en qué pasan el tiempo. Use esa información para poner las piezas correctas de contenido en su boletín informativo por correo electrónico.

Analizar los resultados e iterar

Usó el análisis de su sitio web para comenzar su boletín informativo. Ahora deja que tu boletín te devuelva el favor.

Analice las tasas de clics y de apertura en su boletín informativo por correo electrónico no solo para saber qué debe contener el próximo, sino también qué tipo de contenido colocar en el sitio e incluso en sus campañas sociales.

Otros ejemplos interesantes de plantillas de boletines informativos por correo electrónico

Lo que he hecho arriba con La antología de mascotas newsletter es solo un ejemplo para inspirarte en el diseño de correos electrónicos. Pero puede que no sea el mejor diseño de newsletter para tu negocio.

La inspiración para el diseño de boletines de gran apariencia puede provenir de cualquier lugar, así que echemos un vistazo a algunos ejemplos más de boletines.

# 1: mamá más cercana

diseño-correo-e-boletín-plantilla-mami-más cercano

Mommy Nearest apila sus historias una encima de la otra para facilitar el desplazamiento en el móvil. Teniendo en cuenta que más de la mitad del tráfico web provino de dispositivos móviles en 2018, es importante tener boletines de correo electrónico optimizados para dispositivos móviles.

Cada historia tiene una imagen audaz y un título atractivo. Justo debajo hay un CTA claro, “LEER MÁS”.

#2: Starbucks

diseño-correo-e-boletín-plantilla-starbucks

Starbucks comienza con su logotipo simple, pero muy reconocible, y luego crea bloques de colores para mostrar cada producto y promoción.

#3: el poste de washington

diseño-correo-e-boletín-plantilla-washington-post

El diario 202 del Washington Post El boletín informativo por correo electrónico ganó un Webby en 2017. Tiene un diseño limpio con mucho espacio en blanco que permite a los lectores leer fácilmente los titulares del día. Las historias apiladas también son fáciles de recorrer en dispositivos móviles.

Conclusión

Al igual que con cualquier ejercicio de marketing, debe probar constantemente nuevos elementos de diseño, analizar los resultados y realizar ajustes en función del comportamiento del usuario (en este caso, tasas de apertura, tasas de clics y cancelaciones de suscripción).

diseño-correo-e-boletín-plantilla-conclusión

¿Busca más inspiración para el diseño de correos electrónicos? Echa un vistazo a esta publicación que escribimos sobre las pruebas A/B ganadoras y los elementos que generan más conversiones.

¿Quiere saber cómo puede realizar un seguimiento del comportamiento de los visitantes del sitio web que hacen clic en sus campañas de correo electrónico? Lea la primera y la segunda parte de nuestra serie de blogs de seguimiento de correo electrónico.

¡Feliz mercadeo!

0 Shares:
Te Recomendamos