Generador de firma de correo HTML gratis. Diseña, copia y envía.
Crea una firma de correo electrónico profesional para Gmail, Outlook, Apple Mail o Thunderbird. Elige un diseño, incorpora tu marca y consigue HTML con tablas y estilos en línea, listo para copiar o descargar. Sin registro ni marcas de agua.
GMAIL / OUTLOOK / MAIL
Tu firma profesional. Hecha a medida en minutos.
La vista previa cambia mientras escribes. Puedes copiar la firma con formato para pegarla en el editor de tu correo, copiar su código HTML o guardar un archivo .html. El diseño final evita dependencias de CSS externo; aun así, cada cliente de correo puede interpretarlo de manera diferente.
Vista previa en directo
Hola,
Gracias por tu mensaje. Seguimos en contacto.
Un saludo,
Lo que ves es una simulación del navegador, no una captura real de Gmail o Outlook. En modo oscuro solo cambia el fondo de prueba: cada aplicación puede modificar colores de forma distinta.
Comprobación orientativa
- Nombre de firma incluido
- Datos clicables y enlaces seguros
- Tabla y estilos en línea
Ver el código HTML generado
Este código se utiliza en gestores que admiten HTML. Para Gmail y Outlook web, suele ser más sencillo pulsar «Copiar firma con formato» y pegar el resultado visual.
Cómo crear una firma de correo HTML sin escribir código.
El objetivo es que tu firma resulte coherente con tu marca y práctica para la persona que lee tus mensajes. No necesitas conocimientos de programación ni instalar un editor.
Escoge una plantilla.
Prueba editorial, clásica, minimalista o compacta. Empieza por la que mejor se adapte a tu rol y al volumen de correos que envías.
Introduce tus datos.
Nombre, cargo, empresa, correo, teléfono y web. Evita incluir información que tus destinatarios no necesitan.
Personaliza la marca.
Elige el color, incorpora un logotipo público HTTPS y decide si necesitas enlaces profesionales o llamada a la acción.
Revisa la vista previa.
Comprueba legibilidad, orden de la información, longitud de URLs, espacios y contraste en fondo claro y oscuro.
Copia o descarga.
Usa la copia visual para editores de firmas con formato. Descarga el HTML para conservarlo o usarlo con aplicaciones compatibles.
Instala y prueba.
Envíate un mensaje real a varias cuentas, comprueba enlaces, imágenes, móvil y respuestas. Ajusta la firma si aparece algún problema.
Ejemplos de firmas de correo para distintos perfiles.
Una firma bien diseñada sirve para identificar al remitente y facilitar el siguiente paso. Estas tres muestras son ficticias y pueden cargarse en la herramienta para editarlas. No tienes que utilizar todos los campos.
Firma de empresa
Nombre y apellidos, cargo, denominación de empresa y contacto corporativo. Es la mejor opción cuando varias personas necesitan mantener una identidad uniforme.
Firma personal
Da prioridad al nombre, especialidad y enlace al portfolio o sitio profesional. Un correo sencillo suele comunicar mejor que cinco banners promocionales.
Firma con CTA
Añade una acción relevante: agendar una reunión, consultar un catálogo o solicitar una propuesta. Utiliza un solo CTA y evita enlaces que compitan entre sí.
¿Qué datos debería incluir una firma profesional?
Lo esencial suele ser el nombre completo, puesto, empresa y un contacto útil. La web y LinkedIn tienen sentido cuando el destinatario necesita ampliar información. El teléfono solo es necesario si quieres recibir llamadas; una dirección postal puede ser pertinente para determinados departamentos, pero no es un requisito general de diseño.
Si gestionas varias marcas o respondes desde distintos departamentos, prepara firmas distintas para cada contexto. Una firma comercial puede incluir un enlace para concertar una reunión; una firma interna puede reducirse a nombre, puesto y extensión. El objetivo no es ocupar más espacio, sino transmitir la información adecuada.
Cómo añadir tu firma HTML a Gmail, Outlook y Apple Mail.
El paso decisivo es diferenciar copiar la firma visual con formato de copiar el código HTML. Los editores de firmas de Gmail y Outlook suelen esperar contenido con formato, no etiquetas como <table> escritas en el campo.
Instalar una firma HTML en Gmail
- Personaliza el generador y pulsa «Copiar firma con formato».
- Abre Gmail en el ordenador. Entra en Configuración → Ver todos los ajustes → General → Firma.
- Pulsa Crear, escribe un nombre para la firma y pega el contenido visual copiado con Ctrl+V (Windows) o ⌘V (Mac).
- Elige la firma predeterminada para correos nuevos y, si te interesa, para respuestas y reenvíos.
- Baja al final de la configuración y pulsa Guardar cambios. Envíate un correo de prueba.
Nuevo Outlook para Windows y Outlook web
- Desde esta página, pulsa «Copiar firma con formato».
- Abre Outlook y entra en Configuración → Cuentas → Firmas (la posición exacta puede cambiar según la versión).
- Crea una firma nueva y pega el resultado en su editor visual.
- Guarda, asigna el comportamiento para mensajes nuevos y respuestas o reenvíos, y comprueba una redacción de prueba.
- Revisa el resultado recibido en otra cuenta, especialmente cuando utilices imágenes.
Outlook clásico de escritorio
- Copia la firma con formato o descarga el archivo HTML para conservar el diseño.
- Abre Outlook clásico y busca Archivo → Opciones → Correo → Firmas. En algunas compilaciones puedes llegar desde el botón Firma de un mensaje nuevo.
- Crea una firma, asígnale un nombre y pega el contenido con formato en el editor.
- Asocia la firma a la cuenta y define su uso para mensajes nuevos y respuestas.
- Envíate pruebas: Outlook clásico puede tratar tablas, fuentes e imágenes de manera distinta a Outlook web.
.html no significa que Outlook lo importe automáticamente desde el editor: la vía ordinaria es crear la firma y pegar su contenido visual. Microsoft Support ↗.Apple Mail en macOS
- Abre Mail → Ajustes → Firmas.
- Selecciona la cuenta y crea una firma nueva.
- Prueba a pegar la firma copiada con formato. Si la aplicación sustituye las fuentes o el espaciado, revisa el ajuste de utilizar la fuente predeterminada del mensaje.
- Define la firma predeterminada para la cuenta y prueba un envío real.
Mozilla Thunderbird
- Descarga tu archivo HTML con el botón del generador.
- En Thunderbird abre los ajustes de la cuenta desde Configuración de las cuentas.
- Activa la opción Adjuntar la firma desde un archivo y elige el fichero
.html. - Redacta un correo nuevo, revisa el resultado y comprueba su recepción.
Por qué una firma de correo HTML no se diseña como una página web.
Un sitio web actual puede utilizar CSS Grid, Flexbox, fuentes externas, scripts y componentes interactivos. Los clientes de email pueden bloquearlos, modificarlos o ignorarlos. Para una firma profesional, menos tecnología suele significar más estabilidad.
Diseño web convencional
Puede depender de clases CSS, layouts Grid/Flex, hojas externas, JavaScript y efectos de animación. Esas posibilidades no tienen soporte uniforme en aplicaciones de correo.
Riesgo: un elemento que funciona en Chrome puede verse roto cuando se pega en determinadas versiones de Outlook.
HTML preparado para email
Utiliza tablas para la estructura, estilos style="..." junto a cada elemento, fuentes comunes, enlaces normales y dimensiones explícitas en imágenes.
Ventaja: facilita un resultado más consistente, aunque ningún generador puede asegurar una representación idéntica en todos los clientes.
Elementos que incluye el HTML generado
La salida está construida con <table>, <tbody>, <tr> y <td>, con atributos de presentación tradicionales y propiedades CSS en línea. Los datos de contacto permanecen como texto seleccionable; el email enlaza mediante mailto:, el teléfono mediante tel: y la web mediante https://. No se añaden scripts, fuentes web ni librerías externas dentro de la firma.
En una firma compacta se priorizan nombre, cargo, contacto y espacio reducido. En una firma editorial se reserva una columna estrecha para la imagen o iniciales. Ambas se pueden reutilizar en distintos programas, pero para equipos que trabajan con Outlook clásico conviene enviar pruebas de aceptación antes de distribuir una plantilla a todos los empleados.
| Característica | Decisión recomendada | Por qué |
|---|---|---|
| Estructura | Tablas HTML simples | Mayor previsibilidad en clientes antiguos y Outlook clásico. |
| Estilos | CSS inline | Muchos editores y clientes eliminan o reescriben reglas externas. |
| Fuentes | Arial, Georgia y alternativas del sistema | Una fuente web personalizada no siempre estará disponible en el destinatario. |
| Imágenes | PNG o JPG accesible por HTTPS; atributos de tamaño y ALT | Evita rutas locales. Ayuda a entender la firma si la imagen está bloqueada. |
| Enlaces | HTTPS, mailto y tel | Facilita clics útiles sin scripts ni comportamientos especiales. |
| Animaciones | Evitar en firmas generales | El movimiento puede ser distractor o no reproducirse de modo consistente. |
| Modo oscuro | Contraste alto y pruebas reales | Algunos clientes alteran fondos o colores de texto automáticamente. |
| Diseño móvil | Anchura contenida y copy breve | Reduce desplazamientos y el riesgo de composiciones demasiado anchas. |
Referencias técnicas: Litmus, renderizado en Outlook y Litmus, tablas en email. La compatibilidad real depende de la versión, del sistema y de las transformaciones realizadas por cada cliente.
Cómo poner un logo en tu firma sin que desaparezca.
Los errores más habituales de una firma con imagen no están en su aspecto, sino en el origen del archivo: rutas locales, permisos privados, URLs temporales o un tamaño excesivo.
Publica la imagen
Sube el logotipo a una ubicación pública estable, por ejemplo la biblioteca de medios de tu WordPress. Copia su URL directa HTTPS y comprueba que funciona sin sesión iniciada.
Optimiza el archivo
Usa una imagen nítida, de peso moderado y proporciones apropiadas. El generador permite visualizarla a 64, 82 o 100 píxeles de ancho.
La información es texto
El nombre y el cargo deben seguir leyéndose cuando las imágenes no cargan. Por eso una única imagen que contenga toda la firma suele ser una mala solución.
¿Es mejor insertar un logo en base64, adjunto o por URL?
Para esta herramienta se ha elegido una URL HTTPS pública. Las imágenes convertidas a data: (base64) no ofrecen un comportamiento uniforme al copiar firmas entre clientes; otras formas de adjuntar imágenes dependen del editor y pueden añadir archivos al mensaje. El objetivo es mantener el HTML transportable y evitar que un archivo local en tu ordenador se convierta en un enlace roto.
Una URL pública no garantiza que siempre se visualice: un destinatario puede bloquear la carga de imágenes y algunos sistemas corporativos aplican filtros. Por eso todas las firmas generadas conservan el nombre y los contactos como texto; el logotipo es un complemento, no la única fuente de información.
¿Puedo incluir redes sociales y un botón?
Sí. Introduce las URLs completas de LinkedIn e Instagram, o tu número internacional de WhatsApp, y aparecerán enlaces de texto clicables. Los enlaces de texto suelen resultar más robustos que pequeñas colecciones de iconos que pueden ser bloqueados. El botón opcional permite enlazar una agenda, un portfolio o una página de servicios. Elige una sola acción principal para no convertir cada email en un anuncio.
¿Qué sucede con el modo oscuro?
Algunos programas respetan los colores de origen, mientras que otros invierten total o parcialmente textos y fondos. Por eso conviene utilizar tipografía oscura sobre un fondo blanco, evitar logotipos con contraste frágil y probar la firma en distintos dispositivos. El conmutador de este generador sirve para observar el contexto, no reproduce el motor de modo oscuro de Gmail u Outlook.
Los ocho errores que hacen que una firma parezca poco profesional.
El generador ayuda a construir una base técnica, pero la revisión final debe hacerse dentro del programa de correo real.
01. Convertir toda la firma en imagen.
Si la imagen no carga, desaparecen el nombre y los datos de contacto. Usa texto HTML real.
02. Pegar las etiquetas en Gmail.
El editor visual no es un editor de código fuente. Copia la firma con formato, no el HTML en bruto.
03. Insertar una ruta local.
Un enlace como C:\logo.png no será accesible por el destinatario. Emplea HTTPS público.
04. Demasiados enlaces y banners.
Cuatro CTA distintos compiten entre sí, ocupan espacio y distraen de la conversación.
05. Texto pequeño y poco contraste.
Un gris muy claro sobre blanco puede volverse casi ilegible. Prioriza un contraste cómodo.
06. Dar por hecho el modo oscuro.
Los clientes pueden alterar colores. Comprueba al menos una recepción en fondo oscuro.
07. Un aviso legal sin revisar.
No copies cláusulas genéricas suponiendo que son suficientes para cualquier actividad o jurisdicción.
08. No probar envíos reales.
La vista previa del navegador no sustituye la prueba en Gmail, Outlook, móvil y respuestas largas.
Una firma bonita no basta. También debe trabajar para tu marca.
La firma es una pieza pequeña, pero se repite en las conversaciones con clientes, proveedores y colaboradores. Su función principal es identificar al remitente y facilitar el contacto. La coherencia visual —color, orden de datos, tipografía y tamaño del logotipo— ayuda a que distintas personas de la empresa presenten una imagen reconocible.
Para un equipo, lo más eficiente es definir primero una plantilla maestra: qué datos son obligatorios, cuándo se muestra el teléfono, qué enlaces se permiten, cómo debe llamarse la empresa y dónde está alojado el logotipo. Después se genera una variante por persona y se prueba en el cliente de correo predominante. El ahorro de tiempo viene de esa estandarización, no de producir una firma con decenas de elementos.
Firma para marketing, ventas y comercio electrónico
En marketing puede ser útil incluir un enlace al portfolio o a una página de servicios. Para una tienda online, una dirección de soporte o un enlace al centro de ayuda puede aportar más valor que una promoción genérica. En ventas, un CTA para reservar una llamada tiene sentido si se mantiene actualizado. Evita prometer resultados comerciales por el mero hecho de añadir un banner.
Firma de correo y normativa: ¿qué información es obligatoria?
No existe una lista única de elementos legales obligatorios aplicable a todos los correos, empresas y países. Algunas entidades deben cumplir obligaciones de identificación mercantil u otras exigencias sectoriales. Si necesitas insertar un pie legal, utiliza el campo opcional y valida el texto con la persona responsable de cumplimiento. Un aviso de confidencialidad no sustituye una política de privacidad ni garantiza por sí solo el cumplimiento del RGPD.
¿Puedo medir clics de la firma?
Puedes dirigir un enlace a una URL de campaña con parámetros UTM, siempre que sea apropiado para tu estrategia de medición y para el contexto del destinatario. Sin embargo, las firmas no son campañas de email marketing: no presupongas que cada clic o apertura puede medirse con precisión y evita introducir píxeles de seguimiento ocultos en firmas personales sin una evaluación de privacidad.
Todo sobre el generador de firma de correo HTML gratis.
Respuestas directas a las dudas sobre creación, código, imágenes, instalación y compatibilidad. Estas preguntas están en el HTML de la página y se pueden leer sin JavaScript.
¿Cómo crear una firma de correo HTML gratis?
Elige una plantilla en el generador, introduce tus datos, personaliza el color y añade enlaces si los necesitas. Después pulsa «Copiar firma con formato» o «Descargar .html». No hace falta crear una cuenta.
¿Qué diferencia hay entre copiar la firma y copiar el HTML?
Copiar la firma con formato prepara el contenido visual para pegarlo en el editor de firmas de Gmail o Outlook. Copiar HTML guarda las etiquetas de código para un editor técnico o una aplicación que acepte HTML en bruto. Pegar etiquetas directamente en un editor visual normalmente no produce el resultado esperado.
¿Es compatible con Gmail y Outlook?
El generador utiliza tablas HTML, tipografías comunes y CSS en línea para favorecer la compatibilidad. No garantiza un aspecto idéntico en todas las versiones. Gmail, nuevo Outlook, Outlook web y Outlook clásico pueden interpretar el resultado de manera distinta, por lo que debes hacer una prueba.
¿Se puede hacer una firma de correo con logo?
Sí. Añade la URL pública HTTPS de una imagen PNG o JPG y define su tamaño. Si la imagen está alojada en una ubicación privada o no es accesible, algunos destinatarios verán una imagen rota o un espacio vacío.
¿Puedo subir una imagen desde mi ordenador?
Esta versión utiliza una URL pública en lugar de subir archivos. Es una elección deliberada: las rutas locales y las imágenes insertadas como datos base64 pueden generar problemas de compatibilidad al copiar la firma entre aplicaciones.
¿Puedo utilizar la firma sin marca de agua?
Sí. La herramienta es gratuita y no añade enlaces promocionales ni marcas de agua dentro del HTML generado. Los datos ficticios iniciales son únicamente un ejemplo editable.
¿Qué tamaño debe tener una firma de correo?
No existe una anchura universal obligatoria. Como criterio práctico, conviene utilizar una composición contenida, pocos enlaces y un logotipo discreto. El HTML de esta herramienta limita su ancho visual a una composición pensada para lectura de escritorio y móvil, sin que eso asegure el mismo comportamiento en cada cliente.
¿Qué fuente funciona mejor en una firma HTML?
Arial, Georgia y otras fuentes extendidas ofrecen mayor previsibilidad que una tipografía web personalizada. Aunque tu web utilice Sora o DM Sans, no debes asumir que estarán instaladas en el dispositivo de la persona que recibe el correo.
¿Cómo instalar el archivo .html en Gmail?
Gmail ofrece un editor visual de firmas. La opción más directa es copiar la firma con formato y pegarla en Configuración → Ver todos los ajustes → General → Firma. El archivo HTML descargado sirve para conservar o abrir la firma en un navegador y copiar su contenido visual.
¿Cómo poner una firma con HTML en Outlook clásico?
Crea una firma desde las opciones de Outlook clásico y pega el contenido con formato. El comportamiento de las tablas y las imágenes puede diferir del de Outlook web. Revisa la firma con un correo recibido antes de aplicarla a un equipo.
¿Se puede usar en el móvil?
La firma puede recibirse y mostrarse en dispositivos móviles, pero la creación y la configuración de firmas en las apps de Gmail y Outlook móvil no siempre equivalen a las del escritorio. Configura y prueba cada aplicación por separado.
¿Por qué no se ve mi firma o desaparece el logo?
Las causas frecuentes son imágenes bloqueadas, URLs privadas o caducadas, enlaces locales, cambios del editor al pegar y reglas de seguridad corporativas. Comprueba primero la URL del logo en una ventana privada y después realiza una prueba real entre cuentas.
¿Puedo añadir LinkedIn, Instagram o WhatsApp?
Sí. Los campos opcionales generan enlaces de texto. Introduce URLs completas en las redes y un número internacional válido en WhatsApp. No aparecen enlaces vacíos si no rellenas esos campos.
¿El generador guarda mis datos personales?
El código de esta herramienta realiza la generación en tu navegador y no envía los campos a un servicio de generación externo. Tu sitio WordPress, sus plugins, la analítica y las imágenes externas pueden tener tratamientos propios: consulta la política de privacidad publicada en la web.
¿Una firma HTML profesional aumenta las ventas?
Puede facilitar el contacto y reforzar la presentación de marca, pero no existe una mejora garantizada. Su utilidad depende de la relevancia de los datos, la claridad del CTA, la relación con los destinatarios y otros factores comerciales.
¿Hace falta añadir un aviso de confidencialidad o protección de datos?
Depende del tipo de organización, sector y normativa que le resulte aplicable. No hay una cláusula universal válida para cualquier firma. Consulta al departamento responsable antes de incorporar declaraciones legales.
Documentación contrastada para trabajar con criterio.
Revisión editorial: 17 de octubre de 2026. Se han priorizado las instrucciones de los proveedores para los pasos de configuración y documentación de referencia en desarrollo de email para las decisiones técnicas. Una interfaz puede cambiar después de esta fecha.
Autor, alcance y limitaciones
Roger Llorens desarrolla este recurso desde el enfoque de marketing digital, experiencia de usuario y diseño aplicado a comunicaciones profesionales. La herramienta entrega HTML editable y una vista previa; no es un servicio de envío de correo ni certifica la compatibilidad exacta con cada versión de cada cliente. Los nombres y empresas de los ejemplos son ficticios.
Si vas a distribuir firmas a decenas o cientos de personas, define un estándar corporativo y realiza pruebas en un entorno controlado. En algunos sistemas administrados, las firmas también se pueden implantar mediante soluciones centralizadas que no están cubiertas por este generador individual.
