Inboxlogy Free Tools
Email Signature Builder
Build a sharp, professional email signature with a live preview — then copy it straight into Gmail or Outlook. No sign-up, no watermark.
Live preview
How it works
Fill in your details
Enter name, title, company, phone, and links. Add a logo or headshot URL if you want one. The preview updates as you type, so you see the final layout immediately.
Check the live preview
Compare the rendered signature against the images-off version. Anything that disappears when images are blocked needs a text equivalent, because many clients block remote images by default.
Copy into your client
Copy the signature and paste it into Gmail settings or Outlook's signature editor. Formatting carries over. Send yourself a test from the mailbox and open it on a phone before you use it.
Why email signatures break in some clients
A signature is HTML inside someone else's renderer. Gmail strips style blocks and some CSS properties. Outlook on Windows renders with Word's engine, which ignores much of modern CSS. Apple Mail is more forgiving. The result: anything built with flexbox, background images, or external stylesheets falls apart somewhere. Simple inline-styled HTML, a single-column table if you need layout, and web-safe fonts survive almost everywhere.
For cold email there is a second consideration. Signatures full of hosted images, social icons, and banners add remote content and tracking surface to a message that should read as one-to-one. Four or five lines of text, one link, and no images is enough: name, role, company, and a way to reach you. Keep the same signature across your sequence so threads look consistent. If your region requires contact details or an opt-out line, include it as plain text.
Common mistakes
Building the signature as an image
One image containing name, title, and phone looks sharp until images are blocked, and then the recipient sees an empty box. Screen readers get nothing either. Keep text as text.
Stacking social icons and banners
Six icons and a promotional banner turn every reply in a thread into visual clutter and add six external image requests. Pick one link, usually your site or LinkedIn profile, and drop the rest.
Using fonts nobody has installed
A custom webfont falls back unpredictably, so your careful layout reflows on the recipient's machine. Stick to Arial, Helvetica, Georgia, or a system font stack, and set the size in pixels.
Never testing on a phone
Wide signature tables force horizontal scrolling on a phone, and small gray text becomes unreadable. Send a test to yourself, open it on a phone, and check that the signature stacks within the screen width.
Frequently asked questions
How do I add an HTML signature to Gmail?
Copy the rendered signature, open Gmail settings, go to General, scroll to Signature, create one, and paste. Gmail keeps inline styles and strips anything it dislikes. Paste the rendered output, not raw HTML source. Then send yourself a test and check it on both desktop and phone.
Should a cold email have a signature at all?
Yes, a short one. A plain signature with your name, company, and one link adds legitimacy and gives the prospect a way to verify you. Keep it to a few lines of text. Heavy signatures with images and icons make a first-touch email look like a marketing blast.
Do images in a signature hurt deliverability?
A single small logo is unlikely to matter by itself. The risk is cumulative: remote images, several tracked links, and heavy HTML together make a message look promotional, and some clients block remote content, leaving gaps. Text-only signatures avoid the question and render identically everywhere.
Where should I host my signature logo?
On a domain you control, over HTTPS, with a stable URL. Images hosted on free image services can be rate-limited, rewritten, or removed, which leaves a broken image in every email you have ever sent. Set explicit width and height, and always include alt text.
Why does my signature look different in Outlook?
Outlook for Windows renders mail with Microsoft Word's layout engine, not a browser engine. It ignores many CSS properties, adds spacing around tables, and handles margins inconsistently. Use inline styles, simple tables, cellpadding instead of CSS margins, and pixel font sizes. Test in Outlook specifically, since its behavior differs most.