Insertar código HTML a un correo electrónico

[scrolling]

Hola,

Quisiera mandar un correo pero como página web (no sólo texto) sino que tenga imágenes, enlaces, incluso incrustar un video...

¿Alguien sabe desde dónde o cómo puedo hacerle para que, al crear mi código HTML, este sea interpretado en el correo del que lo recibe en lugar de mostrarse el código?

Por ejemplo, yo mando un correo con una simple etiqueta: "<h1>hola</h1>" y el correo de recepción, en lugar de interpretar el H1 y mostrar el texto grande, me muestra tal cual las etiquetas "<h1>hola</h1>".

¿Cómo podría hacerle para que sea interpretado mi código?

Muchísimas gracias de antemaneno

[Tedel]

Usa el sistema HTML de composición de correo-e. Todos los clientes lo tienen. ¿Qué cliente usas para adminitrar tu email?

[emprear]

scrolling:

Hay algo que no está claro, porque no especificas de que forma vas a mandar el correo, no creo que sea desde un cliente de correo, (outlook, etc) ya que de por si podés construir tu email como html, así que deduzco que lo que querés hacer es mandar un formulario desde internet, que llegue a una casilla de correo y con formato html, suponiendo que hasta aquí, estoy en lo correcto, te explico.

Primero necesitas un lenguaje del lado del servidor para realizar la script que envía el correo, yo te lo voy a ejemplificar con php y la función mail(), que es lo más accesible

la función mail tiene 4 variables
mail($para,$asunto,$mensaje,$headers);
$para , es el email del destinatario
$asunto, justamente el asunto
$mensaje, el mensaje o contenido del email
$headers, son un conjunto de instrucciones que van a determinar muchas de las propiedades del emai, y aqui está la clave de lo que pedís.


la script (muy básica) quedaría asi

Código PHP:

<?php
$para =[e-mail];
$asunto = "Novedades Junio 2011";
 
$mensaje = "
<h2>Novedades Junio</h2>
<p>Este mes.....</p>
<p>No te pierdas esta oferta</p>
<img src="http://misitio.com/producto.jpg" width="200" height="200">
 
<p>Gracias</p>
";
 
####ahora los headers, como son varios y van uno por linea , 
### los vas contatenando (te pongo los más basicos)
 
$cabeceras = 'From:[email protected] " \r\n";
$cabeceras .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$cabeceras .= "Mime-Version: 1.0 \r\n";
$cabeceras .= "Content-Type: text/html; charset='utf-8'";
 
### ahora envias el email
mail($para,$asunto,$mensaje,$headers);
?>
 

La clave para lo que querés está en poner Content-Type: text/html, lo que hará que el programa del correo del cliente reconozca las etiquetas html, si querés mandar como texto simple deberías poner, Content-Type: text/plain.

Con respecto a las imágenes, deben estar en el servidor, vos solo ponés la url.
Si las quiziese mandar incrustadas en el mensaje, la cosa es más elaborada y complicada de explicar.

Eso si, olvidate de poner videos, Flash, u otro contenido activo, ya que los programas de correo limitan esa posibilidad.

Finalmente recordá que si el usuario tiene tildada la opción, "recibir sólo como texto plano", no importa que hagas, no le va a llegar ningún html


Saludos

[scrolling]

Muchas gracias Tedel!, en realidad es un apoyo en el trabajo. Yo ya les dije que, usando Outlook con "texto enriquecido", tablas, modificando bordes, etcétera, se puede hacer, sólo quería confirmar mi teoría para no quedar "tan" mal jajaja.

Por otra parte, soy programador de HTML y PHP por lo que la respuesta de emperar seguro también me será de mucha ayuda, gracias man!.

Ahora la otra duda que tenía es, si necesito, por ejemplo, insertar un video, cómo puedo insertar la etiqueta para el video? o sea, cómo inserto código HTML "a mano" sin usar el texto enriquecido y poder personalizar más el correo?

Muchas gracias a ambos.

[emprear]

scrolling:
arranco entonces desde el otro punto de vista.
Cada cliente de correo, outlook express, thunderbird, the bat (que es el que uso), tiene opciones para usar ó crear plantillas. Ya sea con alguna herramienta, o insertando código a mano, ahi tendrias que poner las etiquetas necesarias, pero si no me equivoco, cuando el otro usuario reciba, no creo que interprete el tema del video y demás

Saludos

[Tedel]

Una sugerencia para completar lo dicho: Muchos correos-e no aceptarán códigos CSS en tus envíos, así que utiliza el código HTML más simple que puedas. Sí, esto incluye usar <font size="4"></font> para los títulos.