ES
Empieza gratis

Diseño de banners para boletines: ideas y ejemplos

· Blocks team · 11 min de lectura

¿Buscas una guía sobre banners de email? ¡Estás en el sitio adecuado!

Los banners de boletín son ideales para captar la atención de tu audiencia. Pueden influir mucho en lo legibles y atractivas que resultan tus campañas de email. Hoy te contamos qué son, para qué sirven y cómo se hacen, te damos consejos prácticos para crear tus propios banners y te enseñamos cómo te puede ayudar Blocks.

¿Qué es un banner de boletín?

El banner de un boletín suele ser el primer elemento visual que ven los lectores al abrir tu email. Es una representación gráfica que marca el tono del boletín, igual que un titular en un periódico.

Los banners de email suelen incluir el logo de la empresa, el título del boletín (o un mensaje potente que conecte con tu audiencia) y elementos visuales relacionados de algún modo con tu marca. La clave está en que el banner despierte curiosidad, sea relevante y encaje con la identidad de tu marca.

Tamaño del banner de un boletín

En el diseño de banners de email es fundamental acertar con el tamaño para que se vea bien en todos los dispositivos y no ocupe demasiado espacio. Estos son los 2 tamaños de banner de boletín más habituales:

• Banner a ancho completo. Este banner suele ocupar todo el ancho del email (normalmente 600px, el ancho estándar de un email). La mayoría de los clientes de correo, de Gmail a Outlook, admiten este tamaño, así que el banner se mostrará correctamente.

La altura del banner, en cambio, es flexible y suele estar entre 200px y 500px. Así sigue llamando la atención sin dejar de ser relativamente compacto. La elección final depende del diseño de tu plantilla: solo asegúrate de que el banner quede visualmente equilibrado dentro del conjunto.

Email de Sips By con un banner de boletín a ancho completo

Fuente: Really Good Emails

• Banner a medio ancho. Un banner a medio ancho suele medir unos 300px de ancho. Es una opción excelente si quieres que el banner comparta espacio con otros elementos importantes, como texto o imágenes.

En cuanto a la altura, los banners a medio ancho siguen los mismos principios que los de ancho completo. Lo esencial es mantener el equilibrio visual: que el banner no abrume, pero que sea lo bastante grande para llamar la atención.

Email de Happy Happy Houseplant con un banner de boletín a medio ancho

Fuente: Really Good Emails

Los dispositivos móviles plantean otras cuestiones. Sus pantallas suelen ser más pequeñas, así que es importante que el banner de tu boletín se adapte bien para que se lea sin problemas en el móvil. Prueba a fondo tus banners de email y comprueba que se escalan correctamente en distintos dispositivos.

4 cosas que añadir a tu banner de email

Un banner bien diseñado es mucho más que una imagen bonita. Es una combinación estratégica de varios elementos que, juntos, atrapan la mirada del lector y transmiten tu mensaje principal.

Veamos 4 aspectos esenciales que debes tener en cuenta al crear tus banners de email.

El logo identifica tu marca al instante. Colócalo en un lugar destacado del banner para reforzar el reconocimiento de marca entre clientes potenciales y actuales. Ajústalo a tu guía visual, con su paleta de colores y su tipografía, para mantener la coherencia y ser fiel a tu marca de principio a fin.

Banner de boletín de The North Face con el logo de la marca

Fuente: Really Good Emails

Un titular que enganche

Un titular potente es el anzuelo que atrae a la audiencia. Debe ser breve, atractivo y estar directamente relacionado con el contenido del boletín. Un buen titular despierta curiosidad, provoca una emoción u ofrece algo de valor, y anima a los destinatarios a seguir leyendo.

Titular llamativo en un banner de boletín de brain.fm

Fuente: Really Good Emails

Imágenes relevantes

El atractivo visual del diseño de tu banner es parte esencial de la campaña. Usa imágenes de alta calidad relacionadas con el contenido de tu boletín y recuerda siempre que deben integrarse con naturalidad con el resto de elementos del diseño.

Banner de boletín de Floyd con imágenes relevantes

Fuente: Really Good Emails

Llamada a la acción (CTA)

Ya sea «Compra ahora», «Más información» o «Regístrate», el CTA de un banner de email lleva a tu audiencia al siguiente paso. Haz que destaque con colores que contrasten, bastante espacio en blanco y una fuente fácil de leer. Asegúrate de que el CTA esté alineado con el objetivo de tu boletín y empuje a los lectores hacia la acción que buscas.

Banner de boletín de Drizly con CTA

Fuente: Really Good Emails

10 ideas de diseño de banners para boletines que te inspirarán

¡Y ahora toca crear banners de email de primera para tus plantillas!

Tanto si anuncias el lanzamiento de un producto como si promocionas rebajas o compartes otra información importante en tu boletín, estas 10 ideas de diseño de banners te ayudarán a reforzar tu estrategia de email marketing.

Juega con los colores

Los colores de tu banner no son solo decoración: despiertan emociones y hacen que tu email destaque. Usa los colores de tu marca para mantener la coherencia o experimenta con distintos diseños y paletas para dar un toque creativo a tus plantillas. Por ejemplo, los colores vivos transmiten entusiasmo, mientras que los tonos apagados reflejan sofisticación.

En este email de Resy, el rojo del banner coincide con el logo, mientras que el negro y el amarillo hacen que el banner destaque. La combinación aporta un toque atrevido y hace que el email llame la atención a primera vista.

Banner de boletín con colores atrevidos en un email de Resy

Fuente: Really Good Emails

Usa la tipografía con cabeza

La tipografía influye mucho en la legibilidad y el ambiente de tu banner de email. Prueba a combinar distintos estilos y tamaños de fuente para crear una jerarquía visual y guiar a tus lectores. Eso sí, asegúrate de que las fuentes sean legibles y combinen bien entre sí.

El ejemplo de abajo muestra cómo usar fuentes poco convencionales sin que cueste leer el banner. El resultado es un email eficaz y agradable a la vista.

Uso de fuentes en un banner de boletín de Fly By Jing

Fuente: Really Good Emails

Destaca las ofertas en tus banners de email

¿Tu marca tiene ofertas especiales o descuentos? ¡Destácalos en el banner para impulsar las ventas! Usa elementos que llamen la atención y despierten interés. Por ejemplo, tu banner puede incluir:

  • letras en negrita
  • colores que contrasten
  • un lenguaje que enganche
  • cifras bien visibles

El equipo de Glossier ofrece uno de los mejores ejemplos. La oferta especial ocupa un lugar destacado y el banner funciona igual de bien en escritorio que en móvil.

Oferta especial en un banner de email de Glossier

Fuente: Really Good Emails

Anima tu banner de email

Los GIF animados llaman la atención y dan movimiento a tu banner de email. Ya sea un efecto de transición sutil o toda una animación, pueden hacer que tu banner resulte más atractivo y memorable. Solo asegúrate de que no distraigan a los lectores de tu mensaje principal.

Aquí tienes un ejemplo genial de Lyft. El GIF de su banner no solo hace el mensaje entretenido y vibrante, sino que además muestra el propio producto.

Banner de boletín animado en un email de Lyft

Fuente: Really Good Emails

Cuenta una historia

¿A quién no le gusta una buena historia? Contar historias en tus banners de email refuerza el mensaje y conecta con los destinatarios a nivel emocional. Plantéate crear una secuencia de imágenes o textos en el banner que despliegue una historia cautivadora sobre:

  • tu marca
  • la línea de productos o el servicio que aparece en el email
  • una ocasión especial relacionada con la campaña

Este email de Sauna House muestra toda la gama de sensaciones que vivirás al visitar la sauna. Con unas imágenes tan espléndidas, los clientes potenciales se ven fácilmente reflejados en las personas de las fotos.

Banner de email con storytelling en un email de Sauna House

Fuente: Really Good Emails

Incluye testimonios

¡Nunca subestimes el poder de la prueba social! Las opiniones positivas de clientes en tu banner de email pueden reforzar la credibilidad y la confianza en tu marca.

¡Incluye un testimonio breve y convincente con el nombre y la foto del cliente para darle autenticidad y crear un clima de confianza incluso entre los destinatarios más escépticos! Eso sí, no olvides pedir permiso a tu cliente antes de incluir su foto y su opinión.

Aquí tienes un ejemplo excelente de GoodRx: un email breve que cumple su función a la perfección. Incluye la opinión de un cliente real junto con su foto, lo que hace que el email sea muy potente.

Banner de boletín de GoodRx con opiniones de clientes

Fuente: Really Good Emails

Incluye un temporizador de cuenta regresiva

¿Quieres promocionar ofertas por tiempo limitado en tus plantillas? ¡Incluye un temporizador de cuenta regresiva directamente en el banner! Es un elemento pequeño pero eficaz: juega con el miedo a perderse algo, crea sensación de urgencia y anima a los lectores a actuar rápido antes de que se acabe la oferta.

En este email de AppSumo, el temporizador de cuenta regresiva se combina con una llamada a la acción clara y llamativa que pide a los lectores una respuesta inmediata.

Temporizador de cuenta regresiva en un banner de boletín de AppSumo

Fuente: Really Good Emails

Muestra tus productos

Si lanzas nuevos productos o servicios, ponlos en el banner. Usa imágenes de alta calidad junto con un titular potente y un CTA para:

  • mostrar tus productos o servicios en su mejor versión
  • despertar la curiosidad de los clientes
  • aumentar las conversiones como resultado

Aquí tienes un ejemplo de banner de Loftie que presenta su reloj y su lámpara como el dúo perfecto para cualquier mesita de noche (y enseña cómo quedan los dos productos juntos).

Banner de boletín de Loftie que muestra sus productos

Fuente: Really Good Emails

Temas de temporada

Las campañas de temporada pueden ser una idea excelente para impulsar las ventas y la implicación de los clientes. Adapta tu banner a las estaciones, las fiestas o los eventos populares para que tus boletines sean oportunos y relevantes.

¡Lo mejor es que las campañas de temporada sirven para muchos tipos de negocio! Por ejemplo, aquí tienes un email de Moment (un marketplace para fotógrafos y cineastas) que anuncia unas rebajas de verano con una imagen de inspiración veraniega.

Banner de temporada en un email de Moment

Fuente: Really Good Emails

Usa infografías

La última idea para tus banners de email es usar infografías para simplificar la información compleja y hacerla más fácil de digerir. Plantéate incluir mini infografías en el banner para compartir datos o novedades importantes sobre tu marca o tu sector. Puede ser especialmente útil en boletines B2B.

Aquí tienes uno de los mejores ejemplos de cómo aplicar este consejo. En el email de abajo, Glassdoor incluye cifras para reforzar su mensaje.

Banner de email con infografía en un email de Glassdoor

Fuente: Really Good Emails

8 pasos para crear un banner de boletín espectacular en Blocks

Desde la cabecera hasta el banner (e incluso la firma de email), Blocks te da todo lo necesario para que tus plantillas sean realmente excepcionales. ¡Con nuestro creador de arrastrar y soltar, diseñar emails perfectos está chupado!

¿Listo para crear banners de email increíbles? Solo tienes que seguir estos 8 pasos:

  1. Primero, añade una imagen a tu email. Ve a la sección «Elementos», haz clic en el botón «Imagen» y arrástralo a tu plantilla.

Espacio de trabajo en Blocks

  1. Coloca el cursor en el centro del elemento de imagen y verás un conjunto de iconos. Haz clic en el icono señalado para abrir el Centro de imágenes.

Iconos del Centro de imágenes, el editor de imágenes, la subida de imágenes, la biblioteca de GIF y el generador de IA

  1. Aquí puedes subir tus propias fotos, buscar imágenes en nuestra biblioteca de stock con cientos de opciones gratuitas o generar una imagen con IA para tu email.

Centro de imágenes de Blocks con el campo de búsqueda

  1. Imagina que estás creando un email sobre un programa de referidos. No tienes una foto preparada, así que necesitas encontrar una imagen adecuada que respalde tu idea.

Para ello, elige la sección «Banco de imágenes», escribe lo que buscas y elige entre los resultados. Usa los filtros para buscar fotos con una orientación o una gama de colores concreta.

Variedad de imágenes en el Centro de imágenes

  1. ¿Has encontrado la foto perfecta? ¡Genial! Ahora solo tienes que hacer clic en ella para añadirla a tu plantilla. ¡Así de fácil!

Imagen de 2 amigos añadida a la plantilla

Si necesitas editar la imagen, haz clic en el icono señalado para abrir el editor de imágenes.

Icono del editor de imágenes

  1. A partir de aquí puedes personalizar la imagen como quieras: añadir texto, cambiar el tamaño y recortarla, redondear las esquinas ¡y mucho, mucho más!

Editor de imágenes de Blocks

  1. En mi caso, decidí añadir un CTA al banner para hacerlo más atractivo. En la sección «Texto» puedes elegir la fuente, cambiar el color del texto y su fondo, añadir sombras y hacer muchas cosas más.

Opciones de texto en el editor de imágenes

  1. Por último, cuando estés contento con tu banner, haz clic en el botón «Actualizar» y ¡listo!: tu plantilla está preparada para brillar.

Botón «Actualizar» en el Centro de imágenes

P. D.: ¿No te convence el resultado después de añadir el banner a la plantilla? ¡No lo dudes: vuelve al Centro de imágenes y haz los cambios que quieras!

P. P. D.: Y si quieres rizar el rizo, puedes añadir una sombra a todo el banner y cambiar las esquinas de la foto desde el menú de la derecha.

Menú de la derecha en Blocks

Conclusión

Los banners de boletín son un elemento clave de tu estrategia de email marketing. Hacen tu boletín más atractivo y aumentan la implicación de los lectores. No lo olvides: un banner eficaz debe ser visualmente atractivo y estar en línea con tu marca y con el objetivo del email.

Con Blocks puedes dar rienda suelta a tu creatividad con banners de email que llamen la atención. Nuestra herramienta es el lugar perfecto para experimentar con tamaños de banner, incorporar los elementos necesarios y diseñar plantillas magistrales que dejen huella en tus lectores.

Crea este email en Blocks

Plan gratuito, sin tarjeta. Empieza con una plantilla lista o con un lienzo en blanco.

Empieza gratis