Ayuda de watchDirectory > Extensiones > Enviar correo electrónico de forma automática > mensajes formateados con HTML
Enviar correo HTML
Si se quieren enviar los mensajes con un formato enriquecido (fuentes en negrita, colores, etcétera), se deberá incluir dentro del cuerpo de los mismos un documento HTML completo. Para crear la página se pueden utilizar la mayoría de los editores HTML existentes, y después copiar y pegarla en la ventana de configuración.
Para asegurar que los clientes de correo electrónico reconozcan el mensaje como un mensaje HTML, el mensaje debe contener una cabecera especial. WatchDirectory añadirá esta cabecera sólo si el cuerpo del mensaje empieza con <html>. Si existe aunque sea un simple espacio delante de <, watchDirectory no añadirá la cabecera necesaria (excepción: ver más abajo como adjuntar imágenes adicionales).
Usar el nuevo archivo como una imagen en el mensaje
Si el envío de este mensaje es debido a la detección de un archivo nuevo o modificado, el mismo se puede adjuntar al mensaje. Si el nuevo archivo es una imagen, ésta se puede "insertar" en el html usando el siguiente código:<IMG SRC="cid:message-root.1" ALT="%WD_FILE_N%">
El ".1" dentro del enlace SRC es una referencia al primer adjunto del mensaje. Si se utiliza el comando "-attach" detallado más adelante, se deberá reemplazar este ".1" por un número mayor.
Usar imágenes de un servidor web
Las imágenes contenidas en un servidor web se pueden referenciar de la siguiente forma:<IMG SRC="http://www.watchdirectory.net/img/logo_WD.gif" ALT="GdP Software Logo">
Hay varias desventajas al usar imágenes de un servidor web:
- Algunos clientes de correo electrónico reusarán descargarlas, pues estas imágenes podrían ser usadas para rastrear si se ha recibido SPAM.
- Por esta misma razón, los filtros antispam serán más propensos a considerar el mensaje como SPAM.
- El receptor debe estar conectado a internet para ver las imágenes
Adjuntar imágenes adicionales
Se pueden adjuntar imágenes adicionales en el mensaje utilizando el comando attach al inicio del cuerpo del mensaje:-attach nombrearchivoPor ejemplo:
-attach C:\Mis Imágenes\Company Logo.jpg -attach C:\Mis Imágenes\DonaldDuck.gif <html>.....Esto adjuntará 2 imágenes a su mensaje. En el cuerpo del mensaje se pueden insertar estas imágenes de la siguiente manera:
El logotipo de nuestra compañía: <IMG SRC="cid:message-root.1" ALT="Company Logo"> Una bonita imagen mía: <IMG SRC="cid:message-root.2" ALT="DonaldDuck"> Este es el nuevo archivo: <IMG SRC="cid:message-root.3" ALT="%WD_FILE_N%">Si además se adjunta el archivo que generó el mensaje, ese archivo será adjuntado después de los archivos que se adjunten con el comando -attach. Es muy importante asegurarse de utilizar el número de archivo correcto (cid:message-root.3 en el ejemplo anterior) para referenciar al nuevo archivo.
El comando -attach se puede usar solo para archivos locales, generalmente de su disco C:.
Un mensaje HTML de ejemplo
<HTML> <HEAD> <TITLE>$RS$: %WD_FILE_N%</TITLE> </HEAD> <BODY> <h1>$RS$: %WD_FILE_N%</h1> <FONT FACE="helvetica"> Hola, hay un nuevo archivo llamado %WD_FILE_N% en la carpeta %WD_FILE_D% del equipo $COMP$! </FONT> Mostrar una imagen que reside en <a href="http://www.watchdirectory.net/">nuestro servidor web <BR> <IMG SRC="http://www.watchdirectory.net/img/logo_WD.gif" BORDER="0" WIDTH="76" HEIGHT="64" ALT="GdP Software"></a> <p> Visualización en línea del nuevo archivo. Tener en cuenta que "cid" está en minúsculas. </P> <IMG SRC="cid:message-root.1" ALT="%WD_FILE_N%"> <BR> <FONT FACE="courier"> Este línea utiliza una fuente COURIER. <BR> </FONT> <CENTER>Esta línea está centrada</CENTER> <BR> <BLINK>Esta línea parpadea</BLINK> <BR> <I>Esta línea está en cursiva</I> <BR> <B>Esta línea está en negrita</B> <BR> <TT>Esta línea usa la fuente teletype</TT> <BR> <FONT COLOR="#ff0000">Esta línea está en ROJO</FONT> <BR> <FONT COLOR=RED>Esta línea está en ROJO</FONT> <BR> <FONT COLOR=GREEN>Esta línea está en VERDE</FONT> <BR> <FONT COLOR=BLUE>Esta línea está en AZUL</FONT> <BR> <p> A continuación una lista sin órden <UL> <LI> Primer elemento de la lista <LI> Segundo elemento de la lista <LI> Tercer elemento de la lista </UL> </P> <p> A continuación una lista ordenada <OL> <LI> Primer elemento de la lista <LI> Segundo elemento de la lista <LI> Tercer elemento de la lista </OL> </P> <p> A continuación de esta línea aparece una regla "horizontal". <HR> </P> ¡Gracias! </BODY> </HTML>
Combinar mensajes de correo electrónico HTML
Como se puede ver en el ejemplo anterior, un mensaje HTML típico se asemeja a lo siguiente:
1: <html> 2: <head> 3: <title>Hola mundo</title> 4: </head> 5: <body> 6: Nuevo archivo detectado: %WD_FILE% 7: </body> 8: </html>
(Los números de línea se han incluido solo para documentar la explicación siguiente)
Cuando se combinan 2 mensajes HTML, ocurre lo siguiente:
- Se eliminan las líneas 7 y 8 del primer mensaje
- Se añade una etiqueta <hr /> después de la línea 6
- Se añaden las líneas 6 - 8 del segundo mensaje al primero
- Los adjuntos del segundo mensaje se añaden al primero
- Se comprueba el nuevo cuerpo en busca de imágenes embebidas (ver "Imágenes adjuntas" mas abajo)
- Se elimina el "segundo mensaje", que ahora está combinado con el primero.
El texto "Intro" y "Adjunto" de correos HTML combinados
Justo antes del envío de los mensajes combinados, sucede lo siguiente:
- El texto que se introdujo como "Use the following text as Intro for a combined email" (Usar el siguiente texto como introducción para mensajes combinados) se inserta justo después de la etiqueta <body>.;
- El texto que se introdujo como "Append the following text after the combined email" (Añadir el siguiente texto después de un mensaje combinado) se inserta justo antes de la etiqueta </body>.
Añadir imágenes en correos combinados
Como se ha indicado más arriba, si se quiere referenciar el archivo adjunto como una imagen, normalmente se introduce algo parecido a
<IMG SRC="cid:message-root.1" ALT="%WD_FILE_N%">
donde cid:message-root.1 hace referencia al primer archivo adjunto. El problema obvio en mensajes combinados es que habrá múltiples archivos adjuntos, y siempre se
querrá referenciar el archivo adjunto "actual". Para asegurarse que siempre se hace referencia a la imagen correcta, utilizar la siguiente sintaxis:
<IMG SRC="cid:message-root.$" ALT="%WD_FILE_N%">
Es decir, en vez del número del archivo adjunto se utiliza un signo $ (dólar).