Opción de enviar mail con asunto y destinatario

|

Tener en el blog un enlace de contacto es fundamental, sobre todo para aquellos blogs de negocios que quieren ofrecerle a sus clientes la posibilidad de contactarse de manera fácil. Y claro, esto aplica para todos los bloggers que quieren estar cerca de sus lectores.
Vamos entonces a ver cómo poner un botón para enviar un correo electrónico y que al presionarlo aparezca una ventana para escribir el destinatario y el asunto. Puedes hacer click aquí para probarlo (aunque esta dirección no existe):



Para ponerlo en tu blog sólo pega el siguiente código en un elemento HTML/Javascript:
<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<input value="Enviar correo" onclick="mailsome1()" type="button"/>

Sólo cambia la dirección de correo por la tuya y el título del asunto. También puedes hacerlo con una imagen, el código sería el siguiente:
<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<img src="URL de la imagen" onclick="mailsome1()" title="Enviar email"/>




Así de sencillo podrás tener un botón o imagen de contacto para que te envíen emails. Recuerda cambiar la URL de la imagen por el ícono que quieras.

NOTA: Esta herramienta no es un programa para enviar correos, cuando un lector quiera mandar el correo se abrirá su cliente de correo que tenga instalado en su equipo.

52 comentarios:

Sabryna, una geisha moderna. dijo...

muy bueno, lo vot a probar ya que quise instalar otros y me resulto mal y muy dificil.

El Potro dijo...

Hola Sabryna, ojalá tengas éxito con este, cualquier cosa nos comentas.
Saludos.

cyberbloggero dijo...

Hola bro!!! que bonito post... muy útil!!!

Ahhh... y felicitaciones... te comento que no estoy sólo... 12 personas mas estan en esta maravillosa ciudad...

Me parace que esta ciudad ya es una Metrópolis... y esta a punto de convertirse en Capital de todos los blogs de ayuda...

En serio bro... muchas FELICITACIONES!!!!


Un abrazo!!!

El Potro dijo...

Hola brother,

Gracias por tus comentarios, ya se te extrañaba por estos rumbos, así que no te desaparezcas tanto =)

Un abrazo!

cyberbloggero dijo...

Si es verdad bro... ando medio perdido... perdona.

Ando trabajando bastante en casa...

y tengo algo muy bonito que contarte... jjajajaja... ya te contaré.


Un abrazo!!!!!

El Potro dijo...

Me gustan las buenas noticias, así que ya tendrás que contarme después =)
Un abrazo!

Simon Potter dijo...

me encanto!, es bárbaro este post,te luciste! :D

ahora mismo lo pongo en la columna, lo que me gustaría es hacer otra a la izquierda, vi tu post pero no me sale la ultima parte, me dice algo de que da error en el perfil (in profile)

Me encanto este post, sigue asi!

El Potro dijo...

Hola Simon, no he entendido qué es lo que no te sale :S

Simon Potter dijo...

Hablo sobre tu post de como hacer una 2ª columna.

en el cambio de diseño de plantilla, de poner los codigos... pues en el paso nº 6, había que cambiar un código, y cuando lo cambié me dice que no se puede mostrar la vista previa porque hay un fallo en una parte que dice profile, o algo así...xD

El Potro dijo...

Ummm, yo no tengo ningún post sobre cómo agregar otra sidebar, quizá fue algún enlace que te di.

Ezequiel dijo...

pasaba a dejarte las gracias de nuevo, ya que sin vos, mi blog no seria ni la mitad de lo que es a nivel diseño :)

te mando un saludo grande :D

El Potro dijo...

Por lo contrario Ezequiel, sin ustedes este blog no es nada =)
Saludos.

cyberbloggero dijo...

Me sumo a lo que dice Eze... mi blog tampoco sería nada sin toda tu ayuda... GRACIAS BRO!!!!


Un abrazo!!!

Jpz dijo...

También me sumo a lo dicho por Ezequiel y Cyberbloggero...
Recuerdo el inicio de mi blog y, ahora, me río bastante. Hasta me genera un cierto grado de "verguenza".
Mirando hacia atrás y comparando el antes y ahora de mi blog es, realmente, notable el cambio.
Todo lo he obtenido de "Ciudad Blogger". Además, nadie puede negar la disposición de "El Potro" (no sé como no te aburres de responder tantas consultas).
Ésa es la gracia de este blog "La disposición" y lo amigable de las explicaciones.
Saludos a todos los ciudadanos.
Jpz.-

El Potro dijo...

Me da gusto saber que el esfuerzo de este blog se ve reflejado en el esfuerzo de otros blogs.
Creo que a través de estos meses todos hemos cambiado significativamente la imagen de nuestro espacio, yo aun recuerdo mi primera plantilla completamente gris y saturada de anuncios de Mercado Libre =S
Gracias por sus comentarios que son un verdadero aliciente para seguir adelante.

Saludos!!!

Anne dijo...

LLego la alumna retrasada. . . mira me da este error, me dice destinatario null, lo dejo en mi blog, asi lo ves. . . gracias maestro. . . . y veremos con que paso a fin de año,. . . claro viendo blogs como el de JPZ, seguro, lo mio es deficiente, jaajaj

Cariños

Anne

cyberbloggero dijo...

"alumna retrasada" "gracias maestro" jajajajajajajaja hay Dios!!!! como me haces reír Anne!!!! ya te imagino sentada en tu pupitre y el potro escribiendo en el pizarrón!!! jajajajajajajajajaja...


Un abrazo!!!!

El Potro dijo...

Jajajajajajaja, ya me la imagine también =P

Anne, sí está funcionando, aparece null cuando a ambas ventanitas del destinatario y asunto se le da cancelar. Haz la prueba poniendo una dirección de correo y un asunto y verás que no aparece lo de null.

Saludos.

Anne dijo...

Gracias maestro. . . . . no se vale. . . . . ustedes me doblan en conocimiento. . . . . . . y yo solo reglandole manzanas., . . . conseguire pasar,y eso que me esfuerzo!!!!!! jajajaa

Besos a ambos, mis ciberneticos amigos

El Potro dijo...

Jajajajajajaja.
Claro que podrás pasar, eres muy aplicada.

Besos!

cyberbloggero dijo...

Shhhhhhhhhh... no digas nada Anne, pero si quieres pasar, y tu nota sea un 10, mejor regalale unas cervezas en vez de las manzanas..... shhhhhhhhh

jajajajajajajajaja!!!!

Un abrazo!!!!

El Potro dijo...

Calla que van a pensar que soy un borracho que se rompe las costillas por estar ebrio, jajaja.
Un abrazo.

cyberbloggero dijo...

jajajajajajajajajaja!!!! yo se que lo del alcohol fue despues, para aliviar el dolor de los huesos rotos... sólo para eso... jjajaajajjajajajajaja!!


Un abrazo!!!

El Potro dijo...

ANGELINA,

No veo que lo tengas puesto en tu blog :S
Saludos!

az dijo...

¿es posible que como asunto o en el cuerpo del correo aparezca el título de la entrada del blog?

El Potro dijo...

Hola az,

En donde está en color rojo que dice Hola cámbialo por lo que quieras, pero de manera automática no se puede agregar el título de la entrada en cuestión.

Saludos.

Paquito dijo...

Hola!!
Lo he probado y funciona muy bien por lo menos con el navegador mozilla firefox y google chrome. Es posible que con internet explorer no funcione?? es el que utilizo yo de normal y no me va esto.
Mi página es http://todopornadaonline.blogspot.com/
Por cierto, tu pagina esta genial, un saludo!

Paquito dijo...

Perdona ya lo solucione, en internet explorer me saltaba un script al pedir informacion...gracias!

El Potro dijo...

Qué bueno que ya lo has solucionado Paquito ;)
Saludos.

Vicky dijo...

Hola, Potro. Muy útil este gadget. A veces, trato de ingeniármelas (muy rústicamente) para tratar de conseguir que en mi blog se haga alguna función específica. Pero después, paseando por las calles de Ciudad Blogger me topo con alguno de tus trucos que hace lo que yo buscaba y de una manera sencilla y rápida.
Por ejemplo, yo ponía antes un link el el sidebar o un botón en el menú horizontal que dijera "Contactar"; y eso me abría una entrada, en donde indicaba mi correo, (porque ni idea de cómo hacerlo de otra forma).
Pero ahora, esto del botoncito es más estético, discreto y funcional. Voy de una vez a elimniar la susodicha entrada que yo usaba para eso.
Ah, dos preguntitas.
1.Si voy a poner otra imagen o ícono, ¿qué especificaciones de tamaño promedio debería tener ésta?
2.Nos explicaste en el post que ese botón abriría la cuenta de correo que la persona tuviese instalada por default en su equipo. Pero cuando se trata de alguien que usa una máquina ajena o desde un cibercafé, por ejemplo (en donde no va a tener instalada ninguna cuenta de correo en esa pc), entonces, ¿hacia dónde apuntaría ese link? ¿Sería también funcional en ese caso este truco?
Gracias de antemano, porque sé que aclararás mis dudas.
Muchos saludos.

El Potro dijo...

Hola Vicky,

Ingeniárselas rústicamente no tiene nada de malo, por el contrario, es la mejor forma de entender los códigos, jugar con ellos y experimentar para crear nuevas funciones.

La imagen no tiene especificaciones determinadas, en sí sólo debes tomar en cuenta que se ajuste bien al ancho de tu sidebar.
Si el usuario que va a mandar el mail usa Windows y no tiene algún cliente de correo externo entonces abrirá Outlook, ese es el cliente de correo que se instala con Windows.

Saludos!

Vicky dijo...

Ya comprendo. Muchas gracias. Y saludos!
Ah, y aquí te dejo tus estrellas: ☆☆☆☆☆ y también una tonada: ♫♪♫♪♫♪♫ (ja, ja... eso también lo aprendí en uno de tus posts).
Por cierto, puse algunas de esas opciones como copy&paste en mi formulario de comentarios para que el visitante pueda usarlas si desea. Gracias de nuevo.

El Potro dijo...

Jajaja, me gustó la tonada!
Seguro habrá más posibilidades que usen esos caracteres si se los pones a la mano ;)
Saludos.

Expresa Libre albedrío dijo...

Una preguntotaaaaaaaXD

Si queireo agregar esta forma al menu q parece de mac el penultimo boton es el del mail que de ahi dando clic se active esta opcion

El Potro dijo...

Podrías agregar lo que es el script en la plantilla, antes de /head y la última línea sería la que pondrías en el menú que dices, quizá así funcione.

Luygy dijo...

Supongo que el problema sera mio o de configuracion de mi explorer, pero cuando pongo el codigo para añadir un enlace a mi correo en mi blog se abre el outlook y en destinatario y asunto me pone "Null", he revisado si estaba algo mal escrito (mil veces) y esta todo correcto, si alguien sabe cual es el problema agradeceria la ayuda
Saludos...

El Potro dijo...

Hola Luygy,

Aparece null cuando en lugar de hacer click en Aceptar lo haces en Cancelar.
El programa de correos que abre es el que esté como predeterminado en el equipo, en tu caso es Outlook.

Saludos.

Dr Oscar Decco dijo...

hola!! no me funcionó lo probé en explorer. que puede ser?
espero tu respuesta. saludos

El Potro dijo...

No lo sé, funciona en todos los navegadores, debe abrir el cliente de correo que tengas instalado en tu equipo, por ejemplo, en mi caso abre Windows Live Mail, quizá tengas configurado para que no abra elementos externos.

Saludos,

Santi Amaro dijo...

hola!!

De nuevo te felicito por tu blog.

Mi intención es que simplemente al pinchar sobre una palabra (contact) se abra el outlook con mi correo puesto y que el que escriba rellene el asunto y el mensaje. Me gustaría poder quitar el rectángulo y las dos ventanas de destinatario y asunto que propone el truco. He estado intentándolo por mis humildes medios pero no lo consigo :)

Muchas gracias, un saludo.

El Potro dijo...

Hola Santi Amaro,

Entonces usa este código:

<script>
function ButtonClick()
{
document.location.href=("mailto:usuario@gmail.com")
}
</script>
<a href="javascript:void(0)" onclick="ButtonClick()">Enviar correo</a>

Cambia la dirección de correo donde se indica.
Saludos.

anshu dijo...

Hola! Muy buen post..
pero, ya publique el codigo y el boton no funciona..
alguien me puede eclipar que tengo que hacer?
Gracias =)

El Potro dijo...

Hola anshu,

No veo que tengas el código en tu blog, tienes otro parecido, pero no este mismo.

anshu dijo...

Si. Recientemente lo saqué.. por que no andaba.
ok, lo vuelvo a poner.. te puedes fijar porfa? muchas gracias.

El Potro dijo...

Hola anshu,

Sí anda, acabo de probarlo y me abre el correo para enviar el mail a cre.unamorpeligroso@gmail.com

Recuerda que lo que hace este botón es abrir el programa de correo que tenga el lector, en mi caso uso Windows Live Mail y ese es el que me abrió.
Otros quizá tengan Outlook y ese es el que les abrirá, pero si no tienes instalado ninguno en tu computadora no abrirá nada, sin embargo, para los demás usuarios que sí tengan no tendrán ningún problema en enviar el correo.

Saludos.

anshu dijo...

Bueno, ahora si anda, jajaja. Perdon por las molestias.

El Potro dijo...

No es ninguna molestia, qué bueno que ya está funcionando ;)

Ricky dijo...

Hola, paso para darte las gracias por toda la ayudada que me haz dado para poner mi blog al dia ..

denuevo vengo a molestarte :D ? como puedo poner la cajita en la que las personas escriben el mail , asunto , nombre , url y todo lo demas en la misma pagina ?

El Potro dijo...

En ese caso usa un formulario de contacto, aquí hay una entrada sobre ello.

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo