How To Build And Test A Simple Email Signature

Email signatures break in a way most documents don't: you may never see the broken version. Your mail app shows a tidy signature, and the recipient's client shows stacked images, stripped styles and a phone number that wrapped onto three lines.

The reason is that email clients handle HTML inconsistently, sometimes stripping styles or reshaping layouts. The way to a signature that holds up is to keep it simple and test it where recipients actually read.

Include Only What Earns Its Place

Every line in a signature is a line every recipient scrolls past on every reply. The essentials: name, role, company, and one or two ways to reach you. A website earns its place if it tells people what you do. A phone number earns it if people actually call.

Things worth thinking twice about: quotes, disclaimers nobody required, rows of social icons and images. Each one is another element a client can strip or block, and remote images in particular are often blocked by default, which can leave blank space where your logo was meant to be.

Why The HTML Looks Old-Fashioned

Modern web layout relies on CSS that email clients support unevenly. The conservative approach is table-based layout with inline styles and common fonts: a subset of markup that picky clients tend to render more predictably. It looks plain in code, and it still needs testing, because no markup choice guarantees how every client will display it.

Paste It In The Right Place

Each mail app has its own signature slot, and pasting into it is different from pasting into a message. In Gmail, it's Settings, see all settings, Signature. In Apple Mail, Mail, Settings, Signatures. Paste the signature there, not into a compose window, because the signature editor treats pasted HTML more predictably.

Watch for the classic paste failure: the signature looks right but the app converted it to plain text, and links stop being links. If that happens, check the app's format settings before rebuilding anything.

Test Against Real Clients

Before you commit, send test emails to yourself and open them in a representative mix: a web client like Gmail, a desktop app like Apple Mail or Outlook if your contacts use it, and a phone. Check light and dark modes, and look at the signature in a reply chain, where indentation and quoting do strange things.

Check the details: links click through, the accent color reads in both modes, and nothing depends on an image loading.

Build One Now

The Email Signature Builder on DigitalDecided takes your name, role, company, phone, email and website, offers a small set of accent colors, and produces a signature built with old-school table HTML on purpose. The page gives you two copy options: Copy Signature takes the rich, formatted version for pasting into your mail app's signature settings, and Copy HTML gives you the raw markup for workflows that accept HTML source directly, such as a custom mail client or a template file. It is not a fallback for the Gmail or Apple Mail settings pages. The page shows the signature settings path for Gmail and Apple Mail. The building happens in your browser.

Then do the real test: send it to yourself, open it on your phone and in a web client, and compare it with the preview.