▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (2024)

¡Hola querido lector! Ya estoy una semana más por aquí y, en esta ocasión te enseñaré cómo crear una firma HTML para tu correo electrónico o email sin ser un diseñador web.

¡Cómo lo oyes!

Si aún eres de los que les da pereza esto de la imagen corporativa de la empresa siento comunicarte que toda empresa seria y profesional deberá tener una firma HTML original, práctica y profesional.

Ten en cuenta quecada detalle a la hora de perfilar la imagen corporativa de un negocio cuenta.

Por este motivo, hoy te enseñaré a cómo crear una firma HTML para tus emails corporativos sin necesidad de que seas un experto en el lenguaje de programación HTML.

Es más, gracias a esta guía simplemente tendrás que hacer un copia y pega del código HTML que verás en este post y conseguirás una firma HTML 100% profesional para tu negocio.

PD. La mayoría de gestores de correo electrónico solo permitirán crear firmas mediante HTML. Por este motivo, será necesario que utilice este lenguaje de programación si o sí.

¡Vamos con ello!

Índice de Contenidos

  • Cómo crear una firma HTML paso a paso [GUÍA + Plantilla]
    • Alternativa 1. Utilizar imágenes como firma HTML
    • Alternativa 2. Contratar a un empresa especializada
  • ¿Será necesaria una firma HTML para tu empresa?
  • Consejos a la hora de crear una buena firma de correo en HTML
  • Ejemplos de firmas de correo originales y elegantes
  • Guías para configurar tu firma HTML en los diferentes gestores de correo
    • Configurar firma HTML en Outlook
    • Insertar firma de correo HTML en Gmail
    • Incluir firma HTML en el mail de Mac
    • Cómo añadir una firma HTML en tu iPhone o iPad
    • Cómo configurar firma HTML en Thunderbird
  • Conclusiones sobre la utilización de firmas HTML en HTML

Cómo crear una firma HTML paso a paso [GUÍA + Plantilla]

Para crear una firma HTML de email simplemente deberás que seguir estos pasos:

  1. Copia y pega el código HTML que te facilitaré a continuación en un documento plano (Preferiblemente un bloc de notas).
  2. Modifica los datos que aparecerán el código con los datos de tu empresa o proyecto online.
  3. En la etiqueta <img src=»»> escribe el enlace o URL donde estará alojada la imagen o logotipo de tu empresa o proyecto.
  4. Modifica los enlaces a las redes sociales y a tu página web. Estos enlaces los podrás localizar por la etiqueta HTML <a href=»»>
  5. Copia el código de la firma HTML en tu gestor de correo electrónico favorito.

PD. Si no dispusieses de un servidor o alojamiento web propio dónde alojar las imágenes de tu firma HTML podrás hacerlo de forma gratuita en imgBB.

  
▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (1)
▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (2)▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (3)▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (4)▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (5)
Borja Aranda Vaquero

Diseñador web y consultor SEO

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (6)

34 555 333 444

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (7)

hola@borjaarandavaquero.com

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (8)

borjaarandavaquero.com

Siguiendo los pasos anteriores conseguirás una firma HTML similar a esta:

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (9)

Alternativa 1. Utilizar imágenes como firma HTML

Si finalmente por el motivo que sea ves que el HTML no es lo tuyo y es demasiado complicado para ti siempre podrás optar por utilizar una imagen como firma HTML para tu email.

Es más, puede que el código HTML no sea lo tuyo pero estoy seguro de que cuentas con conocimientos básicos de diseño en Word, PowerPoint, Photoshop, Illustrator o Paint.

Por lo tanto, con estas herramientas podrás diseñar perfectamente una firma corporativa para tu empresa.

Por todo ello, si finalmente te decides a utilizar una imagen cómo firma de correo electrónico para tu empresa deberás seguir estos pasos:

  1. Diseña tu firma HTML con el programa de diseño que prefieras.
  2. Guárdalo en formato imagen (Preferiblemente en formato .jpg) con un nombre sin espacios ni caracteres raros.
  3. Sube tu imagen de firma HTML a tu servidor o proveedor de alojamiento web. Recuerda que si no cuentas con este servicio siempre podrás utilizar imgBB.
  4. Cuando tengas la URL de tu imagen subida a internet copia el código HTML que verás a continuación y en la etiqueta <img src=»»> reemplaza el enlace donde por la URL donde estará alojada la imagen de tu firma.
  

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (10)

Alternativa 2. Contratar a un empresa especializada

Si por cualquier motivo todo este proceso se te complica siempre podrás optar por contratar los servicios de una empresa especializada en el diseño de firmas HTML cómo UfirmHTML.com.

Este tipo de empresas se encargarán de diseñar una firma HTML acorde a tu imagen corporativa por poco dinero.

5€ de descuento en UfirmHTML.com

CÓDIGO: BORJAAV

¿Será necesaria una firma HTML para tu empresa?

Si.

Será recomendable contar con una firma HTML para no descuidar la imagen corporativa de tu empresa.

Es más, descuidando la imagen corporativa de tu empresa indirectamente estarás dando imagen de poca fiabilidad y profesionalidad.

Ten en cuenta que una firma HTML plana sin diseño dará sensación de dejadez.

Por lo tanto, te recomiendo encarecidamente que no descuides este aspecto tan importante de tu empresa cómo es su imagen corporativa.

Además, con los códigos HTML que te acabo de facilitar ya no tendrás excusas para tener una firma de correo corporativa profesional en tus emails.

Consejos a la hora de crear una buena firma de correo en HTML

El diseño no siempre será lo más importante a la hora de crear una firma de correo en HTML.

Sin embargo, contar con una firma única, práctica y sencilla será fundamental para que tu posible cliente cuente en todo momento con los datos de contacto de tu empresa.

Por este motivo, a continuación te daré unos consejos básicos a la hora de crear una buena firma HTML:

  1. Se conciso. De nada te servirá incluir en tu firma de email un montón de información irrelevante.
  2. Cuida el diseño de tu firma pero recuerda que menos es más.
  3. Destaca tus datos de contacto. Para ello utiliza un tamaño de letra mayor.
  4. Haz uso de las imágenes siempre que puedas. Dará igual que sea tu imagen propia o la corporativa.
  5. Incluye las redes sociales de la empresa. Con su correspondiente enlace, claro.
  6. No te olvides de incluir una forma de contacto. Tu firma al menos deberás contar con un teléfono o email de contacto.
  7. No pretendas hacer un calco de un diseño en Photoshop. Las firmas para email en HTML estarán muy limitadas en cuanto a diseño. De hecho, solo se permitirán algunas fuentes tan básicas cómo Arial, Verdana, Georgia, Tahoma, Verdana, Trebuchet MS o Times New Roman.
  8. Incluye un texto legal. Por motivos de legalidad será recomendable incluir un texto legal en tu firma HTML.

Ejemplos de firmas de correo originales y elegantes

A continuación te mostraré una serie de firmas de correo originales y elegantes en HTML que han diseñado los amigos de UfirmHTML.com:

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (11)

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (12)

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (13)

Guías para configurar tu firma HTML en los diferentes gestores de correo

Bien, una vez tengas lista tu firma HTML será el momento de configurarla en tu gestor de correo.

Para esta tarea te servirán las siguientes guías:

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (14)

Configurar firma HTML en Outlook

Configurar tu firma de correo en Outlook será muy sencillo ya que este gestor de correos es el más popular del mundo y existirán un montón de tutoriales en internet que te explicarán cómo hacerlo.

Sin embargo, para incluir tu firma de correo electrónico en Outlook te recomiendo leer la siguiente guía de UfirmHTML.

¡Solo te llevará 2 minutos!

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (15)

Insertar firma de correo HTML en Gmail

El proceso para insertar una firma de correo HTML en Gmail será algo más complejo que el anterior puesto que este gestor de correos no estará tan predispuesto a este tipo de firmas.

No obstante, con el siguiente tutorial de UfirmHTML podrás incluir tu firma HTML en Gmail en 6 sencillos pasos.

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (16)

Incluir firma HTML en el mail de Mac

Si utilizas Mac ya sabrás que el proceso para incluir tu firma HTML en el mail de Mac será algo complejo.

Por este motivo, los amigos de UfirmHTML han preparado una guía en la que te explicarán paso a paso y de forma visual cómo configurar tu firma de correo electrónico HTML en el mail de tu Mac de forma rápida y sencilla.

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (17)

Cómo añadir una firma HTML en tu iPhone o iPad

Si necesitas añadir tu firma de correo HTML en tu iPhone o iPad te recomiendo utilizar la guía de UfirmHTML ya que, de esta forma, aprenderás hacerlo en solo 5 minutos.

¡Vamos! ¡No seas perezos@!

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (18)

Cómo configurar firma HTML en Thunderbird

Si eres un aficionado al gestor de correos electrónicos de Firefox en esta guía de los amigos de UfirmHTML podrás aprender a configurar tu firma HTML en Thunderbird rápidamente.

Conclusiones sobre la utilización de firmas HTML en HTML

Cómo has visto a lo largo del post querido lector, crear una firma HTML para el correo electrónico será fundamental para tu empresa.

De hecho, no tenerla dará una imagen de dejadez y baja profesionalidad.

Por este motivo y, gracias a esta guía, ya no tendrás excusas para contar con una firma de correo electrónico profesional y seria para tu negocio.

De todos modos, cómo siempre digo, si por lo que fuese esta tarea te resultase muy complicada siempre podrás optar por contratar los servicios profesionales de UfirmHTML y ellos te ayudarán con todo el proceso.

Ahora te toca a ti querido lector ¿Te ha servido la plantilla de firma HTML? ¿Cuentas ya con una firma HTML profesional para tu empresa?

Te leo en los comentarios y nos vemos en dos semanas.

¡Hasta la próxima!

▷ Cómo crear firma HTML para tu correo o email [Guía + Plantilla] (2024)

FAQs

¿Cómo crear una firma de correo en HTML? ›

Accedemos a Opciones > Correo, y nos aparecerá una pantalla de configuración con diversas opciones de correo. Accedemos a la primera opción de Información Personal y aparecerá una pantalla en donde podemos definir la firma de correo. Puedes definir la firma como texto plano o puedes usar HTML.

¿Cómo hacer una firma HTML para GMail? ›

Abrimos GMail y nos dirigimos a la configuración: Rueda dentada de la parte superior derecha -> Ver todos los ajustes -> Pestaña General. Buscamos el apartado Firma y pegamos el contenido que copiamos en el punto 3 ahí

¿Cómo crear una firma HTML para Outlook? ›

La ventaja de utilizar una firma hecha en formato HTML es que puedes generar ligas html a tu sitio o redes, etc.
  1. PASO 1 Accede a ARCHIVO > OPCIONES.
  2. PASO 2 Da click en la opción CORREO y selecciona FIRMAS.
  3. PASO 3 Agrega una nueva FIRMA y pon un nombre original.
  4. PASO 3 Da click en ACEPTAR y cierra todas las ventanas.
17 Dec 2020

¿Cómo crear una firma para Mail? ›

Abra un mensaje nuevo. En la pestaña Mensaje, en el grupo Incluir, haga clic en Firma y, a continuación, en Firmas. En la pestaña Firma de correo electrónico, haga clic en Nueva. Escriba un nombre para la firma y haga clic en Aceptar.

¿Qué es la firma HTML? ›

La firma HTML no solo contiene tus datos básicos. También enlaces a tu página web, cuentas de Facebook, Twitter, LinkedIn, y otras redes sociales. Es una forma muy práctica de que los destinatarios puedan acceder a tus servicios y redes, o simplemente para hacer publicidad de tu negocio o tus capacidades.

¿Qué es un correo electrónico en formato HTML? ›

Los correos electrónicos HTML contienen imágenes y gráficos, fuentes de fantasía, estilo y elementos de diseño. Cualquier email que contenga bloques de imágenes, columnas, texto, barras laterales o imagen de cabecera es un correo electrónico con formato HTML.

¿Cómo hacer una firma HTML en Thunderbird? ›

Asegúrate de que se muestra la barra de herramientas de formato HTML. (Si no puedes ver la barra de herramientas, estás redactando el mensaje con formato de texto plano. Para cambiarlo a HTML, selecciona el menú Opciones | Formato | Sólo texto enriquecido(HTML). Redacta y formatea tu firma como desees.

¿Cómo añadir un logo a la firma de Gmail? ›

Para hacer esto, vayan a la sección de Firma en la configuración general de su Gmail, hagan clic en el icono para insertar imágenes y seleccionen la imagen que desean incluir en su firma. Si aún no la tienen en su biblioteca, pueden subir una desde la misma ventana e insertarla.

¿Qué es formato HTML en Outlook? ›

Este es el formato de mensaje predeterminado en Outlook. HTML también es el mejor formato para crear mensajes que se parezcan a documentos tradicionales, con varias fuentes, colores y listas numeradas y con viñetas, y cuando quiera mostrar imágenes dentro del mensaje.

¿Cómo insertar HTML en Outlook 365? ›

Cargue un archivo HTML en Outlook 365

2. Haga clic con el botón derecho en el área de la barra de herramientas y seleccione "Personalizar la cinta". 3. Seleccione" Adjuntar archivo "y luego haga clic en el botón Agregar para que se pueda agregar a su barra de herramientas.

¿Cómo hacer una buena firma? ›

Debe ser clara: Hay tres tipos de firmas, la firma pura (totalmente legible), la firma con inclusión rúbrica (contiene escritura legible y agrega adornos u objetos adicionales) y la rúbrica pura (un trazado ilegible). Se recomienda tener una firma pura, es decir, diáfana.

¿Cómo poner una firma HTML en Mail de Mac? ›

Cómo insertar tu firma de email en Mail de Mac
  1. Abre el archivo . html con tu navegador. ...
  2. Selecciona y copia la firma. En la pestaña Editar > Seleccionar todo y luego copia (Cmd+C) o Editar > Copiar.
  3. Abrir Mail. ...
  4. Crear una firma nueva. ...
  5. Insertar el diseño de la firma.

¿Cómo es la firma de un e mail? ›

La firma de correo electrónico es un texto, como tu información de contacto o cita favorita, que se agrega automáticamente al final de los mensajes de Gmail en forma de pie de página.

¿Cuál es el pie de firma? ›

Es la palabra o frase de cortesía que se emplea cuando se ha concluido la redacción del texto de un documento administrativo. Como su nombre señala, precede a la firma del responsable de la comunicación. En la actualidad, la fórmula que más se usa como antefirma viene a ser la palabra atentamente.

¿Qué es .HTML y para qué sirve? ›

El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos.

¿Qué documentos digitales tienen formato HTML? ›

Los archivos HTML tienen la extensión . html ó htm y para ver la estructura de una página web en lenguaje HTML, los navegadores suelen disponer de un menú con la opción "Ver" desde la que se puede visualizar el código fuente de la página HTML.

¿Cómo sacar el HTML de un correo? ›

Seleccione el mensaje cuyo código fuente desee ver y, vaya al menú superior Visualización / Mensaje y seleccione Fuente sin formato o use el acceso directo Alt + Comando + U .

¿Cómo copiar HTML de un email? ›

Para copiar el HTML del correo electrónico al portapapeles, resalta el contenido de la página, haz clic con el botón derecho y luego selecciona Copiar.

¿Cómo ver un mail en HTML? ›

Aunque haya establecido la visualización de los mensajes como texto sin formato, Outlook ofrece la posibilidad de mostrar un mensaje en formato HTML: tras abrir el mensaje, haga clic en la barra de información y luego en la opción Mostrar como HTML; la opción Seguridad de correo electrónico abre el cuadro de diálogo ...

¿Cómo hacer una imagen de mi firma? ›

Necesita un escáner para hacerlo.
  1. Escriba su firma en un pedazo de papel.
  2. Escanee la página y guárdela en el ordenador en un tipo de archivo común: . ...
  3. En la pestaña Insertar, haga clic en Imágenes > Imagen desde archivo.
  4. Busque el archivo . ...
  5. Haga clic en la imagen para que se muestre la pestaña Formato de la imagen.

¿Cómo poner firma en Outlook desde Chrome? ›

En la barra de navegación superior, elija Configuración > Correo, y se abrirá el panel Opciones a la izquierda. En el panel Opciones, en Correo, elija Diseño > Firma de correo electrónico. En el cuadro de texto, escriba la firma y use las opciones de formato disponibles para cambiar su aspecto.

¿Cómo hacer una firma HTML para iPhone? ›

Accedemos a “firmas” y dentro de esta opción, encontraremos un cuadro de texto. Manteniendo el dedo pulsado sobre él, te aparecerán varias opciones entre la que estará 'Pegar', lo hacemos. Tras haber pegado la firma, podrás comprobar que ha perdido algunos de los formatos que habías elegido.

¿Cómo insertar firma HTML en iPhone? ›

  1. Vete en el iPhone o iPad a Ajustes > Correo > Firmas.
  2. Localiza la cuenta cuya firma quieras configurar tal y como explicaba en el punto anterior del artículo.
  3. En recuadro para la firma, deja el dedo unos momentos sobre una parte en blanco y selecciona “pegar”. Se debería pegar la firma.
  4. Agita el iPhone o iPad.
28 May 2017

¿Cuál es la licencia de Thunderbird? ›

Thunderbird es software libre. Cualquiera puede descargar y utilizar el programa libremente e incluso ver y modificar el código fuente bajo los términos de la licencia.

¿Qué es la firma de Gmail? ›

La firma de correo electrónico es un texto, como tu información de contacto o cita favorita, que se agrega automáticamente al final de los mensajes de Gmail en forma de pie de página.

¿Cómo convertir un correo en HTML? ›

Cambiar el formato del mensaje para todos los mensajes que envíe
  1. En la pestaña Archivo, seleccione Opciones > Correo.
  2. En Redactar mensajes, en la lista Redactar mensajes en este formato, haga clic en HTML, Texto enriquecido o Texto sin formato.

¿Cómo poner firma HTML en Outlook 365 Web? ›

Crear y agregar una firma de correo electrónico en Outlook
  1. Vaya a Configuración. > Ver todas las opciones de configuración de Outlook > Redactar y responder.
  2. Bajo Firma de correo electrónico, escriba su firma y use las opciones de formato disponibles para cambiar su aspecto. ...
  3. Haga clic en Guardar cuando haya terminado.

¿Cómo copiar el HTML de un correo electronico? ›

Para copiar el HTML del correo electrónico al portapapeles, resalta el contenido de la página, haz clic con el botón derecho y luego selecciona Copiar.

¿Cómo ver el código HTML de un correo de Outlook? ›

Aunque haya establecido la visualización de los mensajes como texto sin formato, Outlook ofrece la posibilidad de mostrar un mensaje en formato HTML: tras abrir el mensaje, haga clic en la barra de información y luego en la opción Mostrar como HTML; la opción Seguridad de correo electrónico abre el cuadro de diálogo ...

¿Qué elemento HTML se usa para identificar el documento? ›

Todos los documentos HTML deben tener un elemento TITLE en la sección HEAD . Los autores deberían utilizar el elemento TITLE para identificar los contenidos de un documento. Debido a que los usuarios a menudo consultan documentos fuera de contexto, los autores deberían proporcionar títulos ricos en contexto.

¿Cómo abrir Gmail sin HTML? ›

Si usas un navegador que funciona con Gmail, verás Gmail en la vista estándar. En esta vista puedes usar todas las funciones de Gmail.

¿Cómo poner una imagen en la firma de Webmail? ›

Puedes crear una firma con imagen para tus cuentas de correo electrónico directamente desde Webmail, sólo debes hacer click en Configuración> Identidades> Seleccionas la cuenta de correo> Luego haces clic en el icono de imagen/html.

¿Cómo insertar una firma en Webmail? ›

Crear una firma en Webmail
  1. Abre el menú desplegable Correo y haz clic en Firmas.
  2. Haz clic en el botón + Añadir nueva firma.
  3. Asigna un nombre a la firma, escribe el contenido en el cuadro de texto y especifica dónde debe insertarse la firma. Por último, haz clic en Guardar.

¿Cómo hacer una firma de correo con imagen en Outlook? ›

Abra Outlook y haga clic en Archivo en el menú superior. Abra la ventana de un nuevo mensaje. Haga clic en la opción Firma en la cinta superior > Luego haga clic en Firmas. La ventana de ajustes de Firmas se abrirá.

¿Cómo se activa el HTML? ›

Puede cambiar el formato de un mensaje de correo electrónico de texto plano a HTML eligiendo Formato ▸ HTML desde la barra de menú. Alternativamente, puede cambiar la primera lista desplegable de debajo de la línea del Asunto de Texto plano a HTML.

¿Cómo abrir un mensaje HTML? ›

Para ver el código fuente HTML de los mensajes creados o recibidos por Mail, siga estos pasos: Seleccione el mensaje cuyo código fuente desee ver y, vaya al menú superior Visualización / Mensaje y seleccione Fuente sin formato o use el acceso directo Alt + Comando + U .

¿Cómo ver el código de un correo? ›

Haga clic en los tres puntos a la derecha de la cuenta de correo electrónico de la que necesita el código fuente. Haga clic en Ver código fuente en el menú desplegable.

Top Articles
Latest Posts
Article information

Author: Tuan Roob DDS

Last Updated:

Views: 6071

Rating: 4.1 / 5 (42 voted)

Reviews: 81% of readers found this page helpful

Author information

Name: Tuan Roob DDS

Birthday: 1999-11-20

Address: Suite 592 642 Pfannerstill Island, South Keila, LA 74970-3076

Phone: +9617721773649

Job: Marketing Producer

Hobby: Skydiving, Flag Football, Knitting, Running, Lego building, Hunting, Juggling

Introduction: My name is Tuan Roob DDS, I am a friendly, good, energetic, faithful, fantastic, gentle, enchanting person who loves writing and wants to share my knowledge and understanding with you.