Email signature generator
Build a professional HTML email signature with your name, title, contact details and brand color, then copy ready-to-paste HTML for Gmail, Outlook or Apple Mail.
Preview
How it works
The generator builds an HTML table styled with inline CSS, the format that survives the most email clients, from the name, title, company, contact details and social links you enter. Choose a layout, font and accent color, then copy either the formatted signature or the raw HTML source.
- Fill in your details
Name and email are required; everything else is optional.
- Pick a layout and color
The preview updates as you type or choose an option.
- Copy and paste
Copy signature pastes the formatted result; Copy HTML gives the raw code.
Why HTML signatures need inline styles
Email clients render HTML far less consistently than web browsers. Outlook on Windows uses Microsoft Word's rendering engine, which strips most CSS in a `<style>` block, while Gmail strips `<style>` tags entirely but keeps inline `style` attributes on each element. That is why this generator writes every color, size and spacing rule directly on the HTML tags instead of in a shared stylesheet: it is the one approach that survives nearly every inbox.
Adding your HTML signature in Gmail
Open Gmail settings, then See all settings, and scroll to the Signature section. Create a new signature, click the HTML source icon in the toolbar, and paste the copied HTML. Save changes, and the signature appears on new messages and replies.
Adding your HTML signature in Outlook
In Outlook desktop, go to File, then Options, then Mail, then Signatures. Create a new signature, then use Copy signature above and paste directly into the signature editor. Outlook's editor accepts rich formatted content pasted from another program, which preserves the layout better than pasting raw HTML code.
Keep it short
A signature with three to five lines reads better than one with a long legal disclaimer or several phone numbers. Large images slow down email loading and some clients block them by default, so a small profile photo or logo, if you use one, works better than a full banner.
Frequently asked questions
How do I create a professional HTML email signature?
Enter your name, job title, company, email, phone and website into the form. Choose a layout, font and accent color. The preview updates in real time. Click Copy signature to paste a formatted result directly into most email clients, or Copy HTML to get the raw code.
How do I add an HTML signature in Gmail?
Open Gmail, go to Settings, then See all settings, and scroll to the Signature section. Click Create new signature, give it a name, then click the HTML source icon in the signature editor and paste the copied HTML code. Save changes, and the signature appears on new emails and replies.
How do I set an HTML email signature in Outlook?
In Outlook desktop, go to File, then Options, then Mail, then Signatures. Create a new signature, then use the Copy signature button above and paste directly into the signature editor. Outlook's editor accepts the formatted result pasted from another program, which preserves the layout better than pasting raw HTML.
What information should be in a professional email signature?
A standard professional email signature includes your full name, job title, company name, direct phone number and email address, plus optionally a website or LinkedIn URL. Keep it concise: three to five lines is ideal. Avoid long legal disclaimers, multiple phone numbers or large images that slow email loading.
Why does my HTML email signature look different in some email clients?
Email clients render HTML inconsistently. Outlook uses Word's rendering engine, which strips most CSS properties in a style block. Gmail strips style tags but honors inline styles on each element. This generator writes every rule inline to maximize compatibility; if formatting still breaks, the Minimal layout uses the simplest structure and survives the most clients.