Email Signature Generator Online — Create HTML Email Signatures Free
The free Email Signature Generator creates a professional HTML email signature from your name, title, contact details, and social links — with a live preview and one-click HTML copy. Paste it directly into Gmail, Outlook, or Apple Mail.
Why HTML Signatures, Not Plain Text
Plain text signatures are limited to unformatted characters — no color, no hierarchy, no clickable links. HTML signatures use table-based layouts (the only reliable rendering method across email clients) and inline CSS to produce branded, professional formatting that renders consistently in modern email clients.
The reason email signatures use <table> elements for layout rather than modern CSS is compatibility: Outlook 2007–2019 uses Microsoft Word as its HTML rendering engine, which does not support CSS flexbox, grid, or many other modern layout properties. Tables remain the only cross-client layout method with guaranteed rendering.
What to Include in a Professional Email Signature
| Element | Include? | Notes |
|---|---|---|
| Full name | Always | Use your professional name, not a nickname |
| Job title | Always | Keep current; update on role change |
| Company name | Always | Match official company naming |
| Email address | Recommended | Useful when email is forwarded |
| Phone number | Recommended | Include country code for international contacts |
| Website URL | Recommended | Clickable link to company or portfolio |
| Optional | Most professional social link | |
| Twitter / X | Optional | Include only if actively used professionally |
| Physical address | Avoid | Adds length; omit for remote workers |
| Legal disclaimer | Avoid (unless required) | Rarely read; adds visual noise |
How to Use the Email Signature Generator
- Open the Email Signature Generator.
- Fill in your name, job title, company, email, phone, and website.
- Optionally add your LinkedIn and Twitter/X profile URLs.
- Choose a primary color (used for your name and accent elements) and an accent color.
- The live preview updates as you type — check the layout before copying.
- Click Copy HTML and paste into your email client's signature settings.
Installing Your Signature in Email Clients
Gmail
Go to Settings (gear icon) → See all settings → General tab → Signature section. Click "Create new," give it a name, then click the source code icon in the signature editor toolbar (or use Ctrl+Shift+X / Cmd+Shift+X on Mac), paste your HTML, and save. Set it as the default for new emails and replies.
Outlook (desktop)
Go to File → Options → Mail → Signatures. Create a new signature, then in the editor click the HTML button (or paste using Edit → Paste Special → HTML). Assign it to your account and set it as the default for new messages and replies.
Apple Mail
Mail → Settings → Signatures. Select your account, click +, and uncheck "Always match my default message font." Open TextEdit, paste the HTML, and drag the .html file into the signature field. The easiest method is to compose a new email, paste the HTML via TextEdit, and save it as a signature from there.
Common Signature Mistakes
Images in signatures
Profile photos and company logos embedded in email signatures frequently arrive as attachments or broken images, particularly in corporate email environments that strip remote image URLs. The generated signature from this tool avoids embedded images by default — it uses text and color styling instead, which renders reliably everywhere.
Signatures that are too long
A signature longer than 4–5 lines becomes noise. If recipients scroll past a full paragraph to find the previous message, the signature is too long. Edit ruthlessly: include name, title, company, and two contact methods at most.
Build Your Email Signature
Fill in your details, preview the result, and copy the HTML — ready to paste into Gmail, Outlook, or Apple Mail.
Open Email Signature Generator