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.
⏱ 9 min read · Complete guide below
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.
What Belongs in a Professional Signature
A good signature answers one question for the recipient: who is this and how do I reach them? The essentials are your full name, your job title, and your company, followed by the contact methods you actually want people to use — typically a phone number and, in a business context, your website. One or two relevant social links (most often LinkedIn) are useful; more than that turns your signature into clutter. Resist the urge to add inspirational quotes, large logos, or a wall of legal disclaimers unless your organisation requires them. Every line you add appears on every message and every reply beneath it, so brevity is not just tidier — it is more professional.
Why HTML Email Is So Finicky
Email is not the web. Each email client — Gmail, Outlook desktop, Outlook web, Apple Mail, and dozens of mobile apps — uses its own rendering engine, and many of them ignore modern CSS entirely. Outlook on Windows, notoriously, renders HTML using Microsoft Word's engine. That is why robust signatures are built the old-fashioned way: with HTML tables for layout and inline styles on every element, rather than the flexbox, grid, and stylesheet techniques used on websites. This generator produces exactly that kind of table-based, inline-styled markup, which is why it pastes reliably into the widest range of clients.
Installing and Testing Your Signature
Once you copy the HTML, the setup is quick but differs by client — Gmail has a signature box in its General settings, Outlook has a Signatures dialog, and Apple Mail lets you paste directly into a signature. The one step people skip and regret is testing: before you rely on a new signature, send yourself a message and view it in the clients your recipients actually use, ideally including a phone. Minor differences in spacing or link colour between clients are normal and expected; the goal is simply to confirm nothing is broken or unreadable. Because this tool runs entirely in your browser, you can tweak and re-copy as many times as you like until it looks right everywhere.
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.
The Purpose and Psychology of a Signature
An email signature is a small thing that does a surprising amount of work. Every message you send ends with it, so it is one of the most-repeated pieces of communication you produce — and that repetition is precisely its power. A clean, consistent signature quietly signals professionalism and legitimacy: it tells the recipient you are a real, contactable person at a real organisation, which subtly builds trust, especially in first contact with someone who does not yet know you.
It also serves a plain practical purpose: making you easy to reach. When someone needs your phone number, your title to confirm they are talking to the right person, or a link to your company, the signature puts it one glance away rather than forcing them to hunt through old emails. And because it appears on every message, a signature that matches your brand's colours and style reinforces your identity a little with each send — a modest but real branding touchpoint. Understanding this is what justifies getting it right: it is not decoration, it is a tiny, always-on business card.
Legal and Compliance Considerations
Depending on where you are and what you do, a signature can carry legal weight, and it is worth knowing when more than the basics is required. In parts of the world — notably several European countries — business emails are legally required to include specific company information, such as the registered company name, registration number, and registered office address, much like on official letterhead. Failing to include it can carry penalties, so companies in those jurisdictions build this into every employee's signature.
Regulated industries add their own requirements. Financial, legal, and healthcare organisations often mandate confidentiality notices or disclaimers — the “this email and any attachments are confidential…” text you have surely seen. Their legal usefulness is debated, but where a compliance team requires them, they are not optional. The practical guidance is a balance: keep personal and small-business signatures lean and clutter-free, but if you work somewhere with legal or regulatory obligations, include exactly what your organisation's policy specifies — no more, no less. When in doubt about requirements, check with your legal or compliance function rather than guessing.
The Signature as a Marketing Channel
Because your whole team's emails carry a signature, it is also a genuinely useful — and free — marketing surface, if used with restraint. A single, well-chosen call to actioncan turn everyday correspondence into gentle promotion: a link to a current webinar, a new product launch, a case study, a “book a meeting” scheduler, or a link to leave a review. Multiply that across every message an organisation sends and it becomes a meaningful, no-cost channel that reaches exactly the people you already correspond with.
The key is discipline. One relevant, current CTA works; a stack of banners, badges, and awards turns your signature into visual noise that undermines the professionalism it is supposed to project. If you use a promotional element, keep it small, make it genuinely relevant to your audience, and refresh it when the campaign changes rather than letting a stale “register for our 2023 event” linger for years. For most people, the right answer is a clean signature with the essentials and, at most, one purposeful link. Build the core signature here, keep it consistent across your team for a unified brand, and add a single CTA only if you have something worth pointing to — that combination is both professional and quietly effective.
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.
What should a professional email signature include?
Keep it to the essentials: your full name, job title, and company, plus the contact details you want people to use — usually a phone number and, for business, a website. One or two relevant social links such as LinkedIn are fine. Avoid quotes, large images, and long disclaimers unless your organisation requires them, since everything in your signature repeats on every message and every reply below it.
Should my email signature include an image or logo?
It can, but be cautious. Most email clients block external images by default, so a recipient may see a broken image placeholder instead of your logo until they choose to load images. A clean text-based signature like the one this tool produces is more reliable, loads instantly, and looks consistent everywhere. If you do add a logo, host it on a stable public URL and keep it small.
Why does my signature look fine in Gmail but broken in Outlook?
Because Outlook on Windows renders HTML using Microsoft Word's engine, which handles spacing, images, and CSS very differently from Gmail or Apple Mail. This is the single most common cause of signature rendering issues. Table-based layouts with inline styles — which this generator uses — are the most Outlook-friendly approach, but small differences in padding or line spacing between clients are normal and usually not worth chasing to perfection.
Can I use the same signature across my whole team?
Yes. Generate one signature with consistent branding — the same primary colour, layout, and format — and share the HTML with colleagues, who each paste it in and swap their own name, title, and contact details. This keeps every team member's emails looking consistent and on-brand. For large organisations, IT can often deploy a standard signature centrally, but for a small team, sharing the copied HTML is the quickest route.