Crie uma assinatura de e-mail profissional em HTML, com foto, cargo, contatos e redes, preview ao vivo e código pronto para colar no Gmail e Outlook.
Assinaturas de e-mail são notoriamente difíceis de acertar porque cada cliente, Gmail, Outlook, Apple Mail, renderiza HTML de um jeito diferente. O Outlook, em especial, usa o motor do Word e ignora CSS moderno como flexbox e folhas de estilo externas. Por isso este gerador produz HTML baseado em tabelas com estilos inline, o formato que sobrevive a todos os clientes. Você preenche nome, cargo, empresa, telefone, e-mail, site, endereço e redes sociais, escolhe uma cor de destaque e o layout (horizontal com foto ao lado, ou vertical com a foto no topo), e vê o resultado ao vivo. No fim, copie o HTML completo para colar nas configurações de assinatura ou a versão inline minificada. Tudo roda no navegador, sem cadastro, e a foto é apenas referenciada pela URL, então hospede-a em um link público (seu site, um CDN ou o Google Drive com link direto).
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/gerador-assinatura-email"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Gerador de Assinatura de E-mail"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
Copie o HTML, abra o Gmail em Configurações › Ver todas as configurações › Geral › Assinatura, crie uma nova assinatura e cole. O Gmail aceita colar HTML formatado diretamente; salve as alterações no fim da página.
Ana Souza Product Designer · Acme Studio |
<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse;"><tr><td style="vertical-align:top; border-left:3px solid #4f46e5; padding-left:16px;"><div style="font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#1a1a1a;">Ana Souza</div><div style="font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#4f46e5; font-weight:bold; margin-top:2px;">Product Designer · Acme Studio</div><div style="margin-top:8px;"><div style="font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#555;"><span style="color:#4f46e5; font-weight:bold;">T</span> <a href="tel:+5511999990000" style="color:#555; text-decoration:none;">+55 11 99999-0000</a></div><div style="font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#555;"><span style="color:#4f46e5; font-weight:bold;">E</span> <a href="mailto:[email protected]" style="color:#555; text-decoration:none;">[email protected]</a></div><div style="font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#555;"><span style="color:#4f46e5; font-weight:bold;">W</span> <a href="https://acme.com" style="color:#555; text-decoration:none;">acme.com</a></div><div style="font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#555;"><span style="color:#4f46e5; font-weight:bold;">A</span> São Paulo, BR</div></div><div style="margin-top:8px;"><a href="https://linkedin.com/in/ana" style="font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4f46e5; text-decoration:none; font-weight:bold;">LinkedIn</a><span style="color:#cccccc;"> · </span><a href="https://instagram.com/ana" style="font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4f46e5; text-decoration:none; font-weight:bold;">Instagram</a></div></td></tr></table>A assinatura é montada inteiramente no seu navegador. Nenhum dado é enviado a servidores; a foto é referenciada pela URL que você informar.