Email Signature Generator Templates

How to create a signature from a template

The editor above is the same generator as the homepage. Work on this page instead of bouncing to the main tool and back. The value is a copy-ready HTML block, not a screenshot.

1. Choose a template

Open the Style card and click a template. The live preview on the right updates immediately. These are the six layouts the generator actually ships:

• Professional — name, title, a short color divider, then contact links.
• Creative — rounded photo and a gradient accent bar.
• Minimal — text only, with name, title, and company separated by pipes. Use this when you do not want a photo.
• Corporate — uppercase name and a left accent border.
• Modern — rounded avatar and colored social badges.
• Elegant — serif-style type with a gold/dark accent.

Sales, recruiting, and client-facing roles usually need a phone number and often a photo. Internal or developer signatures usually work better as Minimal or Professional without extra social rows.

2. Fill name, title, phone, and website

In Your Information, enter the fields you want in the signature. Empty fields are omitted from the HTML:

• Full Name — shown as the heading. The preview uses “Your Name” until you type one.
• Job Title and Company — sit under the name (Professional joins them with “at”).
• Email, Phone, and Website — become mailto, tel, and website links on one line.

Keep the title short enough to scan on a phone. Add a country code on the phone field if you write to people outside your country. For Website, https://example.com or example.com both work; the generator prefixes https when needed.

3. Add a photo, social links, and colors only if they help

Upload Avatar Photo if you want a headshot. The file is embedded as a base64 image in the HTML, so it travels with the signature and is not hosted on this site. Keep the file small (under 200KB) so the pasted signature stays light.

Social Links accept LinkedIn, Twitter/X, GitHub, Instagram, or Facebook URLs. Skip a row if you do not have a real URL — empty social fields are not rendered. Primary Color and Text Color restyle the accent and body text. If you change colors, check contrast in the preview before copying.

4. Copy the HTML

When the preview looks right, click Copy Signature. That copies the preview HTML plus a plain-text fallback. Copy to Gmail and Copy to Outlook copy the same HTML and then show the paste steps.

Next, paste into your client:

• Gmail signature setup — Settings → See all settings → Signature → Create new → paste → Save Changes.
• Outlook signature setup — desktop (File → Options → Mail → Signatures), new Outlook, Outlook on the web, or a plain-text mobile version.

Send one test email to yourself and to a second client if you can. Check that the name is readable, the phone and website links open, and the layout still works if the photo is blocked.

What this generator does not do

It does not log you in, save signatures on a server, or push a signature into Gmail or Outlook for you. Gmail and Outlook mobile apps still use a separate plain-text signature; keep a short name/title/phone/website version there. The HTML includes a small “Powered by Email Signature Generator” line at the bottom of every template.