email signature guides
Email signature guides
Two kinds of guide, in the order you need them. First decide what belongs in your signature and get clean code for it; then follow the install steps for your mail client. Every guide is grounded in real, anonymized signatures from the collection.
Last updated
Build it right: what to include and the code
Start here. These decide the content and produce something clean to install — what earns a place in a signature, the HTML rules that make it survive Outlook, and where the image actually has to live.
- What to put in an email signature — The five essentials, what is optional by role, what to cut, and the format and legal constraints. The reference the rest build on.
- HTML email signature code — What makes signature HTML render everywhere, why hand-coding fails in Outlook, and how to get clean code.
- Email signature image hosting — Why the logo that looks fine to you is a broken box for recipients, and the one reliable fix.
Install it: the steps for your mail client
Once you have the signature, the HTML is the same everywhere — only the paste differs. Pick your client.
- How to add an email signature in Gmail — The 3-step desktop flow, the mobile app, pasting HTML, and per-address signatures.
- How to add an email signature in Outlook — New Outlook, classic Windows, the web, and Mac, and why a signature set in one does not appear in another.
- How to add an email signature in Apple Mail — The macOS steps plus the two traps — All Signatures assignment and the font-match toggle — that make it look broken.
The short path
If you only do one thing: open the editor, start from a real signature, and export. It produces Outlook-safe HTML with the image already hosted — the two parts these guides exist to get right.
Build your signatureLearn from real ones
The guides reference signatures from the collection, annotated anonymized, and clickable into the editor.
Browse the examples