Email Signature Generator

Build a professional HTML email signature with a live preview, then copy it into Gmail, Outlook or Apple Mail.

  • Runs in your browser
  • Free, no sign-up
Details
0 / 200
Social links

Shown as text links, which render in every email client (icon images are often blocked).

Style
Layout

Web-safe fonts that email clients have installed.

Logo or photo, disclaimer

Must be a public https:// link. Email clients do not accept uploaded images in signatures. Use a square image of at least 160×160px.

Image shape
0 / 600

Preview

Best regards,

Alex Morgan
Operations Manager | Northwind Studio

How to install

  • Gmail: Settings, See all settings, General, Signature. Select Copy signature here, then paste into the signature box.
  • Outlook: Settings, Mail, Compose and reply (or File, Options, Mail, Signatures on desktop). Paste the copied signature.
  • Apple Mail: Settings, Signatures. Paste, then untick "Always match my default message font".

Send a test email to yourself and check it on a phone. Some clients adjust spacing and fonts.

HTML source (940 characters)
<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse;font-family:Arial, Helvetica, Arial, sans-serif;font-size:13px;line-height:1.45;color:#1f2937;"><tr><td valign="top" style="font-family:Arial, Helvetica, Arial, sans-serif;font-size:13px;line-height:1.45;color:#1f2937;border-left:3px solid #0f766e;padding-left:14px;"><div style="font-size:16px;font-weight:bold;color:#1f2937;">Alex Morgan</div><div style="color:#6b7280;">Operations Manager <span style="color:#0f766e;">|</span> Northwind Studio</div><div style="margin-top:6px;"><span style="color:#6b7280;">Phone</span>&nbsp;<a href="tel:+15550100199" style="color:#0f766e;text-decoration:none;">+1 555 010 0199</a><br><a href="mailto:[email protected]" style="color:#0f766e;text-decoration:none;">[email protected]</a><br><a href="https://example.com/" style="color:#0f766e;text-decoration:none;">example.com</a></div></td></tr></table>

Built in your browser. Your details are not sent to our server.

How to use the email signature generator

  1. Enter your name, job title, company and contact details.
  2. Add social or profile links, and optionally a public https:// link to your logo or photo.
  3. Choose a layout (side by side, stacked or compact), an accent colour and a web-safe font.
  4. Select Copy signature and paste it into your email client's signature settings. Use Copy HTML source for clients that accept raw HTML.
  5. Send yourself a test email and check it on desktop and mobile.

Worked example

Side-by-side signature

For "Alex Morgan, Operations Manager, Northwind Studio" with a phone number, email and website, the tool produces a single table with a teal left border, the name in bold, the title and company on one line, and linked phone (tel:), email (mailto:) and website. The website example.com is linked as https://example.com/.

How it works

The signature is an HTML table with inline styles, the structure most email clients render consistently (many ignore <style> blocks and modern layout). Every value you enter is HTML-escaped, links are limited to http(s), mailto and tel, and the accent colour must be a hex value. Copy signature writes both text/html and text/plain to the clipboard.

Frequently asked questions

Is my data uploaded?

No. This tool runs entirely in your browser. Your input is processed on your device and is not sent to our server or stored.

Why does my logo not appear?

Email signatures must reference images hosted online. Use a public https:// URL. Some recipients' clients block images until they choose to show them, so your details are text, not part of the image.

Why are social links text instead of icons?

Icon images are often blocked or shown as attachments. Text links always display and remain accessible to screen readers.

Copy signature did not keep the formatting. What can I do?

Some browsers limit rich clipboard access. Try another browser, or select the preview with your mouse, copy, and paste it into your signature settings. For clients that accept HTML, use Copy HTML source.

Limitations

  • Email clients differ; spacing and fonts can vary slightly, especially in Outlook for Windows.
  • Images cannot be uploaded; they must already be hosted online.
  • Dark mode in some clients may recolour text.