About the Email Signature Generator
Email Signature Generator designs a clean HTML email signature. Type your name, job title, company, phone, email, website and optional address, LinkedIn and X links and a photo or logo web address, choose one of three layouts (simple, side bar or card), a font and an accent colour, and the page shows a live preview and builds a table-based signature with inline styles that email programs understand. Press Copy signature and paste it into the signature settings of Gmail, Outlook or Apple Mail, or copy the HTML code. Links are checked so that only safe web, email and phone links are used.
Updated October 2026
How to use the Email Signature Generator
- 1Fill in your name, title, company and contact details.
- 2Choose a layout, a font and an accent colour.
- 3Check the preview.
- 4Press Copy signature, or Copy HTML for the code.
- 5Paste it into your email program's signature settings.
What a good signature contains
A professional signature tells the reader who you are and how to reach you, in as little space as possible. Your name, role and company come first, then one or two contact methods and a website. Add social links only when they help your work, and keep the design plain so it opens the same in every email program.
Choosing a layout
The simple layout is the safest for all programs. The side bar adds a coloured line that gives a little structure, and the card layout frames the signature in a box with an accent line on top. If you add a photo, use a square image about 160 pixels wide so it stays sharp on high-resolution screens.
- Simple: plain text, most compatible
- Side bar: a coloured line at the left
- Card: a framed signature with a coloured top
- Photo or logo: a square image from a web address
Installing it
Press Copy signature to put a formatted version on the clipboard, then paste it into the signature box of your email program. If your browser cannot copy formatted text, use Copy HTML and paste the code into a program that accepts HTML signatures. Send a test message to yourself and to a friend with a different email program.
Related tools
Add a clickable message link with the WhatsApp Link Generator and a Mailto Link Generator, include a vCard QR Code Generator code on printed material and write the email itself with the AI Email Writer.
Features
- Three layouts with a live preview
- Photo or logo, LinkedIn and X links
- Accent colour and font choice
- Clean table code with inline styles
- Safe links only
- Private: nothing is uploaded
Frequently asked questions
How do I add the signature to Gmail?
Open Settings, See all settings, scroll to Signature, create one and paste the copied signature into the box. Save changes at the bottom.
How do I add it to Outlook?
In Outlook on the web, open Settings, Mail, Compose and reply, and paste into the signature box. In the desktop program, use File, Options, Mail, Signatures.
Why must images be on the web?
Email programs cannot show a picture from your computer. Use a link to an image that is online, such as one on your website, and keep it small.
Why is the signature made with a table?
Email programs have limited support for modern layout, but they all handle tables and inline styles, so a table keeps the signature the same everywhere.
Will the colours look the same everywhere?
Mostly. Some dark-mode email programs change colours. Use a mid-tone accent colour that works on both light and dark backgrounds.
How long should an email signature be?
Short: name, role, one or two ways to reach you and perhaps a link. Long signatures annoy readers and take up space in long threads.
Does it work on phones?
The table is compact and wraps on small screens in most programs.
Is my information uploaded?
No. The signature is built in your browser.