Email Signature Generator

Create a professional HTML email signature. Customize, preview, and copy the HTML for Gmail, Outlook, or Apple Mail.

Last reviewed: April 2026
Reviewed by , software engineer · last updated April 2026

New to this tool? Click here for instructions

Details
Preview
HTML Source
Fill in your details to generate a signature.

How to Use Email Signature Generator

The Email Signature Generator is a free online tool that helps you create professional HTML email signatures. Follow these steps to use the tool:

1. Fill in Your Details: Enter your name, job title, company, email, phone, and website in the form on the left.

2. Add Social Links: Include your LinkedIn, Twitter/X, and GitHub profile URLs to make networking easy.

3. Choose a Template: Pick from Professional, Minimal, Bold, or Compact styles using the chips above the form.

4. Customize the Accent Color: Use the color picker to match your brand colors.

5. Preview and Copy: See the live preview, then click 'Copy HTML' to paste into your email client.

When to Use the Tool in Real Workflows

Use the Email Signature Generator when you need to create professional and consistent email signatures for your business. It's ideal for professionals who want to ensure their emails look polished and trustworthy. Whether you're sending emails to clients, colleagues, or customers, a well-designed email signature can make a positive impression.

How It Works

The Email Signature Generator works by allowing you to input your details and preferences. It then generates a professional HTML code that you can easily copy and paste into your email client. The tool supports multiple templates and allows customization of colors and social links. The generated HTML is compatible with all major email clients, ensuring that your signature looks great in every inbox.

Tips, Edge Cases, or Limitations

1. Keep It Concise: Include only essential information in your signature to avoid cluttering your emails.

2. Use a Professional Photo: Host your photo on a reliable server and use HTTPS to avoid security warnings.

3. Avoid Base64-Encoded Images: Many email clients strip base64-encoded images, so use URLs instead.

4. Test in Multiple Clients: Always test your signature in different email clients to ensure it looks as expected.

5. Regular Updates: Keep your signature up-to-date with your current contact information and company details.

Frequently Asked Questions

Go to Settings > General > Signature, then paste the HTML code generated by the Email Signature Generator.
Yes, the generator produces table-based HTML with inline CSS styles, which is compatible with all major email clients.
No, your data is not stored or sent to a server. The tool generates the HTML code on your device.
Yes, you can add your company logo or photo by hosting it on a reliable server and using the provided URL in the generator.
An HTML email signature enhances professionalism and consistency. It includes clickable links, social media icons, and your photo or company logo, making it easy for recipients to connect with you through their preferred channel.

Example walk-through

Worked example: step-by-step

Step 1. Navigate to the Email Signature Generator webpage and locate the input fields for personal details.

Step 2. Enter your name, job title, and company name in the designated fields. For example:


Name: Jane Doe
Job Title: Senior Software Engineer
Company: Tech Innovators Inc

Step 3. Add contact information by filling in the email address, phone number, and physical address fields.

Step 4. Customize the signature by selecting preferred fonts, colors, and adding social media links or a QR code.

Step 5. Review the preview pane to ensure all details are correctly formatted and visually appealing.

Step 6. Click the 'Generate Code' button to export the email signature as HTML/CSS code for use in email clients.

Expected output: A fully formatted HTML snippet with embedded CSS, containing all user-provided details and styling choices.


<div style="font-family: Arial; color: #333; font-size: 14px; margin-top: 10px;">
<strong>Jane Doe</strong> <br>
Senior Software Engineer <br>
Tech Innovators Inc <br>
<a href="mailto:jane.doe@techinnovators.com">jane.doe@techinnovators.com</a> | <a href="tel:+1234567890">+1 (234) 567-890</a> <br>
123 Innovation Drive, Tech City, TC 12345 <br>
<a href="https://linkedin.com/in/janedoe">LinkedIn</a> | <a href="https://twitter.com/janedoe">Twitter</a>
</div>