Every email you send is a branding opportunity, and most people waste it with a plain text name or — worse — nothing at all. A professional email signature adds your photo, title, phone, social links, and even a promotional banner to every message you send. It turns a forgettable sign-off into a mini business card.
The catch is that email signatures are surprisingly tricky to build. You cannot just design one in Canva and paste it in — email clients use a limited subset of HTML from 2004. This guide covers how to create a signature that actually looks good in Gmail, Outlook, and Apple Mail (they all render differently), what to include, what to skip, and the installation steps for each email client.
Create Your Email Signature — Free, Professional
Photo, social links, banner. Works with Gmail, Outlook, Apple Mail.
How to Create an Email Signature
- Open the generator: ToolsArena Email Signature Generator
- Enter your details: Name, title, company, phone, email, website
- Add social links: LinkedIn, Twitter, Instagram, YouTube — only the ones you are actually active on
- Upload your photo: A professional headshot works best. Square crop, at least 200×200px.
- Choose a layout: Photo on left, stacked, or compact — depends on your preference
- Copy the HTML: Click the copy button and paste into your email client settings
How to Add Signature in Gmail / Outlook / Apple Mail
Gmail
- Open Gmail → Settings (gear icon) → See all settings
- Scroll down to "Signature" section
- Click "Create new" and name it
- Paste your signature (Ctrl+V / Cmd+V)
- Click "Save Changes" at the bottom
Outlook (Desktop)
- File → Options → Mail → Signatures
- Click "New", name your signature
- Paste the HTML signature in the editor
- Set as default for new messages and replies
Outlook (Web)
- Settings (gear) → View all Outlook settings → Mail → Compose and reply
- Paste your signature in the editor
- Toggle "Automatically include my signature"
Apple Mail
- Mail → Settings → Signatures
- Click "+" to create new
- Paste the signature — uncheck "Always match my default message font"
What to Include (and What to Leave Out)
| Include | Optional | Avoid |
|---|---|---|
| Full name | Professional photo | Inspirational quotes |
| Job title | Company logo | Multiple phone numbers |
| Phone number | Promotional banner | Legal disclaimers (unless required) |
| Email (yes, even though they have it) | Social media icons | Animated GIFs |
| Website URL | Calendar booking link | Full postal address |
The golden rule: If someone forwarded your email, would the signature give the recipient everything they need to contact you? That is the test. No more, no less.
7 Email Signature Mistakes People Make
- Too many social icons: Five social media links creates decision paralysis. Stick to 2-3 that are actually relevant to your professional life.
- Image-based signature: Putting your entire signature in one image file means it is blocked by most email clients by default. Use HTML with a small photo, not one big image.
- Giant headshot: Your photo should be 80-100px wide. A 300px photo dominates the email and takes forever to load on mobile.
- Inspirational quotes: "Be the change you wish to see" under your email signature does not make you look wise. It makes every email slightly unprofessional.
- Too many colors: Match your brand colors. Using more than 2-3 colors looks cluttered. When in doubt, black text with one accent color.
- Forgetting mobile: Over 60% of emails are opened on phones. If your signature is too wide, it breaks on mobile. Keep it under 600px wide.
- Outdated info: Old phone number, previous job title, dead social links. Set a calendar reminder to review your signature every 6 months.
Why Email Signatures Are Technically Difficult
You might wonder why you cannot just design a signature in any tool and paste it. The answer: email HTML is stuck in 2004. Here is what email clients do not support:
- No CSS flexbox or grid: Layout must use HTML tables (yes, tables — like it is 1999)
- No external stylesheets: All CSS must be inline on each element
- No web fonts: Gmail strips custom fonts. Stick to Arial, Georgia, or Verdana.
- Images may be blocked: Most clients block images by default until the user clicks "Display images"
- Different rendering: Gmail, Outlook, and Apple Mail all interpret the same HTML differently
Our generator handles all of this — it outputs table-based inline-CSS HTML that works across all major email clients. You do not need to know any of this; just copy and paste.
How to Use the Tool (Step by Step)
- 1
Enter your details
Name, title, company, phone, email, website.
- 2
Add social links and photo
LinkedIn, Twitter, professional headshot.
- 3
Choose layout and colors
Match your brand identity.
- 4
Copy and paste into email client
Works with Gmail, Outlook, Apple Mail.
Frequently Asked Questions
How do I create a professional email signature for free?+−
Open ToolsArena Email Signature Generator, fill in your details, add social links and a photo, choose a layout, and copy the HTML. Then paste it into your email client settings. Takes about 3 minutes, completely free.
How do I add a signature in Gmail?+−
Go to Gmail Settings → See all settings → scroll to Signature section → Create new → paste your signature → Save Changes. It will automatically appear on every new email and reply.
Should I include a photo in my email signature?+−
A professional headshot builds trust and makes your emails more personal — people are more likely to respond to someone they can see. Keep it small (80-100px), square, and professional. Skip it if you do not have a good quality photo.
How many social media links should I include?+−
Two to three maximum. Include only platforms where you are professionally active. For most professionals: LinkedIn is a must, Twitter/X if you post industry content, Instagram only if you are in a visual field. Nobody needs your Snapchat in a business email.
Why does my signature look different in Outlook vs Gmail?+−
Each email client renders HTML differently. Outlook uses Microsoft Word as its rendering engine (seriously), which breaks many modern CSS properties. Our generator produces table-based HTML that works consistently across all major clients.
Can I add a promotional banner to my signature?+−
Yes — a banner linking to your latest product, event, or content is a subtle marketing channel that reaches every person you email. Keep it under 600px wide and use a compelling image. Change it monthly to keep it fresh.
Will the signature work on mobile?+−
Yes — our signatures are designed to be responsive. They stay under 600px wide, which prevents breaking on mobile screens. Test by sending yourself an email and checking it on your phone before rolling it out.
How often should I update my email signature?+−
Update immediately when your title, phone, or company changes. Beyond that, review it every 6 months. Update the promotional banner monthly if you use one. Stale signatures with old information are worse than no signature.
Create Your Email Signature — Free, Professional
Photo, social links, banner. Works with Gmail, Outlook, Apple Mail.
Generate Email Signature →Related Guides
Free Business Card Maker
Create print-ready business cards with your own design — no Canva account, no design skills needed.
Free Online Signature Maker — Create Digital Signature (2026)
Create professional signature — draw, type, customize. Download PNG for documents and emails.