¿Cómo se envía un e-mail con contenido html?

Pip · #1 (**permalink**) 13/09/2004, 06:00

Hola a todos.

Realmente no sabía en qué apartado poner esta duda que tengo porque podría tener cabida en varios temas. Sé que existen un par de post abiertos sobre el tema pero ninguno responde a la duda que a continuación planteo.

He visto por la web que existen formularios que te permiten enviar e-mails anónimos. Anónimos creo, hasta cierto punto, pues la IP de quien envía el e-mail siempre parece aparecer. De todas maneras mi duda no es esa, mi duda es, ¿Por qué esos formularios que te permiten enviar e-mails anónimos e incluso programas que permiten mandar e-mails anónimos o no, no permiten que el contenido de esos e-mails contenga html?

Si creo un nuevo e-mail en el Outlook Express en el modo "Modificar código fuente", debería poder copiar el código fuente en cualquier programa de envío de correo y que el e-mail que se enviase fuese html (siendo html el que yo he creado en el Outlook Express). Sé que esto no es así porque ya lo he probado y no sucede, ¿Alguien puede explicarme por qué y qué correos permiten enviar html o qué hay que hacer para poder enviarlo?

Gracias a todos. Un saludo.

monoswim · #2 (**permalink**) 13/09/2004, 06:19

desde el outlook express vas a insertar - texto desde archivo y ahí puedes insertar un archivo .txt o .html

y listo, era esa tu pregunta ?

Lo de los mails anónimos no le des importancia, porque si lo mandas a cualquier correo te lo tomará como correo spam o no deseado, con lo cual nunca llegará...

Saludos

Pip · #3 (**permalink**) 13/09/2004, 07:35

No era eso a lo que me refería. De la manera que tú dices, llegaría un e-mail con un archivo adjunto, no es lo que yo busco. Mi intención es que el e-mail principal, y no sus archivos adjuntos, sea el que presente un aspecto de Web, algo así como los boletines que se envían en webs de la importancia de softonic y tantas otras.

De todas maneras, enviar e-mails con contenido html sé hacerlo desde el propio Outlook Express, no es más que meter tu código html entre el <body> y </body> que viene en el código del e-mail. Es decir, cuando empiezas a redactar un e-mail que aun no tiene nada escrito, si le das a ver el código, es el que sigue:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2600.0" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
   <DIV>&nbsp;</DIV>
</BODY></HTML>

Si creo una tabla entre esos <body> y </body> o inserto una imagen, ésta debería verse tal y como lo haría en una Web... bien, el problema es que con Outlook Express puedo escribir el código dentro de esas dos etiquetas y crear mi e-mail con contenido html pero... en correos como gmail, hotmail, yahoo, etc, desconozco cómo puedo hacerlo.

Espero haber podido explicar un poco más claramente mi duda y que se entienda bien. Gracias de nuevo a todos.

monoswim · #4 (**permalink**) 13/09/2004, 08:45

Te entendí perfecto pero estás equivocado en una cosilla, cuando colocas el código fuente a mano como haces tu, las imágenes no se enviarán en el mail...En cambio cuando pones insertar - texto desde archivo y le colocas un .HTML te inserta las imágenes, y si ves las propiedades de la imagen y colocas la dirección absoluta (c:/misitio/miimagen.jpg) las imágenes se enviarán en el mail sin problemas !!!!

Así que fijate si te sirve que yo lo acabo de probar y no tube problemas.

Saludos y suerte

Pip · #5 (**permalink**) 13/09/2004, 09:06

No es ese el problema que creo tener monoswim. Las imágenes que inserto (aunque no necesariamente tengo por qué insertar imágenes, de hecho no tengo ahí el problema) son direcciones absolutas, puesto que están ya subidas a algún servidor y no tendré problema al referirme a ellas mediante su url.

El problema sigue siendo el no poder (o no saber) cómo puedo enviar e-mails en formato html sin adjuntar el .html ni ningún otro archivo (es decir, que el mail aparente ser un .html, como esos mails que llegan a hotmail de parte del "Personal de Hotmail") desde correos webs o, sencillamente, desde programas que permitan enviar correo pero que no muestren el código del e-mail (como Outlook Express, que tiene una opción de componer el e-mail tocando el código del mismo, y es así como desde ahí me deja mandar e-mails en formato html). Si, por ejemplo, intento enviar un e-mail en formato html desde gmail o hotmail, el código no es interpretado y llega al destinatario de manera que se ve solo el texto del código.

Espero haberme explicado un poco más correctamente. No he encontrado ningún lugar en donde profundicen en ese asunto que, posiblemente, sea más sencillo de lo que parece.

Gracias por la persistencia.

monoswim · #6 (**permalink**) 13/09/2004, 10:15

Pero lo que te digo yo no es "insertar - archivo adjunto" sino es "insertar - texto desde archivo" y te manda el mail como HTML en el mismo mail, no como archivo adjunto !!!

Ya lo probé con mi mail y con uno de hotmail y se ve exactamente como esos mails de "Personal d hotmail" que mensionas...

Pruébalo, te tiene que funcionar
PD: El HTML llega perfecto en el cuerpo y las imágenes quedan insertas en el mail pero también adjuntadas.

monoswim · #7 (**permalink**) 13/09/2004, 10:17

Si eso no es lo que necesitabas te pido disculpas, pero es la única forma que se de hacerlo...

Saludos y buena suerte

Pip · #8 (**permalink**) 13/09/2004, 13:36

Para que sepas a qué parte me refiero hago una cita:

Cita:

Pero lo que te digo yo no es "insertar - archivo adjunto" sino es "insertar - texto desde archivo" y te manda el mail como HTML en el mismo mail, no como archivo adjunto !!!

Eso que dices sería en el caso del Outlook Express, ¿Cómo lo haría en Hotmail o en cualquier otro correo Web? Hotmail no diferencia los archivos que adjuntes o, si lo hace, no sé de qué manera, ya que para adjuntar datos solo hay una opción: Adjuntar -> Archivo. Y ese archivo lo interpretará como un archivo de texto adjunto sin más (esto último no lo he podido probar porque me he enviado varios mails desde hotmail a mí mismo pero no me terminan de llegar nunca, es solo lo que supongo).

De la manera que tú dices: "insertar - texto desde archivo", sí que queda en el Outlook Express con la vista previa que yo quiero pero, una vez recibido por el destinatario (de un correo Web como hotmail), las imágenes aparecen como adjuntas, y yo lo que quiero es que sean referencias a la imagen original, direcciones absolutas. Cosa que sé que tiene que ser posible si hotmail consigue enviar así sus e-mails, lo malo es saber cómo hacerlo. Además, me pone el correo marcado como correo electrónico no deseado, con lo cual los datos adjuntos no se muestran inicialmente (si muevo el correo a la bandeja de correo entrante sí me deja ver las imágenes en el html). No entiendo el por qué de que me lo marque como correo electrónico no deseado.

No me pidas disculpas!! Consiga o no solucionar mi duda ya me estás ayudando, muchas gracias.

JosephFley · #9 (**permalink**) 13/09/2004, 15:28

Saludos,

Es facil, creas el html subes las imágenes al servidor web, y despues con la etiqueta BASE le especificas que ruta usar para buscarlas.

Después el html lo usas como plantilla en Outlook y listo.

Mira un ejemplo que yo estaba haciendo en:

http://www.naturelandings.com/newsletter/mail.html

Pip · #10 (**permalink**) 13/09/2004, 16:03

Gracias por responder JosephFley. Desconocía la existencia de la etiqueta <BASE> y me vendrá bien para usarla.

De todas maneras y, a riesgo de que parezca que pongo demasiadas pegas, lo que aun no sé es como enviar un e-mail con contenido html desde un correo Web, del estilo hotmail, yahoo, etc. Cualquiera de ellos.

Muchas gracias a los dos.

SankaMan · #11 (**permalink**) 14/09/2004, 04:36

Hola
yo si comprendo bien lo que quieres hacer pero la verdad que n sé si te puedo ayudar. me aprece a mi que los webmails si que te ofrecen redactar mail en html pero lo que puedes hacer alli es bastante pobre. Es decir, texto en negrita, cursiva, en colores, alinearlo como quieras y poco mas. Me parece a mi que no puedes maquetar nada con tablas y cosas en este estilo. Eso por la menos en yahoo, pero creo que hotmail funciona de la misma forma.
Yo mis mails en html (news etc) los hago en outlook expres que con su pestaña de modificar codigo esta de pu...ma... pero mi dilema es que yo normalmente uso el outlook xp (e que vienen con el paquete office xp) y aunque en este programa el formato ´de redacción por defecto es html, no me he enterado como puedo hacer mis news alli. Lo que busco es donde puedo pegar mi codigo html , visualizarlo en outlook y fuera. No entiendo que algo que se ha podido hacer tan sencillo en outlook express , lo hayan complicado tanto en la versión posterior del programa.
En fin, que si alguien se sabe la respuesta de mi dilema le agradezco.

saludos

/ Sankama

Pip · #12 (**permalink**) 14/09/2004, 07:17

En ese caso, tendré que dejar ese tema de un lado. De todas maneras, si alguien que lea este post piensa que existe alguna manera de enviar e-mails html desde correo web (hotmail, yahoo, etc), que aporte su granito de arena al tema, estaremos todos muy agradecidos.

Ahora el problema que me surge es otro. Quizás habrá un tema a parte para ese tema. Tendría más cabida en el de php. Simplemente decir que en el "boletín" que quiero enviar, hay unos campos de texto que se rellenan y se envían atraves de un formulario. Ese formulario lleva a una web que inserta los datos que el usuario ha introducido en el boletín. Creo que todo está bien hecho porque si abro el html con Internet Explorer e introduzco los datos, la Web que se encarga de insertarlos lo hace correctamente, sin embargo, parece que desde el propio e-mail no le llegan los valores de las variables a la siguiente página... abriré un tema a parte en el foro de php si veo que nadie tiene idea de por qué puede ser esta pérdida de valor de las variables del boletín.

Muchas gracias, una vez más, a todos.

safe · #13 (**permalink**) 20/11/2004, 10:38

para mandar un email HTML desde hotmail no hay mas que copiar el codigo HTML (supongo que lo haras en algun editor web onda dreamweaver) y pegarlo como si fuera el mensaje (con el editor RTF desactivado) y con eso basta... no lo he probado con otros webmails, pero con hotmail lo hice mil veces y nunca tuve problemas.

Cualquier cosa me avisas

ArachnE · #14 (**permalink**) 22/11/2004, 15:54

Hola;

Creo que he entendido un poco a que te refieres, yo he hecho algo similar utilizando hotmail. Para esto es necesario tener activado el editor RTF en hotmail.

Lo que he hecho es abrir el HTML en el browser, seleccionar todo lo que se ve en la pantalla, copiar y posteriormente pegarlo en la ventana de correo nuevo de hotmail.

En el caso de Yahoo alguna vez utilicé una técnica muy rústica a mi modo de ver; hice el correo en Outlook, lo envíe a una cuenta de Yahoo y de ahí lo reenvié y de algún extraño modo funcionó.

Espero haber ayudado

Saludos

Pip · #15 (**permalink**) 22/11/2004, 16:08

Gracias a los dos por responder y ayudar, creo que el tema está relativamente solucionado, aunque sigo viendo los correos webs que hay por ahí bastantes limitados en general en lo que a este apartado se refiere...

freaky_child · #16 (**permalink**) 14/12/2004, 18:39

Buscando soluciones por el mismo problema que el tuyo llegue a este foro, en base a los comentarios y a un detalle que observe en mi correo de hotmail, hice un par de pruebas y quedo.

En mi caso habia que enviar un mensaje navideño a los clientes pero con una imagen y un texto, probe como fondo creado en el correo en Outlook pero efectivamente cuando lo envias a yahoo! o Hotmail, llegaban como archivos anexos.

Lo que hice fue cambiar el HTML de la pagina que pones en Outlook, si abres el HTML de cualquiera de los fondos podras ver que es muy simple, sin embargo les hace falta esta linea entre el <head></head>:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

Lo que hice fue agregar esa linea a un HTML que cree directamente en Outlook y subir la imagen a un servidor (gratuito porque nuestro host tiene problemas); ovbiamente la ruta de la imagen es completa del servidor.

Te pongo el codigo completo como quedo por si deseas probar este mismo codigo:

<html><head>
<meta http-equiv="Content-Language" content="es">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Felices Fiestas!</title></head>
<body>

<img border="0" src="http://laolaverde.webcindario.com/eipmessage2005.jpg" width="652" height="600">


<a href="http://www.eipleon.com" style="text-decoration: none">www.eipleon.com</a>


Leon, Gto., Mexico

®2005
</body>
</html>

La ruta donde estan los HTML que carga Outlook es esta (En XP): C:\Archivos de programa\Archivos comunes\Microsoft Shared\Stationery

Espero que a ti tambien te funcione. Saludos!
Alex

nostromo_ · #17 (**permalink**) 14/12/2004, 22:29

Hola;

En cuanto a la pregunta como enviar en formato html los email, aquí tengo lo siguiente :

form de envio

Código HTML:

<html>
<head><title>Formulario de Prueba</title>
</head>
<link href=estilo.css type=text/css rel=stylesheet>
<body>
<form name=emilio method=post action=email_1.php target=res>
	<table width="400" class=txt>
		<tr>
			<td align=left>
				Nombre:
				<br>
				<input type="text" name="name" size="20" maxlength="30">
				<br>
				Email para:
				<br>
				<input type="text" name="email1" size="20" maxlength="30">
				<p>Su Email:
				<br>
				<input type="text" maxlength="40" width="20" name="email2">
				<br>
				Título:
				<br>
				<input type="text" name="subject" size="20" maxlength="30">
				<br>
				Mensaje:
				<br>
				<textarea rows="11" cols="40" name="message"></textarea>
				<p>
				<input type="submit" value="Enviar">
				<br>
			</td>
		</tr>
	</table>
</form>
Resultado :<br>
<table border=0 cellspacing=0 cellpadding=0 width=250 class=bor>
	<tr>
		<td>
			<iframe name=res width=100% height=120 frameborder=0></iframe>
		</td>
	</tr>
</table>

</body>
</html>

El código php del email :

Código PHP:

  <?php 
// -- Variables ------ 
 
$nombre = $_POST['name']; 
$email_to = $_POST['email1']; 
$email_my = $_POST['email2']; 
$titulo = $_POST['subject']; 
//$mensaje = $_POST['message']; 
//$part2 .= "<ul>\n<li>AP-1 MX\n<li>TP\n<li>HS-1\n</ul>\n<center>\n"; 
//-- cuerpo html 
$css = "<style>\nbody {font-family:verdana;font-size:12px;cursor:hand;}\n.txt {font-weight:bold;color:blue;}\n"; 
$css .=".txt1 {font-size:12px;}\n.txt2 {font-size:14px;color:red;font-weight:bold;}\n</style>"; 
$html_i = "<html><head>\n<title>Ofertas </title>\n".$css."</head>\n<body>\n<center>\n"; 
$part1 = "<span style='font-size:18px;color:blue;font-weight:bold;'>Computer and Sensor Srl</span><br>\n"; 
$part1 .= "<h2>OFERTAS</h2>\n"; 
$part2 = "<span  style='font-size:13px;text-align:center;color:white;font-weight:bold;background-color:blue;border:solid 1px #000000;width:170px;'>"; 
$part2 .= "Balanza Comercial</span><br>\n"; 
$part3 = "<table border=0 cellspacing=0 cellpadding=0 class=txt1 width=260>\n"; 
$part3 .= "<tr><td colspan=2 align=center style='font-size:14px;font-weight:bold;'>SERIES AP</td></tr>\n"; 
$part3 .= "<tr><td colspan=2 style='font-weight:bold;color:blue;' align=center>MODELO</td></tr>\n"; 
$part3 .= "<tr>\n<td><img src=as.gif'></td>\n"; 
$part3 .= "<td style='border:solid 1px #000000;'>\n<ul>\n<li>Capacidad (30 kg.)\n<li>Peso Producto (7.2 kg.)\n</ul>\n</td></tr>\n"; 
$part3 .= "<tr><td colspan=2 align=left style='font-size:14px;color:red;font-weight:bold;'>OFERTA U$ 100.00.-<br>"; 
$part3 .= "Cantidad Mínima Pedido = 12 UN.</td></tr>\n</table>\n"; 
$part4 = "</center>\n<br><br>\nSitio Web : <a href='http://www.dd.com' target='_blank'>DD</a><br>\n"; 
$part4 .= "Ofertas : <a href='http://www.D.com/ofertas.php' target='_blank'>Ofertas!!</a><br>\n"; 
$part4 .= "Contacto : [email][email protected][/email]\n"; 
$html_f = "</body>\n</html>"; 
$headers = "MIME-Version: 1.0\r \n";  
$headers .= "Content-type: text/html; charset=iso-8859-1\r \n";  
$headers .= "From: \"$nombre\" <$email_my>\r \n"; //$headers .= "Reply-To: \"$nombre\" <$emailwebmaster>\r \n";  
$headers .= "X-Priority: 5\r \n";  
$headers .= "X-MSMail-Priority: High\r \n";  
$headers .= "X-Mailer: Just My Server"; 
//-------------------- 
PRINT "<CENTER>"; 
PRINT "Hola, $nombre."; 
PRINT "<BR><BR>"; 
PRINT "Gracias por utilizar EmailD $email_to"; 
PRINT "</CENTER>"; 
# 
$menhtml = $html_i.$part1.$part2.$part3.$part4.$html_f; 
# 
mail("$email_to","$titulo", 
"$menhtml", 
"$headers"); 
# 
print $nombre; 
 
?>

Nos vemos.

Pip · #18 (**permalink**) 15/12/2004, 00:41

Muchas gracias freaky_child y nostromo_ por compartir vuestros hallazgos, probaré lo que habeis sugerido cada uno, parece interesante y que funciona correctamente (porque si lo habeis probado ha de ser así).

A ver si el entuerto de los mails con html queda ya resuelto.