No Login Data Private Local Save

HTML Email Signature Builder - Online Professional Footer Creator

5
0
0
0
Email Signature Builder

Fill in your details below. Preview updates live.

Personal Info
Contact Details
Photo & Logo
Recommended: 200×200px square image
Template & Style
📋Classic Horizontal
🎯Centered Card
Minimal Line
🎨Modern Split
Social Media Links
Live Preview
100%
This preview simulates how your signature looks. Generated HTML is optimized for Gmail, Outlook & Apple Mail.

Frequently Asked Questions

Everything you need to know about HTML email signatures

What is an HTML email signature?
An HTML email signature is a professionally formatted block of content automatically appended to the end of your emails. Unlike plain text signatures, HTML signatures can include your photo, company logo, styled text, clickable links, social media icons, and branded colors — all rendered consistently across email clients like Gmail, Outlook, and Apple Mail.
How do I add this signature to Gmail?
Step 1: Click "Copy HTML" above to copy your signature code.
Step 2: Open Gmail → Settings (gear icon) → See all settings → General tab.
Step 3: Scroll to "Signature" → Create new → name it.
Step 4: In the signature editor, click the three dots menu and paste your HTML. Gmail supports pasting rich HTML directly. Click "Save Changes" at the bottom.
How do I install this signature in Outlook?
Desktop Outlook: File → Options → Mail → Signatures. Create a new signature, then paste the HTML file content. You may also open the downloaded .html file in a browser, select all (Ctrl+A), copy, and paste into the signature editor.
Outlook Web (OWA): Settings → Mail → Compose and reply → Email signature → paste the HTML directly (Outlook web supports rich formatting).
What should an email signature include?
A professional email signature typically includes: full name, job title, company name, phone number, email address, website URL, and a professional headshot or company logo. Optional elements include social media links, a physical address, a call-to-action banner, disclaimers, or a scheduling link. Keep it concise — the best signatures are clean, informative, and mobile-friendly.
Why does my signature look different on mobile?
Mobile email clients often strip certain CSS styles and resize images. Our generated HTML uses table-based layouts with inline styles — the gold standard for email compatibility. However, for best mobile results: use images no wider than 320px, keep text concise, avoid complex layouts, and test across Gmail app, Apple Mail, and Outlook mobile to ensure consistency.
How do I ensure my signature images display correctly?
Images in email signatures must be hosted on a publicly accessible server (HTTPS recommended). When you upload an image in our builder, it's converted to a base64 data URI for the generated HTML — this embeds the image directly in the code so no external hosting is needed. However, some email clients (notably Outlook) may not render base64 images. For maximum compatibility, host your images on your company server or a CDN and use the URL option.
Can I use different signatures for different email accounts?
Absolutely! Most email clients support multiple signatures. In Gmail, you can create several signatures and assign them to different email aliases. In Outlook, the Signature settings allow you to set a default signature for each email account and even configure different signatures for new messages versus replies/forwards. Use our builder to create variations for different contexts.
Is this email signature builder free?
Yes, this HTML Email Signature Builder is completely free to use — no sign-up required, no watermarks, and no hidden fees. Generate, preview, copy, and download your professional email signature as many times as you like. We believe professional branding tools should be accessible to everyone.