Foros del Web » Creando para Internet » HTML »

enlazar imagen en email a pagina web

Estas en el tema de enlazar imagen en email a pagina web en el foro de HTML en Foros del Web. hola, creo que es mi primer post en este foro aunque ya he recurrido a el en alguna ocasion para solucionar alguna duda. bueno, no ...
  #1 (permalink)  
Antiguo 19/09/2007, 06:11
 
Fecha de Ingreso: junio-2006
Mensajes: 13
Antigüedad: 18 años, 5 meses
Puntos: 0
enlazar imagen en email a pagina web

hola, creo que es mi primer post en este foro aunque ya he recurrido a el en alguna ocasion para solucionar alguna duda.

bueno, no estoy seguro de que sea la seccion correcta para escribir mi pregunta que creo que es relativamente sencilla, pero bueno, ahi vamos.

quisiera saber como puedo enviar un mail con una imagen, que se vea la imagen en el mail al abrirlo y que al clicar sobre ella, redirija al usuario a una pagina web en particular, en este caso mi portfolio que aun esta por terminar.

he notado que al adjuntar imagenes en un mail, ciertos gestores de emails no muestran la imagen directamente en el cuerpo del correo, sino que debes descargarla para poder visualizarla, y eso no quiero que suceda.


la imagen es esta



muchas gracias
  #2 (permalink)  
Antiguo 19/09/2007, 11:10
Avatar de carmagedon  
Fecha de Ingreso: junio-2005
Ubicación: Argentina
Mensajes: 794
Antigüedad: 19 años, 5 meses
Puntos: 23
Re: enlazar imagen en email a pagina web

Hmm lo leí asi por arriba, pero envia un mail desde php con formato de html y luego pones <a href="miwebdelportafolio.com"><img src="laimagen.jpg"></a>..

Saludos.
  #3 (permalink)  
Antiguo 28/09/2007, 06:41
 
Fecha de Ingreso: septiembre-2007
Mensajes: 5
Antigüedad: 17 años, 2 meses
Puntos: 0
Re: enlazar imagen en email a pagina web

Buenas carmagedon!, estoy tratando de hacer lo mismo que "incubusian", pero no se cómo "enviar un mail desde php con formato de html y luego pones <a href="miwebdelportafolio.com"><img src="laimagen.jpg"></a>"... lo siento , pero estoy pegao en eso, podría explicarlo... Gracias!.
  #4 (permalink)  
Antiguo 08/10/2007, 12:29
 
Fecha de Ingreso: noviembre-2006
Mensajes: 102
Antigüedad: 18 años
Puntos: 0
Re: enlazar imagen en email a pagina web

mmm me pasa exactamente lo mismo, no entiendo el pone <img..... ...
  #5 (permalink)  
Antiguo 09/10/2007, 15:30
Avatar de carmagedon  
Fecha de Ingreso: junio-2005
Ubicación: Argentina
Mensajes: 794
Antigüedad: 19 años, 5 meses
Puntos: 23
Re: enlazar imagen en email a pagina web

O sea, tienen que obtener el script de php para enviar mail con un archivo adjunto, ese archivo adjunto será la imágen, y esa imágen, va dentro del contenido con los comandos que yo les puse porque al ser un formato html reconoce que es una imagen la que están cargando.

Les aconsejaria en que vayan a la seccion de php para realizar una consulta con mayor soporte de ayuda.

Saludos.
  #6 (permalink)  
Antiguo 09/10/2007, 19:05
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 17 años, 10 meses
Puntos: 36
Sonrisa Re: enlazar imagen en email a pagina web

Hola, con este codigo podes enviar una imagen por email. La imagen no se envia como dato adjunto. En el img src tenes que poner direccion completa de tu web, es decir con el http://


Código PHP:
<?php


$destino
"[email protected]";

$remitente "[email protected]";


$codigohtml "
<a href=\"tuweb.com\"><img src=\"http://img146.imageshack.us/img146/954/mendigomailvf7.jpg\"></a>
"
;


$asunto "imagen";


// No modifiques el codigo de abajo

$cabeceras "From: $remitente\n";
$cabeceras .= "Content-Type: text/html";

mail($destino,$asunto,$codigohtml,$cabeceras);

?>
Ese codigo lo tenes que guardar en un archivo con extension .php
  #7 (permalink)  
Antiguo 05/11/2007, 18:45
 
Fecha de Ingreso: agosto-2007
Mensajes: 5
Antigüedad: 17 años, 3 meses
Puntos: 0
Re: enlazar imagen en email a pagina web

y disculpen la novatada...
como grabo un archivo con extension .php?
  #8 (permalink)  
Antiguo 05/11/2007, 19:26
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 19 años, 6 meses
Puntos: 10
Re: enlazar imagen en email a pagina web

Hola a todos, pongo mi aporte:

En PHP existe una clase muy flexible que descargas de varias partes llamada class.phpmailer.php ... la documentación viene en el mismo site, como sea, después de eso como bien menciona carmagedon lo que hay que hacer es indicar que el correo se enviará en formato HTML y no en modo texto luego se incrusta un HTML como el que sigue:

Código HTML:
<strong>Cualquier cosa</strong>
<br />
Acá viene la imagen con el link:<br />
<a href="http://www.forosdelweb.com">
  <img src="http://img146.imageshack.us/img146/954/mendigomailvf7.jpg" />
</a><br />
<strong>Cualquier cosa</strong><br />
terminamos ...
El truco no está tanto en el lenguaje sino en usar direcciones absolutas para la imagen, obviamente la url de la imagen debe estar disponible, lo ideal es que tengas la imagen en tu server, así garantizas que esté disponible.

Suerte por allá
  #9 (permalink)  
Antiguo 06/11/2007, 06:13
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 17 años, 10 meses
Puntos: 36
Re: enlazar imagen en email a pagina web

Cita:
Iniciado por AmautaLP Ver Mensaje
y disculpen la novatada...
como grabo un archivo con extension .php?
Hola, abris el bloc de notas (Notepad), ahi pegas tu código y cuando lo tenes que guardar le pones como nombre algo.php
  #10 (permalink)  
Antiguo 09/11/2007, 15:57
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Hola a todos. Estoo es loque estoy buscando hace tiempos.
Tengo varias preguntas:
Yo armo mi correo HTML y le pongo este codigo php?, o solo hago el php
En el php, en esta variable

$destino=*"[email protected]";

$remitente*=*"[email protected]";

por cada correo que envie le debo agregar a la cuenta que le envie el coorreo? o como es que se hace.

Porfavor si alguien me puede ayudar
__________________
Diseñador Gráfico publicitario
  #11 (permalink)  
Antiguo 09/11/2007, 16:00
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Me explico mejor. Yo deseo enviar correos estilo mercado libre o ese tipo de correos que uno abre y tiene las imagenes incrustadas, no adjuntas.
Yo he preguntando de mucho pero no logro resolver mi problema.
__________________
Diseñador Gráfico publicitario
  #12 (permalink)  
Antiguo 11/11/2007, 13:15
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 17 años, 10 meses
Puntos: 36
Re: enlazar imagen en email a pagina web

Hola ceaped, puedes hacer esto:


Crea este archivo formulario.htm

Código HTML:
<form action="procesa_formulario.php" method="post">

<input type="text" name="destinos">

<input type="submit" value="Enviar">

</form> 

IMPORTANTE: Cuando introduzcas los e-mails dentro del campo del formulario lo tenes que poner de esta manera: '[email protected]','[email protected]','[email protected]'



Y crea este otro archivo llamado procesa_formulario.php

Código PHP:
<?php

$remitente 
"[email protected]";

$codigohtml '
<a href="http://dominio.com"><img src="http://dominio.com/imagen.jpg"></a>
'
;

$asunto "imagen";

// No modifiques el codigo de abajo

$destinos $_POST["destinos"];

$cabeceras "From: $remitente\n";
$cabeceras .= "Content-Type: text/html";

$destinatarios = array($destinos);
        
foreach(
$destinatarios as $destino){
            
mail($destino$asunto$codigohtml$cabeceras);
        
}

?>
Y despues subis esos dos archivos al servidor. Lo que vera la persona a la cual le llega el mail, es el codigo que esta dentro de la variable $codigohtml. (En este caso vera una imagen que es a su vez un link)

Última edición por hgp147; 11/11/2007 a las 13:22
  #13 (permalink)  
Antiguo 11/11/2007, 14:31
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Hola Hgp 147, muchas gracias me fue de mucha ayuda
__________________
Diseñador Gráfico publicitario
  #14 (permalink)  
Antiguo 11/11/2007, 15:17
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Hola Hgp 147 y si le deseo agregar un texto debajo de la imagen como se haría?
Gracias
__________________
Diseñador Gráfico publicitario
  #15 (permalink)  
Antiguo 12/11/2007, 07:50
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Me surge otro problema. Lo envío a varias cuentas de correo y llega bien, lo envío a hotmail y no llega nada...porque y que se puede hacer para que llegue?.
Gracias
__________________
Diseñador Gráfico publicitario
  #16 (permalink)  
Antiguo 12/11/2007, 09:18
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 19 años, 6 meses
Puntos: 10
Re: enlazar imagen en email a pagina web

ceaped, ciertos servidores de correo bloquean (o muchas veces retrasan) la entrega de correos provenientes de servidores que no tienen registrados, una vez que hotmail registre tu servidor y valide su IP, es muy posible que los correos que has enviado se muestren sin problemas ...

En cuanto a lo de agregar texto, simplemente agrégalo en la asignación a la variable $codigohtml ...

Saludos
  #17 (permalink)  
Antiguo 13/11/2007, 05:31
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Ok gracias axz.
Lo raro es que con el código que me puso "hgp 147" si me llegan las imagenes o hotmail y otras cuentas, pero con otro sistema que tengo no, me llega a las otras cuentas pero a hotmail no, habra que mirar bien los códigos para ver el motivo.
Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario
  #18 (permalink)  
Antiguo 13/11/2007, 09:00
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 19 años, 6 meses
Puntos: 10
Re: enlazar imagen en email a pagina web

ceaped:
Órale, entonces si te llega el correo, pero las imágenes no?

Podrías postear tu código? así vemos qué está pasando claramente
  #19 (permalink)  
Antiguo 15/11/2007, 15:22
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Listo ya solucione el problema...Gracias axz...pero tengo otra pregunta...si lo que deseo enviar no es una imagen sino un html completo como lo haría?.
Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario
  #20 (permalink)  
Antiguo 15/11/2007, 16:41
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 19 años, 6 meses
Puntos: 10
Re: enlazar imagen en email a pagina web

perfecto ceaped, si quieres enviar un html completo solo mándalo. Asígnale a la variable $codigohtml todo lo que quieras, la ventaja de PHP es que te permite asignar cadenotas de más de un renglón ... entonces puedes hacer algo como esto:
Código PHP:
...
$codigohtml '<h1>Título sitio</h1>
<p>algo de texto</p>
<h2>sección 1</h2>
<p>más texto</p>
<h2>sección 2</h2>
<p>más texto</p>
.... 
todo lo que quieras'
;
... 
El resto de código se queda igual, ahora hay ciertas restricciones, no sé si sean todas, pero te enlisto algunas:
* no debe llevar el tag HTML
* no debe llevar el tab BODY
* los estilos que uses deben ser estilos en línea (esto xq a veces yahoo, hotmail, etc. no los reconocen)
* lo de las imágenes que ya enfrentaste

Creo que es todo, saludos
  #21 (permalink)  
Antiguo 15/11/2007, 16:41
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 17 años, 10 meses
Puntos: 36
Re: enlazar imagen en email a pagina web

Hola ceaped, dentro de la variable $codigohtml pone todo el codigo que quieras. Tene en cuenta de poner urls absolutas, como por ejemplo cuando utilizas una hoja de estilos:

<link rel="stylesheet" type="text/css" href="http://dominio.com/css/estilo.css">
  #22 (permalink)  
Antiguo 16/11/2007, 05:52
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Ok Muchas gracias por su ayuda...
__________________
Diseñador Gráfico publicitario
  #23 (permalink)  
Antiguo 16/11/2007, 07:30
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Re: enlazar imagen en email a pagina web

Que debo arreglarle a este código para que me funcione bien?. Pues envio correo a mis cuentas y llega pero no llega hotmail. Gracias

<?php
$direccion=$_POST['direccion'];
$tipo=$_POST['tipo'];
$mensaje1 = '<img src="http://www.dominio.com/carpeta/imagen.jpg">';
$mensaje2 = '<br><a href="http://www.dominio.com/carpeta/correo.html">ver cotización |</a>';
$mensaje3 = '<a href="http://www.dominio.com\">Visita Sitio Web |</a>';
if ($direccion!=""){
if ($tipo=="plano"){
//texto

mail($direccion,
"Cualquier texto",
"Cuanquier cosa\n\n\nhttp://www.dominio.com/\n",
"FROM: bla bla bla <[email protected]>\n");
} else {

// Envio en formato HTML
mail($direccion,
"Cualquier texto",
"<html>
<head>
<title>Cualquier texto</title>
</head>
<body>
$mensaje1
$mensaje2
$mensaje3<br><br>
AQUI PONER COTIZACION
<br>
<br>
<b>Cualquier texto.</b>
</body>
</html>",
"Content-Type: text/html");
}
echo "Se ha enviado un email a la direcci&oacute;n: ",$direccion," .En formato <b>",$tipo,"</b>.";
}
?>
__________________
Diseñador Gráfico publicitario
  #24 (permalink)  
Antiguo 16/11/2007, 08:52
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 19 años, 6 meses
Puntos: 10
Re: enlazar imagen en email a pagina web

ceaped como te comento existen dominios de correo que no te permiten incluir los tags html y body dentro del contenido que se envía ... sé que es el caso de hotmail, sin embargo no sé si el hecho de que no llegue a hotmail sea debido a eso, por lo demás se vé bien ... sería cosa de checar si no lo está enviando a la carpeta "correo no deseado" de la cuenta de hotmail a la que la estas enviando

Saludos
  #25 (permalink)  
Antiguo 15/08/2008, 10:07
 
Fecha de Ingreso: agosto-2008
Mensajes: 1
Antigüedad: 16 años, 3 meses
Puntos: 0
Pregunta Respuesta: enlazar imagen en email a pagina web

Hola soy nueva en este foro, tyengo la misma inquietud de como desplegar una imagen en un mail, sin que sea attachment, ya subi la imagen a un servidor gratuito de imagenes, pero porfavor diganme como puedo poner el codigo....

Osea necesito saber el cuerpo como va, porque obviamente si envio solo el codigo lo que me llegara es el codigo html en texto mas no a¡la imagen...


Gracias desde ya por los conocimeintos que me puedan compartir

  #26 (permalink)  
Antiguo 15/08/2008, 10:36
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 19 años, 6 meses
Puntos: 10
Respuesta: enlazar imagen en email a pagina web

Hola SUPeRJeSS,

tendrías que hacer algo similar al código que sugiere ceaped. Particularmente si ya subiste tu imagen a un servidor público lo que tienes que hacer es enviar el correo en formato html (en lugar de texto plano) e insertat un tag img con la dirección absoluta a tu server e imagen. Algo como:

Código HTML:
<img src="http://www.dominioDeTuImagen.com/imagenAPublicar.gif" /> 
Es importante que cheques que la url que escribes de tu imagen es válida, para eso, basta con que pruebes en tu navegador escribiendo la url de la imagen que vas a publicar, en este caso: http://www.dominioDeTuImagen.com/imagenAPublicar.gif.

Por ejemplo, al momento de escribir éste post, es válida la url http://www.google.com.mx/images/nav_logo3.png.


Espero te sirva, saludos
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 22:27.