Free Email Signature Generator — HTML Signatures for Gmail, Outlook & Apple Mail

Fill in your details, pick a template, and copy HTML you can paste straight into your mail client's signature box. Eight layouts, your own brand colours and font, profile photo, company logo, promotional banner, a call-to-action button, a legal disclaimer, and links for eight social platforms. Free, no sign-up, no watermark, and nothing is uploaded — the HTML is built in your browser as you type.

What actually renders in an email client

Email HTML is not web HTML. Outlook on Windows draws messages with the Word rendering engine, which ignores flexbox, gradients, rounded corners and SVG. Gmail runs its own sanitiser that strips SVG outright. A signature that looks right in a browser preview can arrive somewhere between plain and broken if it leans on any of that.

So the templates here are built out of tables with inline styles, every gradient is preceded by a solid colour of its own, and the initial-letter avatar you get when you do not upload a photo is a table cell with a bgcolor attribute rather than a styled div. Outlook then has something real to fall back on instead of dropping the block.

Social links default to styled text rather than icons for the same reason. The icons are inline SVG, so in Gmail and Outlook an icon row arrives as an empty clickable gap. Text links render in every client ever shipped. If your audience reads mail in Apple Mail, the icon row is available under Options.

  • Tables and inline styles — no external stylesheet to be stripped
  • A solid colour declared before every gradient
  • Avatar built as a table cell with bgcolor, not a flex div
  • Text social links by default; SVG icons optional
  • Every field escaped, so an ampersand or a quote cannot break the markup

Choosing a template

Minimal, Compact and Classic use the fewest visual effects and therefore survive Outlook most cleanly — Compact in particular condenses to one or two lines, which is what most internal mail actually wants. Modern, Card, Professional and Creative add a coloured bar or border and still degrade sensibly.

Bold puts a gradient behind white text. It is the most striking of the eight in clients that support it and the one to think twice about if your recipients are on Outlook: the gradient falls back to your solid brand colour there, so it stays readable, but the effect is gone.

Whichever you pick, keep the signature under about 500px wide. Anything wider forces horizontal scrolling on a phone, and phones are where most email is now read.

Images, and why they often do not appear

Your photo, company logo and banner are loaded from wherever they are hosted. Most mail clients block remote images until the reader clicks 'show images', and plenty of people never do. That is the single biggest reason to keep your name, title and contact details as text rather than baking them into a picture.

It also means the image URLs have to be publicly reachable. A file on your own machine, in a private Drive folder, or behind a login will not load for anyone else. Host them on your own site or an image host and paste the direct URL.

Keep the photo at 80×80 or smaller and the whole signature under about 10KB of HTML. Large signatures get clipped by Gmail, which hides anything past roughly 102KB behind a 'view entire message' link — and repeated on every reply in a long thread, a heavy signature adds up.

Installing it

In Gmail the important step is the source-code button in the signature editor: pasting into the rich text box directly will strip most of the formatting. In Outlook, use Insert as HTML or the Source button in the signature editor, and paste with Keep Source Formatting.

Apple Mail has no HTML field at all — the usual route is to create any signature, then edit the file it stores, or to paste rendered HTML from TextEdit in rich text mode. iOS Mail is the most limited of the lot, which is where the Minimal and Compact templates earn their place.

A legal disclaimer, if your employer requires one, goes in the Disclaimer field under Advanced and prints as small print at the foot of the block. Angle brackets and ampersands in that text are escaped, so the usual confidentiality boilerplate cannot break the signature.

Frequently Asked Questions

Is this email signature generator completely free?

Yes — 100% free forever. No sign-up, no watermark, no subscription, no usage limits. Create and copy unlimited email signatures at zero cost.

What fields can I add to my email signature?

You can add name, job title, department, company, pronouns, email, office phone, mobile phone, website, physical address, tagline, CTA button, company logo, promotional banner, and legal disclaimer — plus social media links for 8 platforms: LinkedIn, Twitter/X, Facebook, Instagram, YouTube, WhatsApp, TikTok, and GitHub.

Should I use text links or icons for social media?

Text links, unless you know your recipients read mail in Apple Mail. The icons are inline SVG, and Gmail removes SVG from message HTML while Outlook's Word-based renderer cannot draw it — in both, an icon row arrives as an empty gap. A styled text link renders in every client ever made, which is why it is the default here. You can switch to icons under Options if you want them.

What social platforms are supported?

Eight: LinkedIn, Twitter/X, Facebook, Instagram, YouTube, WhatsApp, TikTok, and GitHub. Twitter handles beginning with @ and WhatsApp phone numbers are turned into working links automatically.

How do I add the signature to Gmail?

Open Gmail → Settings (⚙) → See all settings → Scroll to 'Signature' section → Create new → Click the source code icon (</>) in the editor toolbar → Paste the HTML → Save changes at the bottom.

How do I add the signature to Outlook?

Go to File → Options → Mail → Signatures → New → Name your signature → In the Edit Signature box, click Insert as HTML or the Source button and paste the code → Set as default for new messages → OK.

How do I add the email signature on iPhone?

Go to iPhone Settings → Mail → Signature → Tap 'All Accounts' or select a specific account → Clear the default text and paste your signature HTML. Note: iOS Mail has limited HTML support — use the Minimal or Compact template for best results on iPhone.

Can I add my company logo to the signature?

Yes. Enter your company logo image URL in the 'Company Logo URL' field under the Branding section. The URL must be publicly accessible (hosted on your website, Cloudinary, or Imgur) so email clients can load it. Works on all 8 templates.

Why doesn't my signature look right in Outlook?

Outlook renders mail with the Word engine, which ignores gradients, rounded corners, flexbox and SVG. Every template here declares a solid colour before any gradient and builds the initial-letter avatar as a table cell with a bgcolor attribute, so Outlook has something to fall back on rather than dropping the block entirely. Minimal, Compact and Classic still survive Outlook most cleanly, since they lean on the fewest effects. When pasting, use Keep Source Formatting (Ctrl+Shift+V).

Can I use quotes, ampersands or angle brackets in my details?

Yes. Every field is escaped before it goes into the HTML, so a company like Barnes & Noble, a title like Head of R&D, or a name written Alex "AJ" Johnson comes out as readable text rather than breaking the markup. This matters most in the legal disclaimer, where angle brackets and ampersands are common.

What is the best email signature size?

Keep your signature under 500px wide and 200px tall. Use a profile photo no larger than 80×80px. Keep the total HTML under 10KB to avoid spam filter triggers. All our templates are designed within these constraints.

Should I add my photo to the email signature?

Yes — email signatures with a professional headshot significantly increase reply rates. A photo humanizes your emails and builds personal connection. Use a square or circle crop with a neutral background and good lighting. If you do not add one, the signature shows an initial-letter avatar instead.

Why does my photo not appear for some recipients?

Images in a signature are loaded from wherever they are hosted, and many clients block remote images until the reader clicks 'show images'. That applies to your photo, your company logo and any banner. It is a reason to keep the important information — name, title, contact details — as text rather than baking it into an image.

What is the difference between an email signature and an electronic signature?

An email signature is a branded information block added to the end of every email — it contains your name, contact details, logo, and social links. An electronic signature (e-signature) is a legally binding digital equivalent of a handwritten signature used to sign contracts. They serve completely different purposes.

Can I use this email signature maker on mobile?

Yes. The tool is fully mobile-optimized with a Form/Preview tab layout — tap Form to enter your details and Preview to see and copy your signature. Works on iPhone, Android, and any modern mobile browser.

How do I add a CTA button to my email signature?

Expand the Advanced section and enter your CTA Button Text (e.g. 'Book a Call', 'View Portfolio') and CTA Button URL (e.g. your Calendly link). A styled button will appear at the bottom of your signature in all templates.

What is a legal disclaimer in an email signature?

A legal disclaimer is small-print text at the bottom of your signature covering confidentiality notices, HIPAA compliance, financial advice disclaimers, or liability limitations. It's common in finance, legal, healthcare, and corporate emails. Add yours in the Disclaimer field under Advanced.

Related free tools

More free utility tools