What is an HTML email signature?

An HTML email signature is a small block of formatted markup — name, title, links, and optional logo — appended to outgoing messages. Unlike plain text, it supports colors, links, and images when built with table layouts and inline CSS.

How do I add an HTML signature in Gmail?

Open Gmail Settings → See all settings → General → Signature. Paste rendered HTML or use the html2email insert button in the signature toolbar. Do not paste raw tags as plain text — Gmail will show the markup. Save Changes at the bottom.

Why do email signatures break in Outlook?

Outlook desktop uses Word as its rendering engine. Flexbox, external CSS, and div-based layouts often collapse. Table-based signatures with inline styles on each cell are the most reliable fix across Outlook, Gmail, and Apple Mail.

Should signature HTML use tables or divs?

Use tables. Email clients have inconsistent CSS support — tables with border="0" cellpadding="0" cellspacing="0" and inline font-family, color, and padding on each element survive Gmail, Yahoo, and Outlook far better than div layouts.

Is this HTML email signature generator free?

Yes. The signature generator on sendhtml.email is free with no sign-up. Copy the HTML fragment and paste it into Gmail or Yahoo. The html2email Chrome extension adds one-click insert and templates on a free plan.

How many signature templates are available?

Six free templates: Classic (photo + vertical divider), Minimal (stacked circular photo), Split card (accent side panel), Banner (colored header strip), Info grid (two-column contacts), and Accent bar (left color stripe). Enter your details once and switch templates — the same data renders in each layout.

Why is there no title tag in the generated HTML?

Gmail vacation responder and some signature editors pull a title element out of pasted HTML and display it as visible text above the body. This tool outputs only the signature fragment — no html, head, or title — so nothing extra appears in your emails.

Email Signature Generator

An HTML email signature is a table-based block with inline CSS — the format Gmail, Yahoo, and Outlook actually render. This free generator includes 6 paste-ready templates (classic sidebar, minimal, split card, banner, info grid, accent bar). Fill in your details once, switch styles above the live preview, then copy the fragment (no <title>). Tables use border="0" cellpadding="0" cellspacing="0" for client compatibility. Or insert into Gmail with html2email.

How to use the email signature generator

Enter your name, title, company, and contact details in the form above.
Optional: add a photo via URL or file upload (base64), toggle social icons, and try the six signature templates above the preview.
Click Copy HTML — the output is a fragment only, safe for Gmail signature settings.
Open Gmail → Settings → Signature, paste the HTML, or use the html2email insert guide.

Why HTML email signatures matter

Your signature appears on every outbound message. A broken layout — missing logo, wrong font, or raw HTML tags showing — undermines trust. According to Litmus, inconsistent client rendering is the top reason email design breaks; signatures are no exception.

Gmail strips <style> blocks in signatures. Outlook ignores flexbox. Table cells with inline CSS on each element keep your name, links, and 80×80px logo aligned across clients.

Best practices checklist

Use tables with border="0" cellpadding="0" cellspacing="0"
Inline every style — no external CSS or class-only rules
Set explicit width and height on images with display:block
Never include <title> in pasted signature HTML
Keep total signature HTML under ~10 KB for fast load

Related free tools

All HTML email tools — hub for preview, checker, and more
UTM Builder — GA4 parameters for campaign links
Out of Office Generator — vacation responder HTML
HTML Email Preview — coming soon
How to add an HTML signature in Gmail — step-by-step guide

FAQ

Insert your signature into Gmail in one click

Copy HTML from this tool, or install html2email for the </> insert button in Gmail Settings.

Gmail/Yahoo - Free

Signature setup guide · Free plan available

Live preview

How to use the email signature generator

Why HTML email signatures matter

Best practices checklist

Related free tools

FAQ

Insert your signature into Gmail in one click