Skip to content
fixyour.page

Email Signature Generator

Create professional email signatures for Gmail, Outlook, and Apple Mail.

Your data stays in your browser
Contact Info
Social Links
Photo / Logo
Image shape
Style
Font
Layout
Fill in your details to see a preview
Email Signature HTML
<!-- Fill in your details to generate a signature -->

Related Tools

DKIM/SPF Generator

Generate DKIM and SPF DNS records for Google Workspace, Microsoft 365, or custom setups.

Use tool →

CTA Button Generator

Generate CSS button code with live preview. Pick colors, sizes, and hover effects.

Use tool →

Email Compatibility

Check HTML email code for rendering issues across Gmail, Outlook, and Apple Mail.

Use tool →

Subject Line Analyzer

Score email subject lines for length, power words, spam triggers, and mobile preview.

Use tool →

How to Create an Email Signature

Fill in your name, title, and contact details. The preview updates instantly so you can tweak colors, fonts, and layout before copying the code. When it looks right, hit Copy and paste the HTML into your email client. In Gmail, go to Settings, scroll to Signature, and paste. In Outlook, go to File, Options, Mail, Signatures, and paste into the editor. In Apple Mail, Preferences, Signatures, then paste.

Why HTML Email Signatures Matter

A plain-text signature is fine. An HTML signature is a branding surface you send hundreds of times a week. Consistent formatting, clickable links, and a professional layout signal credibility before anyone reads the email body. The catch is that email HTML is stuck in the early 2000s — you need table-based layouts and inline styles because email clients strip everything else. This generator handles that complexity so you don't have to.

Email Client Compatibility Tips

Every element in the generated signature uses inline styles and table cells — no CSS classes, no style blocks, no flexbox or grid. That's because Gmail strips style tags, Outlook uses Word's rendering engine (yes, really), and every client has its own quirks. Images may be blocked by default in some clients, so the signature is designed to look complete even without them. Social links use text instead of icon images to avoid broken-image placeholders.

How do I add this signature to Gmail? +
Open Gmail, click the gear icon, then "See all settings." Scroll down to the Signature section and click "Create new." In the signature editor, paste the copied HTML directly — Gmail's editor accepts rich HTML when you paste. If it doesn't render correctly, try pasting into the browser's address bar first (type about:blank, press Enter), paste the HTML source, select all, copy, then paste into Gmail's signature editor.
Why tables instead of CSS layouts? +
Email clients are not web browsers. Outlook renders HTML using Microsoft Word's engine, which doesn't support flexbox, grid, or even basic CSS positioning. Gmail strips all style tags and most CSS properties. Tables with inline styles are the only layout method that works consistently across Gmail, Outlook, Apple Mail, Yahoo, and mobile email apps. It's ugly under the hood, but it's what works.
Will images show in all email clients? +
Not always. Many email clients block remote images by default until the recipient clicks "show images" or adds you to their contacts. That's why the signature is designed to look complete without the photo — your name, title, and contact info are all text, not images. If you use a photo, host it on a reliable URL that won't change. Avoid large file sizes; keep images under 50KB for fast loading.
Can I add my company logo? +
Yes — paste the URL of your logo into the Image URL field. The image will appear at 80x80 pixels. For logos, "Square" shape usually works better than "Round." Make sure the image is hosted on a public URL that won't expire — your company website or a CDN is ideal. Avoid linking to images on Google Drive or Dropbox, as those URLs often break or require authentication.
↑ Back to top