Gerador de assinatura de e-mail — assinaturas HTML para Gmail e Outlook
Crie uma assinatura de e-mail profissional em HTML que fica certa no Gmail, no Outlook e no Apple Mail, e copie com um clique.
Ver código HTML (3.049 caracteres)
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><tr><td valign="top" style="padding:0 16px 0 0;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"><tr><td width="64" height="64" align="center" valign="middle" style="width:64px;height:64px;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;text-align:center;border-radius:32px;">AM</td></tr></table></td><td width="1" style="width:1px;background:#244b3f;font-size:1px;line-height:1px;"> </td><td valign="top" style="padding:0 0 0 16px;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:16px;line-height:20px;font-weight:bold;color:#111827;">Alex Morgan</div><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;color:#244b3f;padding-top:2px;">Diretora de Marketing <span style="color:#d1d5db;">|</span> Northwind Studio</div><div style="padding-top:8px;"><span style="color:#244b3f;font-weight:bold;">P</span> <a href="tel:+14165550142" style="color:#4b5563;text-decoration:none;">+1 (416) 555-0142</a><br><span style="color:#244b3f;font-weight:bold;">E</span> <a href="mailto:alex@northwind.example" style="color:#4b5563;text-decoration:none;">alex@northwind.example</a><br><span style="color:#244b3f;font-weight:bold;">W</span> <a href="https://www.northwind.example" style="color:#4b5563;text-decoration:none;">www.northwind.example</a><br><span style="color:#4b5563;">120 King St W, Toronto, ON</span></div><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="left" style="border-collapse:collapse;margin-top:8px;"><tr><td style="padding:0 4px 0 0;"><a href="https://linkedin.com/in/alexmorgan" title="LinkedIn" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">in</a></td><td style="padding:0 4px 0 0;"><a href="https://x.com/alexmorgan" title="X" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">X</a></td></tr></table><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;margin-top:10px;"><tr><td style="background:#244b3f;padding:6px 12px;border-radius:3px;"><a href="https://northwind.example/book" style="color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;">Agende uma conversa de 20 minutos</a></td></tr></table></td></tr></table>
Como instalar
- Clique em "Copiar assinatura" acima.
- No Gmail, abra Configurações (ícone de engrenagem) → Ver todas as configurações → Geral.
- Role até Assinatura, clique em "Criar nova", dê um nome e cole (Ctrl/Cmd+V) na caixa.
- Em "Padrões de assinatura", escolha-a para novos e-mails e para respostas e clique em "Salvar alterações" no fim da página.
- O Gmail limita as assinaturas a 10.000 caracteres e só mostra imagens carregadas de uma URL https:// pública.
Assinaturas para a equipe toda (CSV)
Envie um CSV com uma linha de cabeçalho: name, title, email, phone, mobile, linkedin, x, github, photo (URL). Cada linha vira uma assinatura própria, no modelo e nas cores escolhidos acima. Empresa, site, endereço, logo, botão e aviso legal vêm do formulário, a menos que o CSV tenha uma coluna própria para eles. Até 500 pessoas.
Seus dados ficam no seu navegador: a assinatura é montada nesta página e nada é enviado nem armazenado. As imagens são carregadas das URLs que você informar. Ver todas as ferramentas grátis.
Encontrou um problema ou algo que poderia ser melhor? Lemos todas as mensagens e corrigimos rápido.
Este gerador de assinatura de e-mail monta uma assinatura com o seu nome, cargo, contatos, foto ou logotipo, links de redes sociais e cor da marca, mostra o resultado ao vivo em seis modelos e entrega um HTML que sobrevive aos clientes de e-mail que as pessoas realmente usam. Clique em "Copiar assinatura", cole na caixa de assinatura do Gmail ou do Outlook, e o layout se mantém.
Clientes de e-mail não são navegadores. O Outlook clássico para Windows renderiza HTML com o Microsoft Word, o Gmail remove blocos de estilo e classes CSS, e a maioria dos clientes bloqueia imagens que não estão num endereço https:// público. Por isso, o resultado aqui usa só tabelas aninhadas e estilos inline, fontes seguras para a web e tamanhos de imagem explícitos. O que ele não pode fazer é hospedar as suas imagens: a foto ou o logotipo já precisa estar on-line, e a página explica o motivo quando você tenta um arquivo local. Para uma equipe inteira, envie um CSV com nomes, cargos e telefones dos funcionários e baixe uma assinatura HTML por pessoa, todas no mesmo modelo e na mesma cor da marca.
Como usar
- Preencha os seus dados. Campos vazios ficam totalmente de fora da assinatura.
- Cole a URL https:// de uma foto ou de um logotipo hospedado, ou deixe os dois em branco para usar um bloco com as iniciais.
- Escolha um modelo e a cor da marca e adicione links de redes sociais, um botão ou um aviso legal, se precisar.
- Clique em "Copiar assinatura" e cole nas configurações de assinatura do seu cliente de e-mail. As etapas de instalação de cada cliente estão abaixo da prévia.
- Envie um e-mail de teste para você mesmo e confira no celular e no computador.
Perguntas frequentes
Como adicionar uma assinatura HTML no Gmail?
Clique em "Copiar assinatura" nesta página; depois, no Gmail, abra Configurações, Ver todas as configurações, Geral, role até Assinatura, clique em Criar nova e cole na caixa. Escolha-a em Padrões de assinatura e clique em Salvar alterações no fim da página. Não cole o código-fonte HTML: o editor do Gmail só aceita a assinatura renderizada, que é o que o botão de copiar coloca na sua área de transferência.
Por que as imagens da minha assinatura não aparecem?
Normalmente porque a imagem não está numa URL https:// pública. O Gmail remove imagens em base64 (data:) das assinaturas, o Outlook bloqueia muitas imagens externas até o destinatário permitir, e imagens em http:// ou atrás de login falham em todo lugar. Hospede a imagem no seu site ou numa CDN, use o link https:// e mantenha-a pequena (abaixo de uns 100 KB).
Por que minha assinatura fica diferente no Outlook?
O Outlook clássico para Windows usa o Word para renderizar e-mails, e ele ignora muitas propriedades CSS, inclusive cantos arredondados, então uma foto redonda aparece quadrada e o espaçamento pode mudar um pouco. Este gerador evita o CSS de layout que o Word descarta usando tabelas, e é por isso que a estrutura se mantém. O novo Outlook e o Outlook na Web renderizam de forma mais parecida com um navegador.
Qual deve ser o tamanho da foto ou do logotipo da assinatura de e-mail?
Exiba com cerca de 80–120 px de largura e envie uma imagem com o dobro desse tamanho (por exemplo, 176×176 px para uma foto de 88 px) para que ela fique nítida em telas de alta densidade. Mantenha o arquivo abaixo de 100 KB. Use PNG para logotipos com cores chapadas e JPG para fotos.
Qual pode ser o tamanho de uma assinatura de e-mail?
O Gmail limita as assinaturas a 10.000 caracteres de HTML, e este gerador fica bem abaixo disso. Na prática, mantenha-a em quatro ou cinco linhas: nome, cargo e empresa, uma ou duas formas de contato e no máximo uma chamada para ação. Assinaturas longas são cortadas nas respostas e empurram a mensagem para fora da tela no celular.
O que realmente funciona em assinaturas de e-mail
• Tabelas para o layout, não divs com flexbox ou grid. O Outlook para Windows ignora o CSS de layout moderno.
• Estilos inline em todos os elementos. O Gmail remove blocos <style> e nomes de classe das assinaturas.
• Fontes seguras para a web (Arial, Helvetica, Verdana, Georgia). Uma fonte web personalizada vira Times New Roman no Outlook.
• Imagens hospedadas com atributos width e height. Sem tamanhos explícitos, o Outlook pode exibir um logotipo no tamanho original inteiro.
• Texto para telefones, e-mails e links, não imagens deles. Assim eles continuam clicáveis, legíveis com as imagens desativadas e acessíveis a leitores de tela.
Ícones de redes sociais são uma armadilha comum: cada ícone é mais uma imagem que precisa ser hospedada e que é bloqueada por padrão em muitas caixas de entrada. Os modelos daqui usam pequenos selos de texto coloridos, que aparecem em todo lugar.
Como escolher um modelo
Clássico e Moderno servem para a maioria dos usos profissionais: uma foto ou um logotipo ao lado dos seus dados. Compacto foi pensado para quem responde muito e não quer um bloco grande embaixo de cada mensagem. Centralizado funciona para funções criativas, em que a assinatura faz parte da marca. Faixa dá mais peso à cor da marca. Só texto não tem nenhuma imagem nem bloco colorido, o que o torna a escolha mais segura para clientes de texto simples, listas de e-mail e centrais de suporte.
Seja qual for a escolha, use o mesmo modelo na equipe toda. Assinaturas consistentes parecem intencionais; uma mistura de estilos parece que ninguém cuida da marca.
Avisos legais e links de rastreamento
Algumas jurisdições exigem dados da empresa em e-mails comerciais. No Reino Unido, uma limited company precisa mostrar a razão social registrada, o número de registro e o endereço da sede; na Alemanha, as regras do Impressum cobrem dados parecidos. Um aviso de confidencialidade tem pouca força legal por si só, então, se usar um, mantenha-o curto.
Se você adicionar um botão de chamada para ação ou um link para uma landing page, marque-o com parâmetros UTM (o nosso gerador de UTM cria o link) para que os cliques apareçam como "assinatura de e-mail" no seu analytics, e não como tráfego direto.
Ferramentas grátis relacionadas
- Verificador de palavras de spam — Cole o assunto e o corpo de um e-mail para encontrar expressões que disparam filtros de spam, texto gritado, problemas com links e imagens e a falta de um link de descadastro.
- Testador de assunto de e-mail — Dê uma nota ao assunto de um e-mail por tamanho, palavras que ativam filtros de spam, maiúsculas e pontuação, e veja como ele é cortado no iPhone e no Gmail.
- Gerador de QR Code — Crie um QR Code para URL, texto, e-mail, telefone, SMS, Wi-Fi ou cartão de contato, nas suas cores, e baixe em PNG ou SVG. Os códigos nunca expiram.
- Gerador de links UTM — Crie links de rastreamento UTM limpos e consistentes para saber exatamente quais campanhas trazem clientes.