Copy the HTML, open Gmail in Settings › See all settings › General › Signature, create a new signature and paste. Gmail accepts pasting formatted HTML directly; save changes at the bottom of the page.
Carregando ferramenta… / Loading tool…
Build a professional HTML email signature with photo, title, contacts and socials, live preview and code ready to paste into Gmail and Outlook.
Email signatures are notoriously hard to get right because each client, Gmail, Outlook, Apple Mail, renders HTML differently. Outlook in particular uses the Word engine and ignores modern CSS like flexbox and external stylesheets. That's why this generator produces table-based HTML with inline styles, the format that survives every client. You fill in name, title, company, phone, email, website, address and social links, pick an accent color and the layout (horizontal with the photo beside the text, or vertical with the photo on top), and see the result live. At the end, copy the full HTML to paste into your signature settings, or the minified inline version. Everything runs in the browser, no sign-up, and the photo is only referenced by URL, so host it at a public link (your site, a CDN or a direct-link cloud drive).
Paste the code into your HTML and the tool shows up on your page, without J-Kit's navigation and ads. It still runs in the browser of whoever visits your site.
<iframe
src="https://jkit.tools/embed/en-US/email-signature-generator"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Email Signature Generator"
></iframe>These references help contextualize formulas, standards, APIs and limitations used on this page. They do not replace professional validation when a result has legal, financial, medical or operational impact.
Copy the HTML, open Gmail in Settings › See all settings › General › Signature, create a new signature and paste. Gmail accepts pasting formatted HTML directly; save changes at the bottom of the page.
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>The signature is built entirely in your browser. No data is sent to any server; the photo is referenced by the URL you provide.