How to Create an Email Signature: The Complete Guide (2026)
Creating an email signature sounds simple. It isn’t always. Between Gmail stripping your formatting, Outlook rendering things completely differently, and Apple Mail doing its own thing on mobile — there’s a lot that can go wrong. This guide covers everything from what to include, to step-by-step instructions for every major email client.
By the NeatStamp Team · Updated March 2026 · 15 min read
What to include in your email signature
Before you open any settings menu, decide what actually goes in your signature. Most people add too much. The goal is to give the recipient everything they need to reach you and nothing else.
The essential five
These belong in every professional email signature:
- Full name: Use the name on your business card, not a nickname. If you go by a shortened name professionally, that's fine — but be consistent.
- Job title: Be specific. "Senior Account Manager" beats "Sales" every time. Your title tells the recipient how to prioritise your email.
- Company name: Link it to your company website. It's one of the most natural places for a clickable link and it gives context instantly.
- Phone number: One number only. If you have a direct line, use that. Wrap it in a tel: link so it's tappable on mobile.
- Email address: Yes, even though they already have it. When emails get forwarded or printed, your address disappears from the header. Having it in the signature prevents confusion.
Good additions worth considering
- Company logo: Reinforces brand recognition, especially for client-facing roles. Keep it under 200px wide and 20KB in file size.
- LinkedIn profile link: Almost universally appropriate. Recipients often check LinkedIn before or after meetings. Link to your personal profile, not the company page.
- Headshot: Valuable for sales, consulting, coaching, and real estate. Less common in technical or back-office roles. Keep it 80×80px to 100×100px.
- Calendar booking link: A Calendly or Cal.com link saves back-and-forth emails. Only add it if people genuinely need to book time with you.
Things to leave out
- "Sent from my iPhone" — turn this off immediately.
- Environmental disclaimers about printing — they do nothing.
- Inspirational quotes — unless you're specifically known for thought leadership.
- Animated GIFs — most email clients block or strip them.
- More than three social media icons — eight icons in a row looks desperate.
- Long legal disclaimers on personal emails — these belong only on regulated communications.
Want to see what a well-balanced signature looks like before you build yours? The NeatStamp examples gallery has real signatures across different industries and roles. The templates page is also a good reference for proportion and layout.
Before you build: two approaches
You have two real options for creating an email signature:
Option A: Build it manually
Write HTML and inline CSS yourself, paste it into your email client’s settings. Full control, but requires knowing which CSS properties work in each email client. Takes 30–60 minutes if you know what you’re doing. More if you don’t.
Option B: Use a generator
Fill in a form, pick a template, copy the result into your email client. The NeatStamp editor takes about 60 seconds, generates clean HTML that works across all major email clients, and is free to use.
For most people, Option B is the right call. The time you save isn’t just the build time — it’s all the debugging time when Outlook renders your carefully crafted CSS as garbage.
If you want to understand the HTML side in depth, the HTML email signature guide covers the technical specifics. For now, let’s walk through each email client.
How to create a signature in Gmail
Gmail is the most-used email client in the world, and its signature editor is surprisingly capable — as long as you know its quirks. The main one: Gmail strips CSS classes and external stylesheets. Everything must be inline.
Step-by-step for Gmail on desktop
- 1
Open Gmail Settings
Click the gear icon in the top-right corner of Gmail, then click "See all settings."
- 2
Find the Signature section
Scroll down on the General tab until you see the Signature section. Click "Create new" and give your signature a name.
- 3
Choose your input method
For a basic text signature, type directly into the editor. For an HTML signature with formatting, click the source code icon (looks like <>) if your browser's Gmail shows it — or use the workaround below.
- 4
Paste your signature
If you've generated your signature in NeatStamp or another tool, copy the rendered version (not the raw HTML) and paste it directly into the Gmail signature box. Gmail preserves the formatting when you paste rendered HTML.
- 5
Set when it appears
Scroll down to "Signature defaults." Set your signature for both new emails and replies/forwards. For replies, you can choose a shorter version if you have one.
- 6
Save and test
Click "Save Changes" at the bottom of the settings page. Compose a new email to yourself and check how it renders. Send it to a colleague on Outlook too.
Important: Gmail’s HTML limitations
- Gmail removes <style> blocks — use only inline styles.
- Gmail compresses whitespace — use <br> tags for line breaks.
- Gmail on Android may apply dark mode styles to your signature.
- Images with external URLs display fine; embedded base64 images are often blocked.
For a dedicated deep-dive, the Gmail email signature guide covers these issues with specific fixes. If mobile Gmail is your main concern, the mobile-friendly signature guide has more detail.
How to create a signature in Outlook
Outlook is where most signature problems happen. It uses Microsoft Word’s rendering engine rather than a browser, which means many standard HTML and CSS properties simply don’t work. Here’s how to navigate it.
Outlook desktop (Windows)
- 1
Open Signature settings
Go to File → Options → Mail → Signatures. Or, when composing a new email, click Insert → Signature → Signatures.
- 2
Create a new signature
Click "New" and give it a name. You can create multiple signatures — useful for different email accounts or different contexts (new emails vs. replies).
- 3
Insert your signature
For a basic signature, type it in. For an HTML signature: close the dialog, create a new email, paste your HTML signature there, select all, copy, open the signature dialog again and paste it into the signature field. This preserves the HTML formatting.
- 4
Set defaults
At the top right of the Signatures dialog, choose which email account and when to apply each signature (new messages, replies/forwards).
- 5
Test in Outlook itself
Compose a new email and check how it looks. Send it to a Gmail account too — your recipients may use Gmail and you want to see it from their perspective.
Outlook on the web (outlook.com / Office 365)
- 1
Open Settings
Click the gear icon in the top right, then click "View all Outlook settings" at the bottom of the panel.
- 2
Navigate to signatures
Go to Mail → Compose and reply → Email signature.
- 3
Add your signature
Paste your signature into the editor. Outlook on the web has a slightly better HTML editor than the desktop app — it handles some CSS properties that the desktop version ignores.
- 4
Save
Click Save. Set it as default for new emails and/or replies.
Outlook rendering quirks to know
- No CSS flexbox or grid — use HTML tables for layout.
- No background-image on table cells.
- Images need explicit width/height attributes in the HTML tag, not just CSS.
- Outlook may add spacing between table rows — use cellspacing="0" cellpadding="0".
- Dark mode in Outlook can invert colors not declared with explicit background-color.
NeatStamp generates Outlook-compatible signatures automatically — the code uses table-based layout and inline styles that work reliably in every Outlook version. For more troubleshooting, the Outlook signature guide and the Outlook 365 guide cover the differences between versions.
How to create a signature in Apple Mail
Apple Mail handles HTML signatures differently from Gmail and Outlook. The built-in signature editor only supports plain text. To get an HTML signature into Apple Mail, you need to replace the signature file directly on your Mac.
The simple method (plain text)
- 1
Open Mail → Preferences (or Settings) → Signatures.
- 2
Select your email account on the left.
- 3
Click the + button to create a new signature.
- 4
Give it a name, then type your signature in the text box.
- 5
Drag the signature to your email account if it doesn't appear there.
The HTML method (for formatted signatures)
Apple Mail stores signatures as .mailsignature files. You can replace the contents of these files with your HTML signature. Here’s how:
- 1
Create a placeholder signature
Follow the simple method above to create a signature called something like "My HTML Sig." This creates the .mailsignature file on disk.
- 2
Quit Mail
Mail must be closed before you edit the file. Fully quit it (Cmd+Q).
- 3
Find the signature file
In Finder, press Cmd+Shift+G and go to: ~/Library/Mail/V10/MailData/Signatures/ (the V number may differ — V9, V10, etc. depending on your macOS version).
- 4
Open the .mailsignature file
Find the file with the most recent modification date — that's your new signature. Open it in a text editor (TextEdit, VS Code, etc.).
- 5
Replace the HTML
The file has a header section and a body section. Replace the body content between the <body> tags with your HTML signature from NeatStamp.
- 6
Lock the file
Right-click the file → Get Info → check the Locked checkbox. This prevents Mail from overwriting your changes when it syncs.
- 7
Reopen Mail
Your signature should now appear with full HTML formatting.
For the full walkthrough with more specifics, the Apple Mail signature guide covers every macOS version from Ventura onwards.
Setting up signatures on mobile
Mobile email apps are more limited than their desktop counterparts when it comes to signature HTML. Here’s what you can do on each platform.
Gmail on iPhone and Android
Gmail mobile has a separate signature setting from Gmail on desktop. They don’t sync automatically.
- 1.Open the Gmail app → tap your profile picture → Manage your Google Account.
- 2.Tap the three lines (hamburger menu) → Settings.
- 3.Select your account → Mobile Signature.
- 4.Type your signature. Gmail mobile only supports plain text here — no HTML.
Outlook mobile (iOS and Android)
Outlook mobile supports a richer signature than Gmail mobile but is still more limited than the desktop app.
- 1.Open Outlook → tap your profile picture → Settings (gear icon).
- 2.Scroll down to Mail → Signature.
- 3.Toggle "Use signature" on.
- 4.Edit the signature field. Outlook mobile supports basic formatting (bold, italic, links) but not complex HTML.
Apple Mail on iPhone
- 1.Open Settings → Mail → Signature.
- 2.Choose "Per Account" if you want different signatures per email account, or "All Accounts" for one universal signature.
- 3.Tap the account and type your signature. Plain text only on iOS.
The mobile limitation reality
Most mobile email apps don’t support HTML signatures natively. The workaround most professionals use: set up the full HTML signature on desktop, and use a minimal plain-text signature on mobile. Your desktop signature gets applied when you send from your computer, which covers most important emails. The mobile-friendly signature guide explains how to design your signature so it renders well when recipients read it on their phones, regardless of where you sent it from.
Common mistakes to avoid
I’ve seen the same mistakes repeat across thousands of signatures. Here are the ones that cause the most problems.
Making it too long
A signature longer than 5–6 lines starts to compete with the email itself. If someone gets a 3-sentence email with a 12-line signature, the signature is larger than the message. Keep it proportional.
Embedding images as base64
Some tools encode images as long base64 strings directly in the HTML. This massively inflates the email size, often triggers spam filters, and is blocked by many corporate email servers. Host your images externally instead.
Using a screenshot as your signature
A screenshot looks fine visually but has zero function. No links work. Text can't be selected or copied. Screen readers can't read it. It shows up as an attachment in some clients. Never do this.
Not testing in multiple email clients
What looks perfect in Gmail can be broken in Outlook. What works in Outlook desktop may look different in Outlook on the web. At minimum, test in Gmail on desktop, Outlook desktop (if relevant), and on one mobile device before rolling it out.
Forgetting to update it
Your signature is a live business card. When you change jobs, titles, or phone numbers, update it within the first week. Set a quarterly calendar reminder to review it. Stale signatures undermine credibility.
Using custom fonts without fallbacks
If you use font-family: 'Montserrat' with no fallback, Outlook renders your signature in Times New Roman. Always specify: font-family: 'Montserrat', Arial, sans-serif. Then at least the fallback is sensible.
Not linking your phone number
Plain text phone numbers force mobile users to manually copy and dial. Wrap it in a tel: link: <a href="tel:+12125551234">+1 212 555 1234</a>. Every mobile user thanks you.
For a complete rundown of what a well-designed signature looks like, the email signature best practices guide goes deeper on fonts, colors, image sizing, and industry-specific rules.
Using HTML for better signatures
Plain text signatures look plain. HTML signatures let you add your logo, use your brand colors, include clickable social icons, and generally look like you put some thought into how you present yourself.
The key constraints for HTML email signatures:
- Use table-based layout: Not flexbox, not grid. Tables are the only layout system that works reliably across Outlook, Gmail, Apple Mail, and others.
- All styles must be inline: style="color: #333333; font-family: Arial, sans-serif" on each element. No <style> blocks — Gmail removes them.
- Set explicit image dimensions in HTML attributes: <img width="150" height="50"> — not just in CSS. Outlook ignores CSS dimensions on images.
- Host images externally: Images should be at a public URL, not embedded as base64. Your company website, a CDN, or NeatStamp Pro's hosting all work.
- Test before deploying: Send your signature to accounts on Gmail, Outlook, and if possible an Apple Mail device. The same HTML can look completely different between clients.
The easiest way to handle all of this is to use the NeatStamp editor, which generates table-based, inline-styled, Outlook-tested HTML automatically. You fill in your details, pick a template from the template library, and it produces code you can paste directly into Gmail, Outlook, or Apple Mail.
If you want to go deeper on the HTML specifics, the HTML email signature guide has annotated code examples for every element. The design guide covers fonts, colors, and layout patterns in detail. And the signature size guide has the exact dimensions for logos, headshots, and banners.
Frequently asked questions
What should I include in a professional email signature?
At minimum: your full name, job title, company name, phone number, and email address. A company logo and LinkedIn link add credibility. Keep it to 5 lines or fewer. Anything beyond that starts to compete with your actual email content.
How do I add an HTML email signature to Gmail?
Go to Gmail Settings → See all settings → General → Signature → Create new. Paste your HTML by clicking the source code button in the editor, or use a tool like NeatStamp that generates copy-paste-ready code. Gmail strips some CSS, so use inline styles only.
Why does my email signature look different in Outlook?
Outlook uses Microsoft Word's rendering engine, not a browser. It doesn't support many standard CSS properties like flexbox, CSS variables, or background-image on table cells. Use table-based layouts with inline styles for reliable Outlook rendering.
Can I have a different signature for replies and new emails?
Yes. In Gmail, Outlook, and Apple Mail you can set separate signatures for new emails and replies/forwards. Most professionals use a full signature on new emails and a shorter one (just name, title, and phone) for replies to reduce clutter in long threads.
Is it okay to use a free email signature generator?
Yes, as long as it generates clean HTML that works across email clients. Watch out for tools that embed their branding in your signature, require an account just to copy the code, or produce bloated HTML that gets flagged by spam filters.
How do I make my signature look good on mobile?
Use a max-width of 600px, set explicit image dimensions in HTML attributes (not just CSS), keep font size at 11px minimum, and make phone numbers tappable with a tel: link. Test on both iOS Mail and Gmail on Android before rolling it out.
Related guides
Ready to build your signature?
The NeatStamp editor generates clean HTML that works in Gmail, Outlook, and Apple Mail. Free, no account needed. Done in 60 seconds.
Create My Signature — Free