About this tool
A small generator that produces a clean, copy-paste-ready HTML email signature. Pick a layout, fill in your details, copy the HTML, and paste it into Gmail, Outlook, or Apple Mail's signature settings. The signature renders consistently across modern email clients because it uses inline styles only — no external CSS, no fonts to load, no formatting that gets stripped on paste.
Everything runs in your browser. No signups, no analytics, no telemetry — your name and contact details never leave the page.
How to install your signature
Gmail (web)
- Click the gear icon in the top right → See all settings.
- On the General tab, scroll to Signature.
- Click Create new, give it a name (e.g., "Default").
- Click into the signature editor below the name field, then paste your copied HTML with Ctrl+V (or Cmd+V on Mac).
- Under Signature defaults, set the new signature as your default for new emails and replies.
- Scroll to the bottom and click Save Changes.
Outlook (web)
- Click the gear icon in the top right → View all Outlook settings.
- Navigate to Mail → Compose and reply.
- In the Email signature section, paste your HTML into the editor.
- Below the editor, set the signature to automatically include in new messages and replies.
- Click Save.
Outlook (desktop, Windows or Mac)
- File → Options → Mail → Signatures.
- Click New, name your signature, and paste the HTML into the edit box.
- Set it as the default for new messages and replies/forwards.
- If formatting breaks: Outlook desktop uses Word as its renderer and sometimes mangles HTML on paste. Workaround: paste the HTML into a new email draft first (where it renders correctly), select all, copy it, then paste from that draft into the signature editor.
Apple Mail
- Mail → Settings (or Preferences on older macOS) → Signatures.
- Pick the account on the left, click + to add a new signature.
- Paste your HTML into the signature pane. If pasting strips formatting, uncheck Always match my default message font.
- Close the Settings window. Drag your signature to the right account if you want it set as default.
What to include — and what to leave out
The strongest email signatures are short. A signature that's three lines tall is read at a glance; one that's twelve lines tall is skipped entirely. A few opinions worth considering:
- Include: your name, your job title or role descriptor (one phrase, not a sentence), and the one or two contact channels you actually want people to use.
- Leave out: long legal disclaimers (legally non-binding in most jurisdictions, and they make every email look corporate-defensive); your physical office address unless your work depends on customers visiting; every social network you're on (pick one or two); slogans, mission statements, and "Save the trees, don't print this email."
- Photos work better for some roles than others. If you frequently meet new clients/customers via email, a small headshot helps people remember who you are. If you mostly email teammates and existing contacts, the photo is noise.
- Accent color is a small lever, not a big one. Use your brand color or a muted version. Bright reds and yellows draw the eye away from your message; subtle blues and teals don't.
Why HTML signatures sometimes break (and how this tool avoids it)
Email clients are notorious for stripping or rewriting HTML in unpredictable ways. Three things commonly break signatures from other generators:
- External CSS. Email clients don't fetch external stylesheets. This tool inlines every style.
- Data-URL images. Most clients strip base64-encoded inline images. This tool only uses publicly-hosted image URLs.
- Custom fonts. Custom @font-face declarations don't load in email. This tool uses only system fonts that exist on virtually every device.
The output is intentionally conservative. It won't look identical to what a designer could ship for a Mailchimp template, but it will render the same way for everyone who reads your email.
Frequently asked questions
How do I install the signature in Gmail?
Settings (gear) → See all settings → General → Signature → Create new → paste with Ctrl+V (or Cmd+V) into the editor → set as default → Save Changes at the bottom.
How do I install the signature in Outlook?
Web: Settings → View all Outlook settings → Mail → Compose and reply → paste in the editor → Save. Desktop: File → Options → Mail → Signatures → New → paste. For Outlook desktop, if formatting breaks, paste into a draft email first and copy from there.
Why doesn't my photo show up?
Email signatures need photos at a publicly accessible URL — embedded data URLs are stripped by most clients. Upload your photo to a website, public Dropbox/Drive link, or image host, then paste the direct image URL into the Photo URL field.
Will the signature look right in Outlook desktop?
Mostly. Outlook desktop uses Word's rendering engine, which has limited CSS support. The conservative layouts here render correctly. If spacing looks off, try a different layout or paste into a draft first.
Should I include my phone number?
Only if you want people to call you. Once a phone number is in your signature, it lives in every email you send. For most roles, an email address is enough.
Is my data sent anywhere?
No. The signature is composed entirely in your browser. Nothing is sent to a server, stored, or logged.