Email Signature Generator - Free HTML Maker

An email signature generator builds a ready-to-paste sign-off from your name, job title, company, contact details and social links. This free email signature generator is for professionals, students and small teams who want a clean HTML signature for Gmail, Outlook and other email apps, with a live preview and one-click copy.

What Is an Email Signature?

An email signature is the block of text, links and sometimes an image that sits at the bottom of every message you send. You may also hear it called an email footer or sign-off block. It tells the reader who you are, where you work and how to reach you without a second message.

A basic signature holds your name, role, company, a phone number and a website. A richer one adds a headshot or logo and icons that link to LinkedIn, X, GitHub or Instagram. Most signatures are written in HTML, which is what lets them carry colors, clickable icons and a tidy layout instead of plain text only.

People also ask about email signature size. There is no official limit, but a widely used guideline is to keep the whole block to about four to seven short lines and any image small, so it does not push your actual message down or slow the email's loading.

How to Use the Email Signature Generator

You fill in a short form, watch the preview update as you type, then copy the result. The steps below use the exact field names on the page.

1. Type your Full Name, Job Title and Company. The placeholders show the format, such as John Doe, Marketing Manager and Acme Inc.
2. Add your Email, Phone and Website. Use the format your recipients expect, for example +1 (555) 123-4567 and a full address starting with https://.
3. Paste a Photo URL if you want an image. It must be a direct link to a picture that is already online, such as https://example.com/photo.jpg.
4. Open the Social Links section and paste full profile addresses into LinkedIn, Twitter / X, GitHub and Instagram. Leave out any network you do not use.
5. Pick an Accent Color with the color picker (the default is #2563eb) and choose a Template: Horizontal (Classic), Vertical (Stacked) or Minimal.
6. Check the Preview, then press Copy HTML. Select View HTML Source if you want to read the code before you use it.

Every field is optional in the sense that blank ones are simply left out of the signature, so you can start with just a name and build up.

Worked Example: A Marketing Manager's Signature

Here is a realistic run so you can see how inputs turn into a finished signature.

• Full Name: Maria Lopez
• Job Title: Marketing Manager
• Company: Acme Inc.
• Email: [email protected]
• Phone: +1 (555) 123-4567
• Website: https://example.com
• LinkedIn: her public profile address
• Accent Color: #2563eb
• Template: Horizontal (Classic)

The preview shows her name and role with the company beneath, then the email, phone and website as contact lines, and a single LinkedIn icon colored in the blue accent. Because she left the photo, X, GitHub and Instagram fields empty, none of those elements appear. That is the right result: four short lines and one icon, easy to scan on a phone.

If Maria then switches the template to Minimal, the same details are shown in a lighter layout with less visual weight. That version suits internal replies, while the classic layout fits first-contact emails to clients.

Which Template and Color Should You Choose?

Choose the template by where the signature will be read and how much you are including. The three layouts trade visual structure against compactness.

For the accent color, pick your brand color if you have one. Otherwise choose a mid-to-dark shade that stays readable on white. Very light colors such as pale yellow become hard to see, and the social icons use the same color, so a weak choice affects them too. Use one accent only; a signature with several colors looks cluttered.

How Do You Add the Signature to Gmail, Outlook or Your Phone?

Copy the signature from this page, then paste it into the signature box in your email app's settings. Each app puts that box in a slightly different place.

Gmail

Open Settings, choose See all settings, stay on the General tab and scroll to Signature. Create a new signature, paste your copy into the box and save the changes at the bottom of the page.

Outlook

In classic Outlook, go to File, Options, Mail, then Signatures. In Outlook on the web and the newer app, open Settings, then Accounts, then Signatures. Create a new signature, paste, and choose whether it applies to new messages, replies and forwards. The reply setting is the one people forget when they ask why their signature is missing on replies.

iPhone and Outlook mobile

Phone apps have their own signature settings, separate from your desktop. In Outlook mobile, open Settings and find Signature. The iPhone Mail app has a Signature option in the Mail section of Settings. Mobile boxes are often plain text only, so expect icons and colors to be dropped there, and keep the text version tidy.

Gmail and Outlook signature boxes are rich-text editors, not code editors. If pasting the copied HTML shows raw tags as text, select the rendered signature in the preview itself, copy it, and paste that instead. Email apps that accept HTML source directly can use the copied code as it is.

How Do You Read and Improve Your Preview?

The preview is exactly what a recipient should see, so judge it the way they would: at a glance, on a small screen.

• Good result: name and role are clear within one second, contact details are short, and there are no more than three or four icons.
• Missing photo: the Photo URL is probably not a direct image link, or the image is not publicly reachable. Open the address in a new tab; it should show only the picture. Links that need a login will not display for your recipients either.
• Icon missing: the social field is empty or the link was not pasted in full. Use the complete address starting with https://.
• Crowded look: switch to Minimal or remove the weakest items. A phone number, a website and one social profile cover most needs.
• Hard to read: darken the accent color until it is clearly legible on a white background.

Who Is This Signature Maker For?

It suits anyone who sends email under their own name and wants a consistent, professional finish without designing anything by hand.

• Job seekers and college students: a simple name, program, phone and LinkedIn link makes internship and recruiter emails look polished.
• Freelancers and consultants: add a website and one social profile so prospects can check your work.
• Developers: the GitHub field puts your code profile one click from every message.
• Small business teams: give every employee the same layout and accent color by reusing the same template with different names.
• Marketers and creators: include Instagram or X where those channels are part of your outreach.

If your work involves email outreach, other utilities in the online calculators and utilities collection may be useful alongside it.

Best Practices and Common Mistakes

The most reliable signatures are short, accurate and easy to read on any device. These habits prevent the problems people hit most often.

• Keep it short. Four to seven lines is a common guideline. Skip quotes, long disclaimers and banners unless your company requires them.
• Use a small, square photo or logo. A large image slows loading and can push your signature below the fold of a short reply.
• Host images on a stable address. If the photo is moved or deleted, the image breaks in every email you ever sent with it.
• Double-check your own address. A typo in the Email field gets copied into every message. A tool such as the bulk email validator can confirm that an address has valid syntax and domain records.
• Link to full, working pages. Test each link after pasting. Very long campaign links can be trimmed with a bulk URL shortener, but short links can look less trustworthy, so keep your main website link in full.
• Send yourself a test. Email yourself and open the message on a phone and a desktop before you rely on the signature.
• Do not rely on images for key details. Some apps block images by default, so your phone number and email should always be real text.

If you need to collect contact addresses from public pages for your outreach list, the email finder handles that separately from signature building.

Limitations to Know About

This generator covers the common details and four social networks, and it has limits worth knowing before you start.

Photos come from a web address you paste in, so the tool does not host or upload image files for you. There are three layouts and one accent color, with no custom fonts, banners or extra social networks. Email apps differ in how they display HTML, so the same signature can look slightly different in Gmail, Outlook and a phone app. That is why a test email matters. Mobile apps often strip formatting entirely.

Finally, remember that your signature is a business card inside every message. Fill in the form on this page, compare the three templates in the live preview, and press Copy HTML when it looks right. Then paste it into your email settings, send yourself a test, and adjust anything that looks off.