¿Cómo añado la firma a mi cliente de correo?

Copia el código HTML generado por la herramienta y pégalo directamente en el editor de firmas de Gmail, Outlook o Apple Mail.

¿Qué redes sociales se detectan automáticamente?

La herramienta detecta enlaces de LinkedIn, X (Twitter), GitHub, Instagram, Facebook y YouTube para generar sus respectivos iconos.

¿Cómo funciona el tema automático?

El tema automático inyecta estilos multimedia que adaptan la firma al modo claro u oscuro según la configuración del sistema del destinatario.

¿Por qué se utiliza una estructura de tablas HTML?

Las tablas con estilos en línea son el estándar más seguro para asegurar que la firma se renderice correctamente en clientes de correo antiguos y modernos.

¿Dónde se almacenan mis datos personales?

Todo el procesamiento se realiza de forma local en tu navegador, por lo que tus datos de contacto no se envían a ningún servidor externo.

Elysia Tools

Navegación

Design

Constructor de firmas de correo HTML

Genera una firma de correo HTML limpia y lista para copiar-pegar que se ve correctamente en Gmail, Outlook y Apple Mail — con avatar/logo, iconos sociales (auto-detectados desde tus enlaces), color de acento, tema claro/oscuro/auto, y un diseño basado en tablas con estilos en línea seguro para correo. Copia el HTML y pégalo en tu cliente.

Detalles

Qué te ayuda a hacer esta herramienta

Crea una firma de correo profesional que funciona en todos los clientes:

Completa tus datos — nombre, cargo, empresa, correo, teléfono, sitio, dirección y una URL pública de foto/logo.
Elige un diseño — lado a lado (foto izquierda con divisor de acento) o apilado (solo texto). La foto se oculta si no provees URL.
Estiliza — color de acento, fuente web-safe y tema Claro/Oscuro/Auto (Auto inyecta un bloque prefers-color-scheme que Apple Mail respeta).
Añade redes — pega enlaces de LinkedIn, X, GitHub, Instagram, Facebook o YouTube; los iconos se renderizan como data-URI SVG inline seguros para correo.
Copia el HTML — firma tabular autocontenida con estilos inline, lista para pegar en Gmail/Outlook/Apple Mail.

Todo corre localmente.

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Ejecuciones de ejemplo preparadas

Haz clic en un ejemplo para completar el formulario automáticamente. Los archivos aún deben subirse.

2 ejemplos

Firma lado a lado con redes sociales

Firma de negocio completa con foto, divisor de color, contactos e iconos auto-detectados de LinkedIn/GitHub/X.

<table class="esig"><tr><td><img width="72" height="72"></td><td><div>Jane Doe</div><div>Product Manager · Acme Inc.</div><a href="mailto:[email protected]">[email protected]</a>…</td></tr></table>

Mínima apilada (tema oscuro)

Firma de solo texto apilada en tema oscuro, ideal para ingenieros que quieren un look oscuro nativo.

<table class="esig" style="background:#111827"><tr><td><div>Alex Chen</div><div>Staff Engineer · Nullcorp</div>…</td></tr></table>

Entradas

Las opciones están agrupadas para que los formularios largos sean más fáciles de revisar.

13 opciones

ContenidoPega o escribe los valores principales.9

Nombre completotextObligatorioCargotextOpcionalEmpresatextOpcionalCorreotextOpcionalTeléfonotextOpcionalSitio webtextOpcionalDireccióntextOpcionalURL de foto/logotextOpcionalRedes socialestextareaOpcionalOne per line or comma-separated. Auto-detects LinkedIn, X, GitHub, Instagram, Facebook, YouTube.

AjustesAjusta formatos, rangos, números y modos.4

Color de acentocolorOpcionalFuenteselectOpcionalDisposiciónselectOpcionalTemaselectOpcional

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Constructor de firmas de correo HTML

Qué te ayuda a hacer esta herramienta

Ejecutar esta herramienta

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Firma corporativa con foto y redes sociales

2. Firma minimalista optimizada para modo oscuro

Preguntas frecuentes

Muestras HTML

Muestras de HTML con Imágenes

MSG Viewer Samples

Muestras de Texto con Datos Sensibles

De paleta de imagen a design tokens

Eliminador de Etiquetas HTML

Generador de Código QR

Generador de heatmap de accesibilidad

Herramientas de extracción, limpieza y exportación HTML a Markdown/PDF

Herramientas de codigo de barras, QR y etiquetas

Herramientas de auditoria de accesibilidad web y color accesible

Herramientas de Extracción, Limpieza y Entrega de HTML