Foros del Web » Creando para Internet » HTML »

Insertar código HTML a un correo electrónico

Estas en el tema de Insertar código HTML a un correo electrónico en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/06/2011, 21:07
 
Fecha de Ingreso: junio-2005
Ubicación: México, México
Mensajes: 429
Antigüedad: 12 años, 1 mes
Puntos: 1
Insertar código HTML a un correo electrónico

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
  #2 (permalink)  
Antiguo 12/06/2011, 22:09
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.725
Antigüedad: 6 años, 6 meses
Puntos: 441
Respuesta: Insertar código HTML a un correo electrónico

Usa el sistema HTML de composición de correo-e. Todos los clientes lo tienen. ¿Qué cliente usas para adminitrar tu email?
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #3 (permalink)  
Antiguo 13/06/2011, 00:02
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 1 mes
Puntos: 1567
Respuesta: Insertar código HTML a un correo electrónico

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:
Ver original
  1. <?php
  2. $para =miamigo@servidor.com;
  3. $asunto = "Novedades Junio 2011";
  4.  
  5. $mensaje = "
  6. <h2>Novedades Junio</h2>
  7. <p>Este mes.....</p>
  8. <p>No te pierdas esta oferta</p>
  9. <img src="http://misitio.com/producto.jpg" width="200" height="200">
  10.  
  11. <p>Gracias</p>
  12. ";
  13.  
  14. ####ahora los headers, como son varios y van uno por linea ,
  15. ### los vas contatenando (te pongo los más basicos)
  16.  
  17. $cabeceras = 'From:[email protected] " \r\n";
  18. $cabeceras .= "X-Mailer: PHP/" . phpversion() . " \r\n";
  19. $cabeceras .= "Mime-Version: 1.0 \r\n";
  20. $cabeceras .= "Content-Type: text/html; charset='utf-8'";
  21.  
  22. ### ahora envias el email
  23. mail($para,$asunto,$mensaje,$headers);
  24. ?>

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 13/06/2011, 09:22
 
Fecha de Ingreso: junio-2005
Ubicación: México, México
Mensajes: 429
Antigüedad: 12 años, 1 mes
Puntos: 1
Respuesta: Insertar código HTML a un correo electrónico

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.
  #5 (permalink)  
Antiguo 13/06/2011, 09:48
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 1 mes
Puntos: 1567
Respuesta: Insertar código HTML a un correo electrónico

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 13/06/2011, 22:06
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.725
Antigüedad: 6 años, 6 meses
Puntos: 441
Respuesta: Insertar código HTML a un correo electrónico

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.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.

Etiquetas: correo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:44.