How to Create an Email Signature for Gmail & Outlook (Free)

Why a professional email signature matters

Your email signature is on every message you send — which makes it one of the most-seen pieces of your branding. A well-designed signature:

• Looks professional and builds trust
• Gives recipients a direct way to reach you (phone, website, social)
• Acts as free advertising for your site, product, or services
• Handles the essential legal/regulatory bits (company info, disclaimers) automatically

The fastest way to build one: use a free email signature generator — pick your details, and it produces a ready-to-paste HTML signature with a copy button.

What to include in a signature

Keep it to the essentials — the classic structure:

1. Name — your full name, in a slightly larger font
2. Title — your role (e.g. "Marketing Manager")
3. Company — name, and optionally a link
4. Contact — phone, email, website
5. Optional extras: logo, social links, a small banner or QR code

Avoid: giant images, animated GIFs, more than 2 fonts, rainbow colors, and walls of disclaimers. A signature should be scanned in two seconds, not read.

How to set up your signature in Gmail

1. Open Gmail → click the gear icon → See all settings.
2. Scroll to the Signature section → click Create new.
3. Give it a name, then paste the HTML signature you generated.
4. Gmail keeps the formatting when you paste from a rich source — but it strips some HTML on paste. For the safest result, paste into the compose window from a rich-text clipboard (which the generator's copy button provides).
5. Choose whether to apply the signature to new emails and replies, then Save Changes.

How to set up your signature in Outlook

New Outlook / web:

1. Settings (gear icon) → Mail → Compose and reply.
2. Under Email signature, paste your signature, then save.

Classic Outlook (Windows):

1. File → Options → Mail → Signatures.
2. New → name it → paste your signature into the editor.
3. Set the default signature for new messages and replies/forwards.

Classic Outlook's editor is more strict with HTML — if the formatting breaks, use a signature that relies on standard tables, and avoid pasting from intermediate apps. Paste directly from the generator's output.

HTML signatures: why they break in some clients

Email signatures are just HTML, but every email client renders HTML differently. The two rules that prevent 90% of breakage:

• Use table-based layout — email clients (especially Outlook) ignore modern CSS. Tables render everywhere.
• Inline styles only — no external CSS, no <style> blocks. Every font, color, and size declared inline on the element.

A good HTML signature generator outputs exactly this: table-based, inline-styled markup that renders consistently in Gmail, Outlook, Apple Mail, and Thunderbird.

Signature size limits and best practices

• Keep it under ~100KB and 500 pixels wide. Huge signatures get clipped or flagged as spammy by some filters.
• Don't repeat your signature in quoted replies — most clients do this by default; turn it off if you can.
• Images must be hosted — the generator uses standard practice: keep images as small hosted files (or use the generator's icon/text approach so nothing can break).
• Test in a real send — send yourself a test email and open it on your phone. What looks great in a desktop preview can break on mobile.

Bonus: a QR code in your signature

A small QR code linking to your portfolio, booking page, or contact card is a neat addition — people photograph or scan it at events, and it can't be mistyped. Generate one, host the image, and drop it into your signature with a one-line link below it.

Ready-made generator

Skip the manual HTML: open the Email Signature Generator, enter your name, title, company, and contact details, choose a style, and copy the signature. It's free, works offline, and your details never leave your browser.