Como insiro minha foto ou logotipo na assinatura?

Você deve hospedar a imagem publicamente (por exemplo, no seu site ou em um serviço de hospedagem de imagens) e colar o link direto da imagem no campo 'URL de foto/logo'.

Quais redes sociais são detectadas automaticamente?

A ferramenta detecta automaticamente links do LinkedIn, X (Twitter), GitHub, Instagram, Facebook e YouTube, gerando os ícones correspondentes.

A assinatura funciona no Outlook e no Gmail?

Sim, o código gerado utiliza tabelas HTML e estilos inline, que são os padrões mais seguros para garantir a compatibilidade e renderização correta no Gmail, Outlook e Apple Mail.

Como funciona a opção de tema 'Auto'?

O tema 'Auto' injeta regras de CSS baseadas em 'prefers-color-scheme', permitindo que clientes de e-mail compatíveis (como o Apple Mail) alternem as cores da assinatura conforme o tema do sistema do destinatário.

Meus dados pessoais são enviados para algum servidor?

Não. Todo o processamento e geração do código HTML ocorrem localmente no seu navegador, garantindo total privacidade dos seus dados de contato.

Gerador de assinatura de e-mail HTML

Exemplos

1. Assinatura Corporativa Lado a Lado

Gerente de Produto

Contexto

Precisa de uma assinatura elegante para e-mails externos que inclua foto de perfil, cargo e links para redes profissionais.

Problema

Assinaturas comuns feitas no Word perdem a formatação e desalinhavam a foto ao serem enviadas para clientes que usam o Outlook.

Como usar

Preencheu o nome, cargo, empresa, e-mail, telefone, site, adicionou a URL da foto de perfil, colou os links do LinkedIn e X, escolheu o layout 'Lado a lado' e definiu a cor azul como destaque.

{
  "fullName": "Jane Doe",
  "jobTitle": "Product Manager",
  "company": "Acme Inc.",
  "email": "[email protected]",
  "phone": "+1 555 123 4567",
  "website": "acme.com",
  "photoUrl": "https://i.pravatar.cc/150?img=47",
  "socials": "linkedin.com/in/janedoe\nx.com/janedoe",
  "accent": "#2563eb",
  "layout": "side",
  "theme": "light"
}

Resultado

Uma assinatura em tabela HTML com a foto alinhada à esquerda, separada por uma linha vertical azul dos dados de contato, e ícones sociais inline que não são bloqueados como anexos.

2. Assinatura Minimalista para Desenvolvedor

Engenheiro de Software

Contexto

Deseja uma assinatura simples, apenas com texto e link para o GitHub, que respeite o modo escuro dos clientes de e-mail.

Problema

{
  "fullName": "Alex Chen",
  "jobTitle": "Staff Engineer",
  "company": "Nullcorp",
  "email": "[email protected]",
  "website": "nullcorp.io",
  "socials": "github.com/alexchen",
  "accent": "#10b981",
  "fontFamily": "Georgia, \"Times New Roman\", serif",
  "layout": "stacked",
  "theme": "dark"
}

Gerador de assinatura de e-mail HTML | Elysia Tools

Gerador de assinatura de e-mail HTML

O que esta ferramenta ajuda você a fazer

Executar esta ferramenta

Execuções de exemplo preparadas

Entradas

Resultado

Execuções de exemplo preparadas

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Assinatura Corporativa Lado a Lado

2. Assinatura Minimalista para Desenvolvedor

Perguntas frequentes

Amostras de HTML com Imagens

Amostras de Texto com Dados Sensíveis

Exemplos Contentful CMS Baseado na Nuvem

Framework de Testes E2E Cypress

De paleta de imagem para design tokens

Removedor de Tags HTML

Gerador de Código QR

Gerador de heatmap de acessibilidade

Ferramentas de extração, limpeza e exportação de HTML para Markdown/PDF

Ferramentas de codigo de barras, QR e etiquetas

Ferramentas de auditoria de acessibilidade web e cores acessiveis

Ferramentas de codificacao e conversao de audio