El otro día me puse a configurar ExternalTemplateLoader, una extensión para Thunderbird que permite utilizar diferentes plantillas HTML para escribir correos electrónicos. Al ponerme a diseñar una plantilla para mis correos electrónicos, me di cuenta de que el proceso difería algo a lo que es el diseño habitual de una página HTML para visualizar en un navegador. Las particularidades de este tipo de plantillas son varias. Algunas de las más importantes:

• Probar la plantilla con Internet Explorer y Firefox (importante probarlo también con el denostado IE 6). Si se ve correctamente en los 3, vamos por el buen camino ;) Probarlo con IE 6 nos dará una aproximación de como se verá en Outlook 2003).
• Hacer pruebas de envio a varios tipos de cuentas (de Yahoo!, Gmail y Hotmail, entre otros)
• A veces, especificar el ancho de página como porcentaje no es lo idóneo, ya que algunos lectores no pueden redimensionar sus ventanas de lectura. Parece preferible especificar un ancho fijo para que el contenido del mensaje se muestre correctamente en el mayor número de clientes de correo posible (recomendable, no más de 600 pixels de ancho).
• No insertar nada de Javascript en el código de la página, ya que la mayoría de clientes lo omitirán.

Hay muchos otros detalles importantes que de su cumplimiento dependerá la buena presentación de nuestra plantilla de email. Incluso no estaría de más comprobar nuestro correo con algun servicio del tipo Spamcheck, para ver si podría ser considerado spam por los filtros habituales. Hay algunos recursos imprescindibles para leer si realmente estás interesado en crear una buena plantilla para correo-e. Algunos de los más importantes son:

• [ING] Email Standards Project. Un intento de estandarización del HTML y CSS que soportan los clientes de correo [email-standards.org]
• [ING] How to Code HTML Email Newsletters [sitepoint.com]
• [ING] CSS support in email clients Con una estupenda tabla que cruza elementos CSS con el soporte que hacen de ellos los clientes más populares [campaignmonitor.com]
• [ING] Design HTML E-Mail Templates That Won't Fail [creativepro.com]
• [ING] 33 free HTML email templates to get you started [campaignmonitor.com]
• [ESP] 22 recursos para crear plantillas CSS facilmente [frogx3.com]