Email Signature Generator Online
Create a professional HTML email signature in seconds. Fill in your details, choose colors, preview the result, and copy the HTML code for Gmail, Outlook, or Apple Mail. No signup, runs in your browser.
Personal Info
Contact
Social Links
Colors
|
|
<table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial,sans-serif;font-size:14px;color:#374151;max-width:480px;">
<tr>
<td style="padding-right:16px;border-right:3px solid #667eea;vertical-align:top;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td style="padding-bottom:2px;font-size:16px;font-weight:700;color:#111827;">Jane Smith</td></tr>
<tr><td style="padding-bottom:2px;font-size:13px;color:#6b7280;">Senior Product Manager</td></tr>
<tr><td style="font-size:13px;font-weight:600;color:#667eea;">Acme Corp</td></tr>
</table>
</td>
<td style="padding-left:16px;vertical-align:top;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td style="padding-bottom:3px;font-size:13px;"><a href="mailto:jane.smith@acmecorp.com" style="color:#667eea;text-decoration:none;">jane.smith@acmecorp.com</a></td></tr>
<tr><td style="padding-bottom:3px;font-size:13px;">+1 (555) 123-4567</td></tr>
<tr><td style="padding-bottom:3px;font-size:13px;"><a href="https://acmecorp.com" style="color:#667eea;text-decoration:none;">acmecorp.com</a></td></tr>
<tr><td style="padding-top:4px;font-size:12px;"><a href="https://linkedin.com/in/janesmith" style="color:#667eea;text-decoration:none;">LinkedIn</a> | <span style="color:#667eea;">@janesmith</span></td></tr>
</table>
</td>
</tr>
</table>How to Create an Email Signature
- 1Fill in your name, title, company, email, phone, and website in the form.
- 2Add optional LinkedIn URL and Twitter/X handle for social links.
- 3Adjust the primary color (accent bar and links) and name color to match your brand.
- 4Click Copy HTML and paste it into your email client's signature settings.
HTML Email Signature Best Practices
Email signatures should be concise — name, title, contact, and at most two social links. Longer signatures add noise to every email thread. Use table-based HTML layout with inline styles for maximum compatibility across email clients. Avoid JavaScript, external CSS, or background images, as these are commonly stripped by email clients for security reasons.
Email Signature Tips
Match Brand Colors
Set the primary color to your brand color for a consistent professional appearance. Use the hex input to enter an exact brand color value.
Keep It Short
Signatures longer than 4–5 lines add clutter to every email thread. Include only the contact details recipients actually need.
Test Across Clients
Send a test email to accounts on Gmail, Outlook, and Apple Mail before rolling out your signature to check rendering differences.
Avoid Images
Email clients block external images by default. Text-based signatures like this one are more reliable and load faster than image-heavy designs.
Frequently Asked Questions
How do I add this signature to Gmail?
Copy the HTML code from the tool. In Gmail, go to Settings → General → Signature → Create new. Click the "Insert HTML" icon in the signature editor (or paste the HTML and adjust). Save changes.
How do I add this signature to Outlook?
In Outlook (desktop), go to File → Options → Mail → Signatures. Create a new signature, then paste the HTML using the HTML editor view. In Outlook Web App, go to Settings → View all Outlook settings → Mail → Compose and reply.
Does the signature include a photo?
The current template uses a text-based layout without a photo. For a photo, you would need to host the image on a public URL and add an <img> tag to the HTML. Most email clients block external images by default, so a hosted image is the most reliable approach.
Why does my signature look different in some email clients?
HTML email rendering varies across clients. Gmail, Outlook (desktop), and Apple Mail all render HTML differently. The template uses table-based layout with inline styles — the most compatible approach — but minor rendering differences are normal and expected.
Is the generated HTML stored anywhere?
No. All processing happens in your browser. The HTML output is generated locally and never sent to any server.