Email Signature Generator
Build an HTML email signature with your name, title, contact info, social links, and brand color. Table-based layout for Gmail, Outlook, Apple Mail.
<table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial,sans-serif;font-size:14px;color:#333333;line-height:1.5;"><tr><td style="vertical-align:top;"><div style="margin-top:8px;font-size:13px;"></div></td></tr></table>
paletteBrand Color
groupSocial Links
What is the Email Signature Generator?
An email signature generator builds the HTML block that appears at the bottom of every email you send: name, title, contact info, social links, optional logo. Email clients render HTML differently than browsers do (no flexbox, limited CSS), so reliable signatures use the table-based layout this generator produces.
How to use the Email Signature Generator
- 1
Fill in the contact fields
Name and title are required for the preview to show. Email, phone, website, and logo URL fill out the signature. Logo image must be hosted on a public URL (paste a CDN or website URL).
- 2
Add social links
LinkedIn, Twitter/X, GitHub URLs render as small icons next to your name. Leave blank to skip.
- 3
Pick a brand color
Color picker sets the accent color used for the company name and link underlines. Default is a muted blue; switch to your brand's hex if you have one.
- 4
Copy and paste into your email client
Hit Copy HTML, then paste into Gmail Settings → Signature, Outlook Settings → Mail → Signature, or Apple Mail Preferences → Signatures. The HTML preserves on paste in all three.
Frequently Asked Questions
How do I add the signature to Gmail?
Open Gmail, click the gear icon, then See all settings. Under the General tab, scroll to Signature, click Create new, and paste the copied HTML directly into the signature editor. Gmail preserves the HTML on paste. Save changes at the bottom of the page; new emails will include the signature automatically.
Will it work in Outlook?
Yes. Outlook (web, desktop, and 365) accepts HTML signatures pasted into the signature editor: Settings → Mail → Compose and reply → Email signature. The table-based layout this generator produces is the only reliable approach for Outlook, since Outlook desktop strips most modern CSS like flexbox and grid.
Can I include my company logo?
Yes. Paste the logo image's public URL into the Logo URL field. The image renders as part of the signature using a regular <img> tag pointing at your URL. Host the logo somewhere reliable (your website, a CDN, an asset host); avoid Google Drive or Dropbox links, which can break in some email clients.