¿Odias los anuncios? Ir Sin publicidad Hoy 

Generador de firma de correo HTML

DesarrolladorTexto

ANUNCIO · ¿ELIMINAR?

APORTE

Proceso automático

Información personal

Nombre completo

Cargo

Empresa

Teléfono

Correo electrónico

Sitio web

Dirección

Estilo

Diseño

Familia tipográfica

Color de acento

Usado para el nombre, enlaces y el divisor vertical.

Color del texto

Tamaño de fuente

Foto y Logo

Incluir foto de perfil

URL de foto

La imagen cuadrada funciona mejor (90x90 o mayor).

Forma de la foto

Incluir logo de la empresa

URL del logo

Enlaces sociales

URL de LinkedIn

Deje en blanco para ocultar este icono.

URL de Twitter / X

URL de GitHub

URL de Instagram

Descargo de responsabilidad

Incluir advertencia o nota legal

Texto de la advertencia

PROD.

Lado cliente

Rellene los campos de la izquierda para ver una vista previa en vivo aquí.

HTML de firma

HTML estilizado inline para Gmail, Outlook, Apple Mail y la mayoría de los clientes de correo electrónico.

ANUNCIO · ¿ELIMINAR?

Guía

Generador de firma de correo HTML

Cree una firma de correo electrónico pulida y lista para copiar en segundos. Elija un diseño, introduzca su nombre, rol, contactos, enlaces sociales, color de énfasis y opcionalmente una foto de perfil o logo de empresa — la herramienta muestra una vista previa en vivo y genera HTML estilizado inline que se pega sin problemas en Gmail, Outlook, Apple Mail y la mayoría de otros clientes de correo electrónico.

Cómo Usar

Rellene Información personal: nombre completo, título, empresa, teléfono, correo electrónico, sitio web y dirección. Deje cualquier campo en blanco para ocultar esa línea.
Elige un Diseño (horizontal, vertical o texto solo), familia de fuentes, color de énfasis y color del texto. La vista previa se actualiza mientras escribe.
Alternar el foto de perfil encendido o apagado, pegue una URL de imagen y elija una forma circular, redondeada o cuadrada. Agregue un logo de empresa de la misma manera si desea uno.
Pegue URLs en los Enlaces sociales campos que desee incluir (LinkedIn, Twitter / X, GitHub, Instagram). Los campos vacíos se omiten — no hay iconos rotos.
Haz clic en Copiar firma renderizada y pegue en las configuraciones de firma de su cliente de correo electrónico. O use Copiar HTML si prefiere pegar el marcado bruto.

Características

Previsualización en tiempo real — vea exactamente lo que verán los destinatarios, dentro de una shell de correo falso con saludo y cierre.
Tres diseños — horizontal (foto a la izquierda, texto a la derecha con divisor de énfasis), vertical (foto encima del texto) y compacto (texto solo).
HTML estilizado inline — cada elemento utiliza CSS inline para que las firmas se rendericen de forma confiable en Gmail, Outlook desktop, Outlook web, Apple Mail y la mayoría de los clientes móviles.
Filas de contacto inteligentes — los números de teléfono se convierten en tel: enlaces, los correos electrónicos se convierten en mailto:, las URLs de sitios web se convierten en enlaces clicables, las direcciones permanecen como texto plano.
Forma configurable de la foto — círculo, cuadrado redondeado o cuadrado duro. Elige el aspecto que coincida con tu marca.
Conjunto de íconos sociales — LinkedIn, Twitter / X, GitHub, Instagram. Los campos vacíos se omiten silenciosamente.
Bloque opcional de advertencia — para la nota legal o de confidencialidad que muchas empresas requieren.
Dos modos de copia — copie la firma renderizada (pegue como texto rica en Gmail) o copie el HTML bruto (para editores avanzados).
Funciona completamente en tu navegador — nada se sube a un servidor. Las URLs de sus fotos y los detalles de contacto nunca dejan su dispositivo.

 Preguntas frecuentes

¿Por qué las firmas de correo electrónico usan CSS inline en lugar de una hoja de estilos?

La mayoría de los clientes de correo electrónico eliminan bloques , etiquetas y CSS externos por razones de seguridad y de renderizado. Outlook en particular ignora clases y hojas de estilos y solo reconoce atributos de estilo inline en elementos individuales. Incluir directamente cada regla en el elemento que la necesita es la forma más confiable para mantener la firma con el mismo aspecto en Gmail, Outlook, Apple Mail y en los clientes móviles.
¿Por qué las firmas de correo electrónico se construyen con tablas HTML en lugar de divs y flexbox?

Outlook en Windows utiliza el motor de renderizado de Microsoft Word para correos HTML, que tiene poca compatibilidad con los diseños modernos de CSS. Las tablas con atributos explícitos de ancho, padding y borde son la única primitiva de diseño que se renderiza de la misma manera en Word-Outlook que en cualquier otro lugar. El uso de tablas anidadas para las columnas de foto y texto es el patrón de compatibilidad bien establecido para correos HTML.
¿Cuál es la diferencia entre pegar la firma renderizada y pegar el código HTML bruto?

Pegar la firma renderizada (texto rico) permite que el cliente de correo capture la salida visual y reconstruya su propio HTML alrededor de ella — eso es lo que espera el editor de firmas de Gmail. Pegar el código HTML bruto es lo que desean los editores avanzados (archivos de firma de Outlook desktop, archivos plist de Apple Mail, gestores de firmas de terceros), porque almacenan el marcado tal cual y lo re-renderizan al enviar.
¿Por qué las imágenes de firmas de correo deben estar alojadas en una URL pública en lugar de adjuntadas?

Si una foto está adjunta o incrustada como una URL data:, muchos clientes la muestran como un indicador de adjunto o simplemente la ocultan. Enlazar a una URL HTTPS pública permite que el cliente del destinatario la obtenga directamente, como ocurre en cualquier otro correo HTML. El bloqueo de imágenes es la única forma de ocultarla, y los destinatarios pueden elegir una vez y tenerla funcionando en todos los correos futuros.
¿Por qué los enlaces mailto: y tel: funcionan incluso en clientes conservadores de correo?

mailto: and tel: are URI schemes defined in the HTML spec and supported by every operating system, so email clients treat them the same way browsers do — clicking them hands the URI off to the OS, which opens the default mail or phone app. Because the scheme handlers live in the OS, no third-party permissions or special rendering is required, which is why these links survive even the strictest email-client sanitizers.