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.