Como insertar c贸digo html en correos de Gmail

gmail-logoEl otro d铆a quer铆amos enviar un e-mail con contenido html, un enlace en una imagen para que abriera una p谩gina web.

Por defecto Gmail no deja hacer esto….pero ah铆 va un truco en Chrome:

Escribe una palabra en el correo donde quieras el contenido html (por ejemplo Prueba). Seleccionamos la p谩gina o con el rat贸nDale en chrome al bot贸n derecho y luego a Inspeccionar Elemento.聽Ver谩s que se te abre un pie con muchas cosas de c贸digo. Esto lo usamos mucho los que trabajamos con Webs para ver el comportamiento de las mismas.

Busca la palabra que has puesto (Prueba) en ese recuadro y dale con el bot贸n derecho encima de la palabra. Selecciona聽Edit as HTML.

Entonces podr谩s borrar la palabra (Prueba) y poner todo el c贸digo que necesites.
Cierra el cuadro de Inspeccionar Elemento y ver谩s que en tu correo est谩 el html que quer铆as.
Esto os permitir谩 enviar correos desde Gmail con p谩ginas web im谩genes con enlaces etc.

36 comentarios en 芦Como insertar c贸digo html en correos de Gmail禄

  1. Hola muchas gracias, ya he hecho esto pero por alguna raz贸n me pega bien el texto, el formato, los placeholders de las im谩genes pero no a帽ades las im谩genes.. saben por qu茅 pueda estar sucediendo esto? Gracias!

    Responder
  2. esta bien el truco pero tambi茅n pod茅is usar el cliente de correos thunderbird.
    k te permite a帽adir html en un solo email o bien crearte una plantilla para todos tus email

    Responder
  3. La palabra “prueba” al inspeccionar elemento se repite varias veces 驴C贸mo s茅 cual de esas palabras es la que tengo que sustituir por el c贸digo html?

    Responder
  4. Muchas gracias, ha sido de gran ayuda. A mi no me sali贸 el texto prueba. Hice doble clic en la 煤ltima fila del recuadro que aparece sombreado, entonces s铆 que aparece el texto y… funciona!!

    Responder
  5. buenas yo hago lo spasos pero a la hora de enviar el correo y verlo solo me sale la palabra prueba pero mientras copiaba el codigo si se veia la previsualizacion correctamente, me esta faltando algo ?

    Responder
  6. hola buenas tardes me pasa que al insertar un hipervinculo en la plantilla de html no me visualiza la informacion que puedo hacer? ya intente de todo y nada

    Responder
    • Puedes editar el fichero exportado con un bloc de notas o abrirlo con un navegador y darle bot贸n derecho y “ver c贸digo fuente”.

      Responder
    • Lo est谩s poniendo en configuraci贸n como indica el art铆culo? Nosotros seguimos us谩ndolo y funciona. Recuerda que si tienes conversaciones Gmail no repite la firma a menos que se lo digas. Y que la imagen que pongas (logo) tiene que estar en Internet.

      Responder
  7. Muchas gracias por el truco. He realizado una plantilla en Mailchimp. He exportado el c贸digo HTML y lo he pegado como indicas. En un principio sale correcto pero al enviarlo o guardarlo como borrador, las im谩genes y fondos rellenos de color desaparece.

    Tambi茅n ocurre que al enviarlo a una direcci贸n outlook el email sale correcto pero si lo env铆o a una direcci贸n Gmail, las im谩genes y fondos rellenos de color desaparecen.

    驴Cu谩l puede ser el problema?

    Muchas gracias

    Responder
    • 驴D贸nde est谩n las im谩genes? Si est谩n en Mailchimp seguramente no se puedan acceder desde “fuera”. Tienen que estar en alg煤n sitio web accesible.

      Responder
  8. Tengo el archivo html con las respectivas im谩genes en un servidor, pero al editar como html no me visualiza las im谩genes, simplemente desaparecen y algunas me sale el 铆cono como que est谩n perdidas , o de error

    Responder
  9. YA no permite google insertar codigo html? porque me ha funcionado muy bien tu indicacion hace unos meses pero ahora ya no.. me desaparece el mail… sera que google hizo modificaciones y no permite mas insertar html?

    Responder
  10. Hola, al enviar el correo no se visualiza el contenido si no que se adjunta como un archivo noname, qu茅 puedo hacer? estar谩 relacionado con que originalmente era un archivo .doc que convert铆 a html?
    Gracias!

    Responder

Deja un comentario

Resumen de nuestra Pol铆tica de Privacidad

  • Responsable:聽SmythSys IT Consulting SLNE.
  • Finalidad:聽Gestionar y moderar los comentarios.
  • Legitimaci贸n:聽Necesitas dar tu consentimiento para publicar un comentario.
  • Destinatarios:聽Tus datos se alojan en los servidores de OVH.
  • Derechos:聽Tienes derecho a acceder, rectificar, limitar y suprimir los datos en la direcci贸n del responsable (en nuestra pol铆tica de privacidad).

Time limit is exhausted. Please reload CAPTCHA.