Añadir firma de correo electrónico HTML en GMail

Es posible que si has llegado a esta entrada utilices GMail como un gestor de correo electrónico con todas tus cuentas (o el número máximo permitido sin pasar por caja).

En esta mini entrada voy a enseñarte cómo crear una firma de correo electrónico como la mía:

firma correo

Esta firma, tiene la particularidad de contener enlaces; a modo de resumen te gustará saber que tiene:

Como sabrás, todo esto es imposible de hacer con una simple imagen o texto plano.

Para conseguir este efecto en GMail, basta con seguir estos pasos:

  1. Crear la firma en HTML, puedes coger ideas del ejemplo que te puse arriba.
  2. Abrir la firma en el navegador que más te guste.
  3. Selecciona toda la firma. En Mac CMD+A y en Windows Ctrl+E. Copiamos (botón derecho -> Copiar).
  4. Abrimos GMail y nos dirigimos a la configuración: Rueda dentada de la derecha -> Configuración.
  5. Buscamos el apartado Firma y pegamos el contenido de la firma ahí.
  6. Guardamos (abajo del todo).

Como paso final, yo te diría que pruebes a enviar un correo electrónico para ver qué tal se visualiza tu nueva firma. No pruebes sólo en GMail, utiliza otros gestores (cuantos puedas) y asegúrate que el visualizado es el correcto allá donde llegue el correo.

Consejo Final: Las imágenes que utilices en tu firma, tendrás que alojarlas en algún sitio externo (tu propio servidor web, por ejemplo).

Como siempre, si te ha resultado útil o te ha enseñado algo no dudes en compartirlo en las redes sociales. Puedes dejar tus dudas en los comentarios.

11 comentarios en “Añadir firma de correo electrónico HTML en GMail

  1. Hola.
    Soy algo novato tocando código.
    He hecho una firma simple para mi gmail y al copiarla me sale todo el texto html y no lo visual.
    Tengo que agregar alguna etiqueta mas para que se vea?

  2. Hola Dario.
    Al final haciendo lo que escribes en el post no lo puede hacer. Sin embargo, desde Google Chrome usando inspeccionando elemento, habriendo el que contiene el recuadro para hacer la firma. Desplegando el div hay una etiqueta sola la borro y pego la firma html y ya me sale.
    También añadir que le tuve que dar a " Insertar esta firma antes del texto citado en las respuestas y quitar la línea "--" que separa los dos textos" Y "
    Utilizar el sistema de codificación Unicode (UTF-8) para los mensajes enviados
    ".
    De todas formas gracias por tu post ya que hacerse una firma es mucho mejor que usar las paginas que generan firmas.
    Espero haber podido servir de ayuda.
    GRACIAS

  3. Sería mucho pedir, que publiques el código fuente de tu firma para poder modificarlo a gustos y colores

    Saludos

    Excelente post.

  4. Hice todo y pensé que resultaría, pero al mandar el correo, en la imagen sale un cuadrito, y no mi imagen, como puedo hacer para que salga de una vez la imagen.
    La imagen la aloje tal y como lo indicas, pero no se que pasa.
    Agradeceré me contestes.

    Gracias.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

DARÍO BALBONTÍN FERNÁNDEZ es el Responsable del tratamiento de los datos personales del usuario y le informa que estos datos serán tratados de conformidad con lo dispuesto en el Reglamento (UE) 2016/679 de 27 de abril (GDPR) y la Ley Orgánica 3/2018 de 5 de diciembre (LOPDGDD), por lo que se le facilita la siguiente información del tratamiento: Fin del tratamiento: mantener una relación comercial y el envío de comunicaciones sobre nuestros productos y servicios. Criterios de conservación de los datos: se conservarán mientras exista un interés mutuo para mantener el fin del tratamiento y cuando ya no sea necesario para tal fin, se suprimirán con medidas de seguridad adecuadas para garantizar la seudonimización de los datos o la destrucción total de los mismos.Comunicación de los datos: No se comunicarán los datos a terceros, salvo obligación legal. Derechos que asisten al usuario: Derecho a retirar el consentimiento en cualquier momento. Derecho de acceso, rectificación, portabilidad y supresión de sus datos y a la limitación u oposición al su tratamiento. Derecho a presentar una reclamación ante la Autoridad de control (agpd.es) si considera que el tratamiento no se ajusta a la normativa vigente. Datos de contacto para ejercer sus derechos: contacto@dariobf.com.

¡Únete ya a BFLabs GRATIS! Estreno próximamente... Más información