ToolForge
Browse All 87 Tools

Categories

โœ‰๏ธ

Free Email Signature Generator โ€” HTML Signatures for Gmail & Outlook

Create a professional HTML email signature for Gmail, Outlook, and Apple Mail. Add photo, logo, social links, and custom colors. Free, no signup, no watermarks.

Create My Signature Free โ†’
โœ“ Works in Gmail & Outlookโœ“ HTML table-based (email-safe)โœ“ No watermarksโœ“ No signup

What is an HTML Email Signature?

An HTML email signature is a block of HTML code appended automatically to every email you send. It typically contains your name, title, company, contact details, and social media links. Unlike plain text signatures, HTML signatures support formatting, images, and clickable links. They must be built using HTML tables and inline CSS โ€” not modern CSS layouts โ€” because email clients like Microsoft Outlook have limited CSS support.

1. Why You Need a Professional Email Signature

Every email you send is a touchpoint with a current or potential client. Your email signature is visible in every single one of those touchpoints โ€” making it one of the most consistently seen pieces of branding your business has. A professional signature creates credibility before the recipient even reads your message.

Studies from Newoldstamp and Exclaimer consistently show that emails with professional HTML signatures have higher response rates, more clicks to websites, and generate more inbound calls than emails with plain text or no signatures. For sales and client-facing professionals, a signature with a photo has been shown to increase open rates and build trust โ€” recipients feel they are communicating with a real person, not a faceless company.

Beyond individual performance, consistent email signatures across a team reinforce brand identity and ensure legal compliance in regulated industries. For UK limited companies, including company registration information in email correspondence is legally required under the Companies Act 2006.

๐Ÿ’ผ

Brand consistency

Every team member's email reflects your brand identity โ€” same colors, fonts, and messaging.

๐Ÿ”—

Passive traffic

A website link in your signature generates consistent, free traffic from every email you send.

๐Ÿ“ž

Call-to-action

A calendar booking link or CTA banner turns every email into a lead generation touchpoint.

โš–๏ธ

Legal compliance

UK company law requires registration details in business emails. Regulated industries require disclaimers.

๐Ÿค

Trust signals

Photo, title, and company details signal legitimacy. Critical for cold outreach and first impressions.

๐Ÿ“ฑ

Social proof

LinkedIn and social links allow recipients to verify your credentials and explore your professional history.

2. What to Include in Your Email Signature

An effective email signature is concise but complete. Research from Email on Acid and Litmus shows that signatures with more than 7 lines of information are often ignored or clipped. Here is the optimal structure:

Essential
  • Full name
  • Job title
  • Company name
  • Phone number
  • Email address (optional โ€” recipient already has it)
Recommended
  • Profile photo (builds trust, especially for B2B)
  • Company logo
  • Website URL
  • LinkedIn profile link
  • One key social link relevant to your industry
Optional / Industry-specific
  • Calendar booking link (Calendly, Cal.com)
  • CTA banner (promotional image with link)
  • Pronouns
  • Physical address (for local businesses or regulated industries)
  • Legal disclaimer

The 3-4 line rule: Keep contact information to 3โ€“4 lines. Signatures with more than 6โ€“7 lines of text are often mentally filtered out by recipients. Include what matters; omit the rest. If your email address is the same as the sender address, leave it out.

3. Email Signature Design Best Practices

โœ“
Maximum width: 600px

Email layouts wider than 600px break on many mobile clients. Our generator outputs signatures up to 520px wide โ€” safe for all major clients including Gmail mobile and iOS Mail.

โœ“
Use 2โ€“3 colors maximum

Your primary brand color, black/dark gray for text, and optionally a separator accent. More than 3 colors creates visual noise and looks unprofessional. Your color picker should be used sparingly.

โœ“
Email-safe fonts only

Use Arial, Helvetica, Georgia, Verdana, or Tahoma. These 5 fonts are pre-installed on all major operating systems. Custom web fonts (Google Fonts, TypeKit) are stripped by virtually all email clients. Our generator uses these fonts exclusively.

โœ“
No CSS flexbox, grid, or floats

Microsoft Outlook 2007โ€“2021 uses the Word rendering engine (version 16) which does not support CSS flexbox, grid, float, or many modern properties. Use HTML tables for layout. This is not a technical limitation of our tool โ€” it is a fundamental constraint of email rendering technology.

โœ“
Inline all CSS styles

Email clients strip <style> tags and external stylesheets. Every CSS property must be applied as an inline style="..." attribute directly on the HTML element. Our generator outputs properly inlined styles.

โœ“
No GIFs or animated images

Outlook 2007+ only displays the first frame of animated GIFs. Many corporate email servers strip GIFs entirely for security reasons.

โœ“
Specify image dimensions explicitly

Always include width and height attributes on all <img> tags. Without them, images may render at full size (breaking layouts) or not render at all.

โœ“
Test in multiple email clients

Before deploying a new signature, test it in Gmail, Outlook (desktop), Outlook Web, Apple Mail, and at least one mobile client. Litmus and Email on Acid offer free trials for email rendering previews.

4. Why Email Signatures Must Use HTML Tables

If you have ever wondered why email signatures and email templates look like they were coded in 2003 โ€” they were. Email clients, particularly Microsoft Outlook, use extremely limited CSS support. This is not changing soon: Microsoft has chosen to maintain the Word rendering engine for Outlook across all versions to ensure backward compatibility with enterprise email systems.

The practical implication: HTML tables are the only reliable way to create multi-column or structured email signature layouts. Here is a comparison of what works and what breaks:

CSS PropertyGmailOutlook 2016+Apple Mail
HTML tablesโœ…โœ…โœ…
Inline styles (style="...")โœ…โœ…โœ…
CSS flexboxโœ…โŒโœ…
CSS gridโœ…โŒโœ…
CSS floatโœ…โš ๏ธ Partialโœ…
<style> block / external CSSโš ๏ธ StrippedโŒ Strippedโœ…
Web fonts (Google Fonts)โŒ FallbackโŒ Fallbackโœ…
CSS border-radiusโœ…โŒโœ…
Animated GIFsโœ…โš ๏ธ First frameโœ…
Base64 imagesโœ…โš ๏ธ Often blockedโœ…

Our generator outputs HTML table-based signatures with all inline styles โ€” the safest approach for maximum compatibility. The HTML code is also provided for you to customize if needed.

5. How to Install Your Email Signature

๐Ÿ“ง

Gmail (Web)

  1. 1In Gmail, click the โš™๏ธ Settings gear icon in the top right
  2. 2Click "See all settings" to open the full settings page
  3. 3Go to the "General" tab and scroll down to "Signature"
  4. 4Click "Create new" and give your signature a name
  5. 5Click inside the signature text box
  6. 6From our generator, click "Copy Signature" (rich HTML copy)
  7. 7Press Ctrl+V (or Cmd+V on Mac) to paste into Gmail
  8. 8Scroll down and click "Save Changes"

Tip: The "Copy Signature" button copies rich HTML to your clipboard โ€” the formatting (bold names, colored lines, clickable links) is preserved when you paste into Gmail's editor. "Copy HTML Code" gives you the raw HTML for use in other contexts.

๐Ÿ“ฎ

Outlook Desktop (Windows)

  1. 1Go to File โ†’ Options โ†’ Mail โ†’ Signatures
  2. 2Click "New" to create a new signature
  3. 3Give it a name (e.g., "Professional" or your company name)
  4. 4In the signature editor, press Ctrl+V to paste
  5. 5Under "Choose default signature", set it for New messages and Replies/forwards
  6. 6Click OK to save, then OK to close Options

Tip: If the formatting does not paste correctly, try pasting into Notepad first to strip any clipboard formatting, then use the HTML editor in Outlook (Alt+F9 or Edit Signature โ†’ HTML source) to paste the raw HTML code instead.

๐ŸŒ

Outlook Web (OWA)

  1. 1Click the Settings โš™๏ธ gear icon in the top right
  2. 2Click "View all Outlook settings" at the bottom of the panel
  3. 3Navigate to Mail โ†’ Compose and reply
  4. 4In the "Email signature" section, click inside the text box
  5. 5Paste your signature (Ctrl+V)
  6. 6Check "Automatically include my signature on new messages"
  7. 7Click Save
๐ŸŽ

Apple Mail (Mac)

  1. 1Go to Mail โ†’ Preferences โ†’ Signatures
  2. 2Select your email account in the left column
  3. 3Click "+" to create a new signature
  4. 4Give it a name
  5. 5Important: uncheck "Always match my default message font"
  6. 6Paste your signature with Cmd+V

Tip: If Apple Mail resets your formatting, try this workaround: create the signature file directly. In Finder, go to ~/Library/Mail/V10/MailData/Signatures/ (or similar path for your version). Replace the .mailsignature file content with our HTML code.

๐Ÿ“ฑ

iPhone / iOS Mail

  1. 1Go to Settings โ†’ Mail โ†’ Signature
  2. 2Delete the default "Sent from my iPhone" text
  3. 3Paste a plain text version of your signature

Tip: iOS Mail's built-in signature editor is text-only and does not support HTML. For an HTML signature on iOS, use the Gmail or Outlook app instead โ€” both support HTML signatures through their own settings.

6. Email Signature Examples by Profession

๐Ÿ’ผ

Freelancer / Consultant

  • โ€ขName + specialty (e.g., "UX Designer")
  • โ€ขPortfolio/website link
  • โ€ขCalendly or booking link
  • โ€ขLinkedIn
  • โ€ขRate card or services page link
๐Ÿข

Corporate Professional

  • โ€ขName, title, department
  • โ€ขCompany name + logo
  • โ€ขDirect line + mobile
  • โ€ขLinkedIn
  • โ€ขCompany legal disclaimer
๐ŸŽฏ

Sales / Account Manager

  • โ€ขName, title, territory
  • โ€ขPhone (primary contact)
  • โ€ขMeeting booking link
  • โ€ขCase study or CTA banner
  • โ€ขLinkedIn
๐Ÿ’ป

Software Developer

  • โ€ขName, title, company
  • โ€ขGitHub profile link
  • โ€ขLinkedIn + Stack Overflow
  • โ€ขPersonal site/blog
  • โ€ขTech stack badges (optional)
โš–๏ธ

Lawyer / Legal Professional

  • โ€ขName, title, firm
  • โ€ขBar number (where required)
  • โ€ขPhone + address
  • โ€ขMandatory legal disclaimer (confidentiality notice)
  • โ€ขUK: Company Registration details if a limited company
๐Ÿ 

Realtor / Estate Agent

  • โ€ขName, license number
  • โ€ขAgency name + logo
  • โ€ขPhone (primary)
  • โ€ขProperty listings website
  • โ€ขAgency legal disclaimer + regulatory body membership

7. Legal Disclaimers in Email Signatures

Legal requirements for email signature content vary by country and industry. Failing to meet these can result in regulatory penalties or, for companies, fines.

United Kingdom

Required: Companies Act 2006: All business emails from UK limited companies must include the company's full registered name, company registration number, registered office address, and country of registration. This is a legal requirement โ€” not including it can result in fines.

Most large firms also include a confidentiality disclaimer, though these are not legally enforceable in the UK courts.

European Union

Required: E-Commerce Directive 2000/31/EC: Businesses providing services online must include their registered address, registration number (where applicable), and VAT number in electronic communications including email.

Financial service firms, law firms, and medical practices face additional regulatory disclosure requirements from sector-specific regulators.

United States

Required: No general federal law mandates email disclaimers. CAN-SPAM Act applies to commercial email marketing (not transactional emails). FINRA requires disclaimers in financial communications; HIPAA has requirements for healthcare-related emails.

State bars may require attorney disclosures; financial advisors require SEC/FINRA disclosures.

Germany

Required: Telemediengesetz (TMG) ยง5: Businesses must include company name, registered address, legal form, registration court and number, and VAT ID in all electronic business correspondence. German courts have issued fines for non-compliance.

GmbH and AG companies must additionally state the managing director(s) name.

8. Common Email Signature Mistakes to Avoid

โœ—
Too many colors:Stick to 2 colors: your brand color + black/gray. More than 3 colors looks chaotic.
โœ—
Too many social icons:Maximum 3 social links. Relevance over quantity. For B2B: LinkedIn. For creatives: portfolio/Instagram. For developers: GitHub.
โœ—
"Sent from my iPhone" as a signature:Delete the default mobile signature and replace with your professional signature using Gmail or Outlook mobile apps.
โœ—
Using non-email-safe fonts:Only use Arial, Helvetica, Georgia, Verdana, or Tahoma. Google Fonts will fall back to system defaults in most email clients.
โœ—
Outdated contact information:Review your signature every time your title, phone, or company changes. Outdated signatures undermine credibility.
โœ—
Broken images:Host images on your web server, not a CDN or social platform. Verify image URLs are publicly accessible. Use absolute URLs (https://...), not relative paths.
โœ—
Mismatched brand colors:Match your signature color exactly to your brand hex code. Our generator includes a custom color picker for this.
โœ—
Adding a signature to every reply in a thread:Configure your email client to add the signature only to new messages, not replies. Long chains with repeated signatures become unwieldy.

Frequently Asked Questions

Will my HTML email signature work in Outlook?

Yes, if built with HTML tables and inline styles. Microsoft Outlook (all desktop versions from 2007 onwards) renders emails using the Microsoft Word engine, which does not support CSS flexbox, grid, or many modern properties. Signatures built with <table> elements and inline style attributes work correctly across all Outlook versions including Microsoft 365 and Outlook Web Access (OWA).

Why is my email signature showing incorrectly in Gmail?

Gmail strips <style> tags and many CSS properties when displaying emails. Your signature must use only inline styles (style="..." attributes). Gmail also renders images at their natural size if width/height are not explicitly set โ€” always include width and height attributes on all images. Keep signature width under 600px for mobile compatibility.

What is the ideal size for an email signature?

Width: maximum 600px (scales down on mobile). Height: 100โ€“150px is optimal; over 200px risks being clipped. File size (if using images): under 50KB per image, under 100KB total. Images over 1MB will dramatically slow email loading and may be stripped by corporate email servers.

How do I add my email signature to Gmail?

Copy the signature using "Copy Signature" (rich HTML copy). Then go to Gmail Settings (โš™๏ธ) โ†’ See all settings โ†’ General โ†’ Signature โ†’ Create new. Click inside the signature text box and press Ctrl+V (Cmd+V on Mac). The formatting is preserved. Scroll to the bottom and click Save Changes.

How do I add my signature to Outlook?

Desktop: File โ†’ Options โ†’ Mail โ†’ Signatures โ†’ New โ†’ name it โ†’ in the editor, press Ctrl+V โ†’ OK. Outlook Web (OWA): Settings gear โ†’ View all Outlook settings โ†’ Mail โ†’ Compose and reply โ†’ paste your signature in the Signature field โ†’ Save.

Why are my images blocked in Outlook?

Outlook blocks external images and base64-embedded images by default for security reasons. For maximum compatibility, host your logo and photo on your web server (e.g., https://yourdomain.com/logo.png) and reference them with a standard <img src="..."> URL. In corporate environments, IT policies may permanently block all images regardless.

Can I use custom fonts like Google Fonts?

No โ€” or rather, you should not. Web fonts loaded via @font-face or Google Fonts CDN are stripped by virtually all email clients. Stick to web-safe fonts: Arial, Helvetica, Georgia, Verdana, and Tahoma. These are pre-installed on all major operating systems (Windows, Mac, iOS, Android) and render consistently across all email clients.

Do UK companies need to include specific information in email signatures?

Yes. Under the Companies Act 2006, all business emails sent by UK limited companies must include: the company's full registered name, registered office address, company registration number, and the country of registration. This is a legal requirement, not optional. The information typically goes in the email footer / disclaimer section of the signature.

Create Your Email Signature Now

Free HTML email signature generator. Works in Gmail, Outlook, and Apple Mail. No signup, no watermarks.

Create Signature Free โ†’
Written by Abid Niazi
Updated June 2026
11 min read
Reviewed for accuracy