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?