Email Signature Generator

What the Email Signature Generator Does

The Email Signature Generator turns your contact details into a polished HTML signature you can paste into Gmail, Outlook, Apple Mail, or any other email client. Fill in your name, job title, company, phone, email, website, and social profiles, pick an accent color, and choose one of three layouts: Modern, Classic, or Minimal. The preview and the HTML update live as you type.

When you are happy with the result, copy the HTML with the built-in copy button or use Copy as Rich Text to paste a fully formatted signature directly into an email client's signature editor without touching any code.

How to Use the Generator

1. Choose a style: Modern places your details next to an accent bar, Classic centers everything above a divider, and Minimal is a compact text block.
2. Fill in your details. Empty fields are simply skipped, so the signature never shows blank lines.
3. Set an accent color to match your brand. The color applies to the bar, the divider, and the links.
4. Copy the HTML or use Copy as Rich Text, then paste the signature into your email client's settings.

Adding the Signature to Your Email Client

In Gmail, open Settings, scroll to the Signature section, create a new signature, and paste the result with Copy as Rich Text. In Outlook, open Settings, then Signatures, and paste into the editor. Apple Mail reads signatures from a folder, so the easiest path is to paste the rendered signature into Mail's signature editor. If a client strips some styling, use the HTML version and paste it into the signature's source or template field.

Why Table-Based HTML?

Email clients render HTML far less consistently than browsers do. Most do not support modern layout features such as flexbox or grid, and several still use older rendering engines. The generated markup sticks to tables, inline styles, and plain divs, which is the combination that survives Gmail, Outlook, Yahoo, and Apple Mail with the fewest surprises. Links use mailto: and tel: schemes so tapping your email address or phone number on a phone starts the right action.

Related Tools

Paste the generated markup into the HTML Viewer to test how it renders on its own. If your client prefers compact code, run it through the HTML Minifier. For matching printed materials, the Business Card Maker uses the same details, and the QR Code Generator can add a scannable link to your website.