Skip to content
Yantrakosha
Productivity

How to Add an HTML Email Signature in Gmail and Outlook

Sunil Kalikayi4/8/20265 min read

Adding Your Signature in Gmail

In Gmail: Settings (gear icon) → See all settings → General tab → Signature section → Create new. Paste your HTML signature in the text editor. To insert raw HTML, click the three-dot menu in the signature editor and choose 'Edit as HTML'. Paste your FreeEmailSigGen HTML there. Click Save Changes at the bottom of the page.

Adding Your Signature in Outlook

In Outlook desktop: File → Options → Mail → Signatures → New. In the signature editor, click the HTML button (or press Ctrl+Shift+H). Paste your HTML. In Outlook Web (OWA): Settings → View all Outlook settings → Compose and reply → Email signature. Paste the HTML and save.

Adding Your Signature in Apple Mail

Apple Mail does not support raw HTML signatures directly. The workaround: create a new email, copy your rendered signature from a web browser (not the HTML code), and paste it into the email body. Then drag this email to a signatures folder. Alternatively, use a third-party tool or macOS Automator script to inject the HTML signature file.

Troubleshooting Image Display

If your signature photo or logo does not display, it is usually because the image is embedded as a data URL (base64) rather than hosted on a public URL. Gmail strips many base64 images. For best results: host your image on a public URL (GitHub, your website, or an image CDN) and reference it with an absolute URL in the img src attribute. FreeEmailSigGen lets you input image URLs directly.

Frequently Asked Questions

Create your email signature

Use FreeEmailSigGen to build a professional HTML email signature in minutes — 10 templates, free, no sign-up.

Open Signature Generator
Recommended next tools

A few strong starting points across Yantrakosha.