What the Email Signature Generator does
This email signature generator builds a professional signature - name, role, company, phone, email, website, address, social links, logo and disclaimer - as table-based HTML with inline styles, the format that survives Gmail, Outlook and Apple Mail. You see a live preview, copy it as a ready-to-paste signature or as HTML code, and follow the install steps for your email client.
The output is checked automatically against Gmail's published CSS support list and Microsoft's documentation of the Word engine in classic Outlook, so the signature uses nothing either client is documented to drop. Nothing you type is uploaded.
How to use it
- Fill in your name and whichever contact details you want to show. Phone numbers become tap-to-call links and email addresses become mailto links.
- Add social or portfolio links as
label | address, one per line. - If you want a logo, give its public https address and a width. Email clients load the image from that address, so it must be online, not on your computer.
- Choose colours, a web-safe font and the layout, then check the preview and the compatibility note under it.
- Press Copy signature and paste it into your email client's signature settings. Use Copy HTML only for tools that ask for HTML code.
Reading the results
Copy signature places formatted content on the clipboard, which is what Gmail, Outlook and Apple Mail's signature editors expect. Pasting the HTML code there would show the tags as text.
The layout is built from tables with role="presentation", inline styles and an HTML width attribute on the logo - the combination that renders the same in Word-based Outlook as in webmail.
Any field that does not look valid - an email address without a domain, a link that is not a web address, a logo on http:// - is reported and left out of the links rather than guessed.
Worked example: a corporate signature with a logo
Priya Nair, Head of Marketing at Northwind Traders, enters a London phone number, her work email, the company website without https, the office address, LinkedIn and Instagram links, a 96-pixel logo and a green accent.
The phone number becomes a tel: link without spaces (+442079460000), the website becomes https://www.northwind.example, and the logo sits to the left of the details behind a 2-pixel accent rule. The company disclaimer appears in small grey text underneath.
The compatibility note confirms that every property used - font, colour, padding and borders on table cells, width on the image - is on both Gmail's and Outlook's supported lists. The whole signature is under 3 KB of HTML.
What makes a signature render everywhere
Signatures break for the same reasons newsletters do. Outlook's Word engine ignores most layout CSS, so a signature built with div elements and flexbox falls apart there; Gmail removes CSS it does not support. Tables with inline styles on the cells avoid both problems.
Images are the other weak point. Many recipients see images blocked until they allow them, so the text should make sense without the logo, and the logo needs alt text. Keep it small - a signature with a heavy image in every reply adds up.
Limitations: what the result does not prove
- It builds the signature; it cannot install it in your email client for you.
- Logos are shown as a placeholder in the preview so that nothing is fetched while you type. Check the real image address opens in a private browser window.
- Some mobile email apps have plain-text signature settings only; use Copy plain text for those.
- Company rules on signatures (legal disclaimers, required wording, brand fonts) are yours to follow; brand fonts are not used because most email clients cannot load them.
Privacy: where your data goes
Everything you paste, type or drop is processed in this browser tab. It is not uploaded, logged, stored or sent to analytics. Session recording and tag-manager scripts are switched off on this page.
Standards and sources
- Gmail Help - Create a Gmail signature
- Microsoft Support - Create and add an email signature in Outlook
- Google for Developers - Gmail: CSS support
Frequently asked questions
How do I add an HTML signature in Gmail?
Open Gmail settings, See all settings, and scroll to Signature on the General tab. Create a new signature, click into the box and paste with Copy signature from this page. Choose it as the default for new emails and replies, then press Save changes at the bottom of the page.
How do I add this signature in Outlook?
In the new Outlook and Outlook on the web, go to Settings, Account, Signatures; in classic Outlook for Windows, File, Options, Mail, Signatures. Create a signature, paste with Copy signature, and set it as the default. Pasting the HTML code instead would show the tags as text.
Why does my email signature logo not show?
The image must be hosted at a public https address; email clients cannot read a file from your computer and many block http images. Recipients may also have images turned off until they allow them. Check the address opens in a private browser window and keep the alt text meaningful.
Why use tables in an email signature?
Because classic Outlook renders email with Microsoft Word, which ignores most modern CSS layout. Tables with inline styles on the cells are the one layout method that Word, Gmail and Apple Mail all display the same way.
What should a professional email signature include?
Your name, role and company, and one or two ways to reach you - usually phone and website, since your email address is already in the message. Add a logo and social links only if they help, and a legal disclaimer if your organisation requires one. Short signatures read better on phones.
Is my information stored when I use this generator?
No. The signature is assembled in your browser and nothing you type is sent or saved. The preview even replaces your logo with a placeholder so that no image request is made until you paste the signature into your own email client.
Last reviewed by the A2Z.Tools team against the sources listed above.
