Una plantilla HTML para su newsletter por correo electrónico

Un correo de texto plano sirve para una nota rápida, pero una newsletter, una oferta o un correo de bienvenida suelen necesitar más: su logotipo, una imagen, un botón claro. Eso es un email HTML. Parece una pequeña página web, pero se construye con reglas muy distintas, porque los programas de correo son mucho más estrictos que los navegadores. Esto es lo que contiene una buena plantilla y cómo prepararla.

Por qué un correo no es una página web

Gmail, Outlook, Apple Mail y las apps del móvil muestran el HTML cada uno un poco a su manera, y muchos ignoran el código web moderno. Por eso los correos se construyen a la antigua:

• Tablas para la maquetación, no las maquetaciones web modernas.
• Estilos escritos en cada elemento, porque muchos programas eliminan las secciones de estilos.
• Fuentes del sistema, ya que las fuentes web personalizadas a menudo no se cargan.
• Sin scripts, formularios ni vídeo. Los programas de correo no los ejecutan. En su lugar, use una imagen o un botón que lleve a su vídeo o formulario.

Las partes de un buen correo

• Texto de vista previa: el texto corto que aparece junto al asunto en la bandeja de entrada. Es su segundo asunto, así que no lo desperdicie en “Ver en el navegador”.
• Cabecera: su logotipo, pequeño y enlazado a su web.
• Titular e imagen principal: de qué trata el correo, de un vistazo.
• Texto breve: dos o tres párrafos como máximo.
• Un botón principal: “Ver la colección”, “Reservar mesa”. Un botón hecho como enlace funciona en todas partes.
• Pie: nombre de la empresa, dirección, contactos y el enlace para darse de baja.

Ancho y móviles

El ancho estándar ronda los 600 píxeles, que caben en la pantalla de un ordenador y en el panel de lectura de la mayoría de programas. En el móvil, la maquetación debe pasar a una sola columna, con texto lo bastante grande para leerlo y botones lo bastante grandes para pulsarlos. Más de la mitad de los correos se abren en el móvil, así que revise primero esa versión.

Imágenes y texto alternativo

Algunos programas bloquean las imágenes hasta que el lector las permite. Escriba un texto alternativo para cada imagen, de modo que el correo tenga sentido sin ellas, y nunca ponga un texto importante solo dentro de una imagen. Use únicamente imágenes que tenga derecho a usar. Las imágenes se suben a su servicio de envío o a su web, y el correo apunta a sus direcciones.

El enlace para darse de baja

Los servicios de envío y la normativa de muchos países exigen una forma sencilla de darse de baja en cada correo de marketing. Las plantillas suelen incluir un marcador que usted sustituye por el enlace o la etiqueta de baja de su propio servicio.

Cómo preparar el contenido

• De qué trata el correo y quién lo recibe.
• Los datos: precios, fechas, códigos promocionales, exactamente como son.
• Adónde lleva cada botón: direcciones completas de las páginas.
• Los datos del pie exactamente como deben aparecer.
• Colores y estilo, o un correo que le guste como referencia.

Pruébelo antes de enviarlo

Envíese el correo a usted mismo en Gmail, en Outlook y en el móvil. Pulse cada enlace y cada botón, compruebe el texto de vista previa y mire el correo con las imágenes desactivadas.

En resumen

Un buen email HTML usa tablas y estilos en línea, mide unos 600 píxeles de ancho, pasa a una columna en el móvil y tiene un botón claro y un pie como es debido. Si prefiere no crearlo usted mismo, encargue un email HTML: describe el correo, la oferta y adónde llevan los botones, y recibe un archivo comprimido con el HTML listo y las imágenes creadas para él, para importarlo en Mailchimp, Brevo u otro servicio de envío. El pago se libera solo después de que usted acepte el trabajo.