EmailSignature Generator

Fill in your details, pick a layout and colour, and copy a signature that looks right in Gmail, Outlook and Apple Mail. It's built with tables and inline styles, the way email needs.

  • Free forever
  • No sign-up
  • Runs in your browser

Your details

Shows as an “All my links” button.

Optional. Use a public image link (your profile picture); email can't carry uploads. Blank shows your initials.

Your signature

To: brand@partner.com

Subject: Spring collab

Thanks, talk soon!

PS
Priya Shah
Founder, Little Loaf Bakery
+1 (555) 010-7788  |  littleloaf.co
All my links →
Instagram  ·  TikTok  ·  LinkedIn

HTML

<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#374151;"><tr><td valign="top" style="padding-right:16px;"><table cellpadding="0" cellspacing="0" border="0" role="presentation"><tr><td width="72" height="72" align="center" valign="middle" style="font-family:Arial,Helvetica,sans-serif;width:72px;height:72px;border-radius:36px;background:#2875c5;color:#ffffff;font-size:24px;font-weight:bold;">PS</td></tr></table></td><td valign="top" style="padding-left:16px;border-left:2px solid #2875c5;"><table cellpadding="0" cellspacing="0" border="0" role="presentation"><tr><td style="font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;font-weight:bold;color:#111827;">Priya Shah</td></tr><tr><td style="font-family:Arial,Helvetica,sans-serif;padding-top:0px;font-size:13px;line-height:1.5;color:#374151;"><span style="color:#6b7280;">Founder, Little Loaf Bakery</span></td></tr><tr><td style="font-family:Arial,Helvetica,sans-serif;padding-top:6px;font-size:13px;line-height:1.5;color:#374151;"><a href="tel:+15550107788" style="color:#374151;text-decoration:none;">+1 (555) 010-7788</a><span style="color:#d1d5db;">&nbsp;&nbsp;|&nbsp;&nbsp;</span><a href="https://littleloaf.co" style="color:#2875c5;text-decoration:none;">littleloaf.co</a></td></tr><tr><td style="font-family:Arial,Helvetica,sans-serif;padding-top:10px;font-size:13px;line-height:1.5;color:#374151;"><a href="https://hiyaly.com/littleloaf" style="font-family:Arial,Helvetica,sans-serif;display:inline-block;padding:5px 12px;border-radius:6px;background:#2875c5;color:#ffffff;font-size:12px;font-weight:bold;text-decoration:none;">All my links &rarr;</a></td></tr><tr><td style="font-family:Arial,Helvetica,sans-serif;padding-top:10px;font-size:13px;line-height:1.5;color:#374151;"><a href="https://instagram.com/littleloaf" style="color:#2875c5;text-decoration:none;">Instagram</a><span style="color:#d1d5db;">&nbsp;&nbsp;&middot;&nbsp;&nbsp;</span><a href="https://tiktok.com/@littleloaf" style="color:#2875c5;text-decoration:none;">TikTok</a><span style="color:#d1d5db;">&nbsp;&nbsp;&middot;&nbsp;&nbsp;</span><a href="https://linkedin.com/in/priyashah" style="color:#2875c5;text-decoration:none;">LinkedIn</a></td></tr></table></td></tr></table>

Gmail: Settings, See all settings, Signature. Outlook: Settings, Accounts, Signatures. Apple Mail: Settings, Signatures. Paste with Copy signature, or use the HTML where an app asks for code.

How to use the Email Signature Generator

  1. 1

    Add your name, title, company, phone and links.

  2. 2

    Pick a layout and an accent colour that matches your brand.

  3. 3

    Click Copy signature, or copy the HTML if your email app asks for code.

  4. 4

    Paste it into your email app's signature settings and send yourself a test.

What to include in an email signature

A good signature answers two questions: who is this, and how do I reach them or see their work? Four or five lines is plenty.

  • Your name and job title, plus your company if you have one
  • One phone number, if you want calls
  • Your website, or a link-in-bio page with everything else
  • Two or three social profiles you actually post on
  • A small photo or your initials, optional

Why email signatures use tables

Email apps aren't browsers. Outlook on Windows uses Microsoft Word to draw emails, and Gmail strips out style sheets, so layouts built with modern CSS fall apart. The reliable way is old-school HTML: tables for layout, with styles written inline on each element.

That's how this generator builds your signature. It sticks to Arial and Helvetica because custom fonts don't load in most email apps, and it escapes everything you type, so a name with & or < in it can't break the code.

Adding it to Gmail, Outlook and Apple Mail

Use Copy signature, which puts the formatted version on your clipboard, then paste it here:

  • Gmail: Settings, See all settings, General, Signature. Create a new one, paste, and save changes at the bottom.
  • Outlook on the web and new Outlook: Settings, Accounts, Signatures. Paste and save.
  • Apple Mail on Mac: Mail, Settings, Signatures. Paste, then untick "Always match my default message font" so your styles stay.
  • iPhone Mail: Settings, Apps, Mail, Signature. It keeps only simple formatting, so expect a plainer version there.

Photos and images in signatures

Signature images are linked from the web, not attached, so use a public image URL such as the profile picture on your website. Keep it small: 72 to 100 pixels on screen is enough. Leave the photo blank and the signature shows your initials in your accent colour, which needs no image at all.

Some email apps hide images until the reader allows them. Never put your phone number or other key details only inside an image, and send a test to a friend on a different email app before you rely on it.

Skip big banners, quotes and legal text you don't need. Long signatures get clipped in replies, and in Gmail a very long email can be cut off with a "View entire message" link.

Frequently asked questions

How do I add an HTML signature to Gmail?

Click Copy signature here, then in Gmail open Settings, See all settings, and scroll to Signature. Create a new signature, paste, and click Save changes at the bottom of the page.

Why does my signature look different in Outlook?

Outlook on Windows ignores some styles, like rounded corners. This signature uses tables and inline styles so the layout holds, though a round photo may show square there.

Can I add social media icons?

This generator uses text links for socials. Icons are images, which many email apps block until the reader clicks to show them, while text links always show and always work.

How long should an email signature be?

Four or five lines. Include your name, role, one or two ways to reach you and a link to everything else.

Is this email signature generator free?

Yes, with no sign-up and no branding added to your signature. Everything runs in your browser.

Embed this tool on your site

Want the Email Signature Generator on your own page? Copy the embed code and paste it where you want it to show up.

  • Free to use on your blog or site, with no account.
  • It sizes itself to fit and works on phones.
  • Keep the credit line so readers know where it's from.
your-site.com/blog

Free Email Signature Generator by Hiyaly

Put it allon one link.