Plantilla o modelo de newsletter: qué debe llevar y cómo montarla
Una buena plantilla de newsletter es una sola columna de 600 píxeles de ancho como máximo, con su logotipo arriba, una jerarquía clara de títulos y texto, un botón principal, textos alternativos en cada imagen, una versión en texto plano, un enlace de baja y la dirección del remitente al pie. Quien fije esos ocho elementos en una plantilla reutilizable solo tendrá que cambiar el contenido en cada edición.
Esta página es a la vez una guía y una página de producto. Primero, qué debe llevar toda plantilla y dónde falla la cosa en modo oscuro, en el móvil y en Outlook. Después, cómo montar y probar una plantilla así en el editor de arrastrar y soltar de 2Mail antes de enviar.
¿Modelo, plantilla, diseño o formato?
Esas cuatro palabras se usan indistintamente y en la práctica significan lo mismo: la maquetación fija en la que vierte cada edición. "Plantilla" y "modelo" se refieren al archivo reutilizable; "diseño" y "formato", más bien a su distribución. Si tiene que elegir una distribución, en la práctica se repiten siempre tres ejemplos.
Un solo tema
Logotipo, un título principal, una imagen, tres párrafos y un botón. La distribución más sencilla, y la mejor opción para un anuncio, una invitación o una oferta. Se hace rápido y deja poco margen al lector para distraerse.
Título más bloques
Un tema principal arriba y, debajo, dos o tres bloques más cortos con su propio titulillo y su enlace. Este formato encaja con una newsletter mensual en la que una cosa ocupa el centro y el resto acompaña.
Resumen
De cuatro a seis elementos equivalentes uno debajo de otro, cada uno con un titulillo, dos frases y un enlace. Útil para un resumen de noticias o de su blog, pero manténgalo corto: cuanto más larga es la lista, menos clics recibe.
Sea cual sea la distribución que elija, los ocho elementos de más abajo van en las tres. El diseño determina el orden y el ritmo de su newsletter, no lo que tiene que llevar obligatoriamente.
Los ocho elementos de una buena plantilla
No son preferencias de diseño, sino elementos que evitan cada uno un problema concreto: ilegibilidad, filtros antispam, quejas o una obligación legal que se le olvida.
Una columna de 600 píxeles de ancho
Una sola columna se lee igual en todas partes, de una pantalla ancha a un teléfono. 600 píxeles es el ancho que prácticamente todos los clientes de correo muestran sin barra de desplazamiento horizontal.
Su logotipo arriba
El destinatario debe ver de un vistazo de quién viene el correo. El logotipo enlaza a su web y va en la cabecera, encima del primer título, no como un gran banner que empuja el contenido hacia abajo.
Una jerarquía clara
Un título principal, subtítulos por tema y párrafos cortos. Quien escanea debe saber en cinco segundos de qué va el correo. Use tamaños de letra que sigan siendo legibles también en una pantalla pequeña.
Un botón principal
Toda newsletter tiene una cosa que usted quiere que haga el lector: comprar, inscribirse, leer. Dele a esa acción un botón maquetado como texto y no como imagen, para que siga siendo visible aunque no se carguen las imágenes.
Textos alternativos en cada imagen
Varios buzones no muestran las imágenes hasta que se pulsa. El texto alternativo es entonces lo que ve el lector. Sin textos alternativos, de una newsletter llena de imágenes solo queda espacio en blanco.
Una versión en texto plano
Junto a la versión HTML envía también una versión en texto plano. Los filtros antispam se fijan en ella, y algunos destinatarios solo leen esa versión. El editor la genera automáticamente; compruebe que sea legible.
Un enlace de baja
Obligatorio, y en su propio interés: quien no puede darse de baja pulsa 'spam', y eso pesa más que una baja. Ponga el enlace bien visible al pie, en lenguaje llano.
La dirección del remitente
El nombre de su empresa y su dirección postal al pie de cada newsletter. Es una obligación legal y, al mismo tiempo, una señal de confianza: una empresa real, en una dirección real.
Modo oscuro, móvil y Outlook
Una plantilla que se ve bien en su navegador todavía no está lista. Tres entornos dan la mayoría de las sorpresas.
Modo oscuro
Los clientes de correo en modo oscuro invierten o ajustan sus colores. Un logotipo oscuro sobre fondo transparente desaparece; el texto blanco dentro de un botón de color se vuelve ilegible. Use logotipos con fondo propio y pruebe en modo oscuro antes de enviar.
Móvil
Buena parte de sus destinatarios lee en el teléfono. Una sola columna se adapta sola, pero los botones tienen que ser lo bastante grandes como para pulsarlos con el pulgar, y los tamaños de letra por debajo de 14 píxeles se amplían o se ignoran en el móvil.
Outlook
La versión de escritorio de Outlook usa su propio motor de renderizado, que desconoce mucho CSS moderno: las imágenes de fondo, las esquinas redondeadas y algunos espaciados se pierden. Monte su plantilla sobre tablas, mantenga la maquetación sencilla y envíe una prueba a una cuenta de Outlook.
Por eso el envío de prueba no es una formalidad. Mande su plantilla a al menos tres buzones reales: un webmail, un teléfono y Outlook en un PC. Lo que se vea bien ahí, se verá bien casi en todas partes.
El editor de plantillas de 2Mail
No tiene que escribir HTML. El editor de plantillas de arrastrar y soltar del panel convierte los ocho elementos de arriba en bloques que usted arrastra, rellena y guarda.
Arrastrar bloques
Texto, imagen, botón, línea separadora y columnas: arrastra los bloques en el orden que quiera y los rellena. El editor mantiene en orden el ancho y la estructura, de modo que el resultado aguanta en cualquier cliente de correo.
Plantillas reutilizables
Guarde su montaje como plantilla y reutilícela en cada edición. El logotipo, los colores, el pie y el enlace de baja quedan fijos; usted solo cambia el contenido. Así cada newsletter sigue siendo reconocible y no se olvida ningún elemento obligatorio.
Envío de prueba
Mande una prueba a usted mismo y a sus compañeros antes de enviar la campaña a su lista. Así ve el correo tal como lo verán sus destinatarios, con la línea de asunto real, en el buzón real y en el dispositivo real.
Montar una plantilla en cinco pasos
Cuente con media jornada para la primera versión. Después, una nueva edición solo le costará el tiempo de escribir el contenido.
Elija la estructura
Empiece con una columna de 600 píxeles y decida el orden: logotipo, título principal, introducción, dos o tres temas, botón, pie. Esbócelo en papel antes de abrir el editor; se avanza más rápido que arrastrando y volviendo a arrastrar.
Coloque los elementos fijos
Ponga en el editor los bloques que se repiten en cada edición: el logotipo, los colores, el pie con el nombre de su empresa y su dirección postal, y el enlace de baja. Esta es la parte que ya no vuelve a tocar.
Rellene el contenido y el botón principal
Escriba por cada tema un título y dos o tres frases, añada una imagen con texto alternativo y ponga un solo botón claro. Compruebe que la versión en texto plano que genera el editor sea legible.
Pruebe en buzones reales
Haga un envío de prueba a un webmail, a un teléfono y a una cuenta de Outlook, y véalos también en modo oscuro. Corrija lo que se desplace o desaparezca y vuelva a probar.
Guárdela como plantilla
Guarde el montaje ya probado como plantilla reutilizable. La siguiente edición la empieza desde esa plantilla y solo cambia el contenido, de modo que el diseño y los elementos obligatorios quedan intactos.
Lista de comprobación antes de enviar
Repase estos seis puntos en cada edición. Cuestan dos minutos y evitan los errores que ya no puede deshacer una vez que la campaña ha salido.