La mayoría de los clientes de correo electrónico modernos envían correo electrónico HTML de forma predeterminada cuando el mensaje se compone en el propio cliente. Por ejemplo, tanto Gmail como Yahoo! tienen editores WYSIWYG incorporados que puedes utilizar para escribir mensajes HTML. Sin embargo, si quieres escribir tu HTML en un editor externo y luego usarlo en tu cliente de correo electrónico, puede ser un poco más complicado.

Hay muchos editores que puede utilizar para crear su mensaje HTML, desde aquellos tan simples como el Bloc de Notas en Windows, hasta una aplicación con todas las funciones como Dreamweaver. Otras opciones buenas (y gratuitas) incluyen Notepad++, NetBeans, CoffeeCup y Komodo Edit.

Pasos para escribir su HTML

Si vas a escribir tus mensajes HTML en un editor diferente, hay algunas cosas que debes recordar para que tus mensajes funcionen.

• Sus imágenes deben estar alojadas en un sitio web público. No tienen que estar en una página web, pero tienen que ser accesibles al público en Internet.
• Utilice la URL completa de la imagen en el atributo y pruebe para asegurarse de que su imagen se muestra correctamente antes de enviar su mensaje.
• No utilice rutas relativas en los enlaces. Debe utilizar URLs totalmente cualificadas para todos los enlaces, al igual que con las imágenes.
• Si está utilizando CSS, debe incrustarlos en el HTML utilizando el elemento o enlazarlos con una URL totalmente cualificada.
• Es mejor evitar JavaScript porque los clientes de correo electrónico suelen desactivarlos por razones de seguridad. Sin embargo, si debe utilizarlo, debe incrustarlo con el elemento .

Utilice siempre la dirección completa de Internet para obtener imágenes y otros recursos que incluirá en su correo electrónico HTML para que el cliente del destinatario sepa dónde puede acceder a ellos en Internet.

Debe recordar que es posible que los clientes de correo electrónico no admitan funciones avanzadas como Ajax, CSS o HTML5. Cuanto más simples sean sus mensajes, más probable es que la mayoría de sus clientes puedan verlos.

Algunos clientes de correo electrónico facilitan el uso de HTML creado en un programa o en un editor HTML. A continuación se presentan breves tutoriales sobre cómo crear e incrustar HTML en varios clientes de correo electrónico populares.

Gmail y Mac Mail

Gmail y la aplicación Mail en un Mac no ofrecen una forma de redactar un correo electrónico en HTML dentro del cliente. Sin embargo, puede enviar un mensaje HTML en cualquiera de estos dos mandantes copiando y pegando el código HTML creado en otra aplicación.

1. Escribe tu correo electrónico en un editor HTML. Asegúrese de usar rutas completas, incluyendo URLs a cualquier archivo externo como se mencionó anteriormente.

2. Una vez que el archivo HTML esté completo, guárdelo en su disco duro (no importa dónde).

3. Abra el archivo HTML en un navegador web. Si se ve como usted espera (imágenes visibles, estilos CSS correctos, etc.), entonces seleccione la página completa usando Ctrl + A en PCs con Windows, o Cmd + A en Macs.

4. Pulse Ctrl + C (Windows) o Cmd + C (Mac) para copiar todo el contenido de la página.

5. En Gmail o Mac Mail, inicia un nuevo mensaje. Pegue el contenido de la página copiado anteriormente en el cuerpo del mensaje utilizando Ctrl + V o Cmd + V

Puedes editar el texto una vez pegado en tu nuevo mensaje, pero ten cuidado de no borrar ninguno de tus estilos o imágenes incrustadas; son difíciles de corregir sin tener que repetir los pasos anteriores.

Thunderbird

En comparación, Thunderbird hace que sea sencillo crear tu HTML e importarlo a tus mensajes de correo.

1. Escribe tu correo electrónico en un editor HTML. Asegúrese de utilizar las rutas completas, incluidas las URL de los archivos externos.

2. Seleccione todo el código HTML usando Ctrl + A (Windows) o Cmd + A (Mac). Para ver el código en sí, puede que tenga que cambiar la vista de WYSIWYG a la vista de código HTML en bruto que muestra todas las etiquetas HTML, etc.

3. Copie su código HTML usando Ctrl + C o Cmd + A .

4. Abra Thunderbird y Escriba un nuevo mensaje.

5. En el menú de mensajes, haga clic en Insertar y seleccione HTML.

6. Cuando aparezca la ventana emergente HTML, pegue su HTML en la ventana presionando Ctrl + V o Cmd + V .

7. Haga clic en Insertar y el código HTML se insertará en el mensaje.

Una ventaja de usar Thunderbird como su cliente de correo electrónico

Puedes conectar cuentas de correo electrónico como Gmail, Yahoo! Mail y muchas otras al cliente de correo Thunderbird y utilizarlo como tu aplicación de correo electrónico integral. Puede que quieras hacer esto porque es un poco más fácil insertar HTML en un mensaje Thunderbird, y puedes enviar tus mensajes salientes a través de cualquiera de tus cuentas de correo electrónico conectadas.

No todos pueden leer correos electrónicos HTML

Si envía un mensaje de correo electrónico HTML a una persona cuyo cliente de correo electrónico no lo admite, recibirá el código HTML como texto sin formato. A menos que sean desarrolladores web y se sientan cómodos leyendo HTML (e incluso si lo son, es inconveniente, por decir lo menos), la carta será difícil de leer en el mejor de los casos, y poco más que una jerga ilegible en el peor de los casos.

Si está enviando un boletín informativo por correo electrónico, debe dar a sus lectores la oportunidad de elegir entre correo electrónico HTML o texto sin formato cuando se registren. Si sólo lo usas para enviar mensajes de correo electrónico a amigos y familiares, asegúrate de que puedan leer mensajes de correo electrónico en formato HTML.