Email Signature Generator
EverydayCreate a professional HTML email signature in seconds. Enter your name, title, and contact details — copy the HTML or plain text output directly into Gmail, Outlook, or any email client.
What is a Email Signature?
An Email Signature Generator creates a professional, ready-to-paste email signature from your name, job title, company, and contact details — producing both an HTML version (for rich-text email clients like Gmail and Outlook) and a plain-text version (for text-only email contexts and as a fallback).
A professional email signature serves as a persistent business card at the end of every outgoing message. It ensures recipients always have your current contact details without having to search through a conversation thread, and it presents a consistent, professional image in client and colleague communications. The signature includes your name in a slightly larger bold weight, job title and company in a secondary colour, email as a clickable mailto link, phone number, and optional website and LinkedIn links — all within a compact, cross-client table layout.
The HTML output uses a table-based layout with inline styles — the format required for reliable rendering across Gmail, Outlook (desktop and web), Apple Mail, and every other major email client. Unlike web pages, email clients do not support linked stylesheets or modern CSS layout; inline styles in a table are the universal compatibility choice.
How to use this Email Signature calculator
- Enter your full name — this appears as the largest, boldest element in the signature.
- Enter your job title and company name — these appear together on the second line in a lighter grey.
- Enter your email address — rendered as a clickable
mailto:link in the HTML version. - Enter your phone number — include the country code (e.g.
+91 98765 43210) if you communicate internationally. - Optionally enter your website and LinkedIn URL — both are rendered as clickable links in the HTML version. Leave blank to omit.
- Click Generate — the HTML Signature and Plain Text Signature outputs appear.
- Copy the HTML Signature and paste it into your email client's signature settings (see the Gmail and Outlook FAQs above for step-by-step instructions).
- Copy the Plain Text Signature for use as a backup or in text-only contexts.
Formula & Methodology
The HTML signature is a single<table>element with one row and one cell. Inline styles handle all presentation — no class names, no linked stylesheets. The top border accent (border-top: 3px solid #2F6FED) provides a visual separator. Name, title, and contact details are each in a separate<div>within the table cell. All user-supplied strings are HTML-escaped before insertion (&,<,>,"→ their entity equivalents) to prevent any accidental HTML injection from special characters in names or company names. Email and website values are also used inhrefattributes, where the same escaping applies. Fields left blank are omitted entirely from both outputs — no empty lines or missing separators appear in the result. The plain text version follows the RFC 2822 convention:--on its own line (the signature delimiter), followed by name, title/company, email, phone, and URLs — one item per line.
Frequently Asked Questions
What is an HTML email signature?
An HTML email signature is a block of formatted text appended to the end of outgoing emails, created using HTML markup rather than plain text. It allows bold names, coloured links, and a structured layout with your name, title, company, and contact details formatted consistently. HTML signatures are supported in Gmail, Outlook, Apple Mail, Thunderbird, and virtually all modern email clients. They render as styled text rather than raw code — the recipient sees the formatted signature, not the HTML source.
How do I add an HTML signature to Gmail?
In Gmail: open Settings (gear icon) → See all settings → General → scroll to Signature → click 'Create new'. In the signature editor, click the formatting toolbar's last icon (Insert HTML) or use the rich-text editor. If your Gmail editor shows a rich-text interface, you may need to use a browser extension or Gmail's 'Signature defaults' to paste raw HTML. Alternatively, copy the Plain Text Signature output and paste it directly into Gmail's rich-text editor — it will preserve the line structure without any HTML knowledge required.
How do I add an HTML signature to Outlook?
In Outlook (desktop): File → Options → Mail → Signatures → New. In the signature editor, click the HTML source icon (if available) and paste the HTML Signature output. In Outlook on the web (OWA): Settings → View all Outlook settings → Compose and reply → Email signature — paste the HTML directly into the signature field, which accepts HTML formatting. For Outlook desktop versions that do not show an HTML source option, use the Plain Text Signature output instead.
What is the difference between the HTML signature and the plain text signature?
The HTML signature contains markup tags (`<table>`, `<div>`, `<a>`) that email clients render as formatted text — bold name, coloured hyperlinks, spaced layout. The plain text signature is a simple line-by-line representation starting with `--` (the standard email signature delimiter), suitable for clients that do not render HTML or for contexts where plain text is preferred. Always set up both in your email client if it allows: use HTML for new emails and replies in HTML-capable clients, and plain text as a fallback.
Why does the HTML signature use a table layout?
Email clients have inconsistent CSS support — many do not support modern CSS layout properties like `flexbox` or `grid`. HTML tables are the most reliable cross-client layout method for email, supported identically in Gmail, Outlook, Apple Mail, and webmail clients going back many years. Using a table ensures the signature renders correctly across all clients without unexpected reflows or layout breaks. Modern HTML email uses tables for the same reason — not because tables are good layout practice in web development, but because they are the safe choice in email.
Can I include a profile photo or company logo in the signature?
The generator produces a text-only signature without embedded images. Adding a logo or photo requires hosting the image at a publicly accessible URL and adding an `<img>` tag to the HTML signature manually after generating. For example, add `<img src='https://yourdomain.com/logo.png' width='120' alt='Company Logo' style='display:block;margin-bottom:8px;'>` before the name line. Note that many email clients block external images by default, so a text-only signature is often more reliable and professional than one with an image.
What is the '--' at the start of the plain text signature?
The `--` (dash dash space) delimiter is the standard email signature separator defined in RFC 2822 and widely used in email clients. When placed on its own line before the signature content, it signals to email clients and mailing list software that everything below is the signature and should be treated differently — for example, some clients hide the signature in reply threads, and some mailing list software strips it. Including `--` is a best practice for plain text signatures.
Should I include my full phone number or just a mobile number?
Include the number you actually want clients and colleagues to reach you on. In an Indian professional context, a mobile number (with +91 country code for international contacts) is standard. If you have both an office landline and a mobile, list the mobile first or list both on separate lines by editing the generated output. For public-facing roles, consider whether you want your direct number in every outgoing email — some professionals use a work mobile rather than a personal number in their signature.
How do I add social media links beyond LinkedIn?
The generator supports a website URL and a LinkedIn URL. For additional links (Twitter/X, GitHub, Calendly booking link), edit the HTML signature output after generating: copy the LinkedIn link pattern from the HTML and duplicate it with your other URLs. In plain text signatures, simply add the additional URLs on separate lines below the LinkedIn line. Keep signatures concise — more than 3–4 links makes a signature look cluttered and reduces the likelihood of any individual link being clicked.
Is the signature data stored anywhere?
No. The signature is generated entirely in your browser from the values you type. Nothing is transmitted to any server, stored in a database, or logged. Your name, email, phone, and other details exist only in the browser tab while you are using the tool. Close the tab and the data is gone unless you have copied the output.