✉️ Email Signature Generator
Build a clean, professional HTML email signature in seconds — fill in your details, pick an accent color, preview live, and copy the inline-styled code.
Paste the copied HTML into your email client's signature settings.
About
The Email Signature Generator lets you create a table-based, inline-styled HTML signature that renders consistently across Gmail, Outlook, Apple Mail, and other clients. Fill in up to seven fields — full name, job title, company, phone, email address, website URL, and accent color — and the live preview updates instantly. All values are HTML-escaped to prevent any injection issues. When you are happy with the result, click Copy HTML to grab the complete markup ready to paste into your email client settings. Everything runs entirely in your browser; no data is sent to any server.
How to use
- Fill in your details: full name, job title, company, phone number, email address, and website URL — leave any field blank to omit it from the signature.
- Pick an accent color using the color picker — this tints the name and divider line to match your personal or brand palette.
- Check the live preview panel to see exactly how your signature will appear in an email client, with all formatting and colors applied.
- Click Copy HTML to copy the complete inline-styled table markup to your clipboard, then paste it into your email client signature settings.
- Paste the HTML into your email client signature editor (use the HTML or source view in Gmail, Outlook, Apple Mail, etc.) and save.
FAQ
- Will this signature work in Gmail and Outlook?
- Yes. The signature uses a plain HTML table with inline styles — the most compatible approach for email clients including Gmail, Outlook, Apple Mail, and Thunderbird.
- Is my data saved or sent anywhere?
- No. Everything runs in your browser. Your name, email, phone, and other details never leave your device — there is no server involved.
- How do I add the signature in Gmail?
- In Gmail, go to Settings → See all settings → General → Signature, click Create new, then in the signature editor click the HTML source icon (angle brackets) and paste the copied code. Save changes.
- Can I use a logo or profile photo in the signature?
- The current generator focuses on text-based signatures for maximum compatibility. For an image, you can manually add an img tag with a publicly hosted URL after copying the HTML.
- Why should I use an HTML table instead of a styled div for email signatures?
- Email clients — especially Outlook — strip external CSS and ignore many modern layout properties. HTML tables with inline styles are the industry standard for consistent rendering across all clients and devices.