HTML email signature generator for Mac

Most of the Mac users want to add an email signature (HTML) to their messages. Unfortunately is this not easy to fix under macOS and OS X. We have created a tool that generates a HTML/CSS signature based on your own information, which you can add to the Mail application.

Fill in the form below to generate the HTML/CSS code based on the filled in information, the live preview shows the result. If you want to add a image to the signature make sure it's reachable through a public link (e.g. you can use your Twitter avatar or WP Gravatar url). Just put in the information you want to add!

HTML email signature generator

Live preview:

Genius Media / Redactie

appletips.nl / Veldhoven

Pas gegevens aan:

Naam:

Functie:

Plaats of telefoonnummer:

Website (met http(s)://)

Website omschrijving:

E-mail (wordt via een mailto link gekoppeld aan naam)

Eventuele afbeelding voorafgaand met https://

Overige instellingen

Scheidingsteken
Kleur seperator
Kleur naam
Kleur meta

Live preview:

Genius Media / Redactie

appletips.nl / Veldhoven

Gegenereerde HTML code:

<style type="text/css">a.link{margin:0;padding:0;border:none;text-decoration:none;}</style><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="format-detection" content="telephone=no"><table id="sig" width="320" cellspacing="0" cellpadding="0" border-spacing="0" style="width:320px;margin:0;padding:0;font-size: 12px;"> <tr> <td width="40" style="width:40px;margin:0;padding:0;"> <a href="https://www.appletips.nl" title="Genius Media" style="border:none;text-decoration:none;"> <img moz-do-not-send="true" src="https://www.appletips.nl/wp-content/uploads/at.png" alt="Genius Media" style="border:none;width:40px;height:40px;"> </a> </td><td width="10" style="width:10px;min-width:10px;max-width:10px;margin:0;padding:0;"> </td><td style="margin:0;padding:0;"> <table id="sig2" cellspacing="0" cellpadding="0" border-spacing="0" style="padding:0;margin:0;font-family:'Lucida Grande',sans-serif;font-size:12px;line-height:10px;color:#1b1b1b;border-collapse:collapse;-webkit-text-size-adjust:none;"> <tr style="margin:0;padding:0;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <strong><a href="mailto:mymail@appletips.nl" style="border:none;text-decoration:none;color:#9E01E2;"><span style="color:#9E01E2"><b>Genius Media</b></span></a></strong> <span style="color:#e0e0e0">/</span> <a href="https://www.appletips.nl" style="border:none;text-decoration:none;color:#1b1b1b;"><span style="color:#1b1b1b">Redactie</span></a> </td></tr><tr><td height="5" style="height:5px;font-size:5px;mso-line-height-rule:exactly;line-height:5px;"> </td></tr><tr style="margin:0;padding:0;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <a href="https://www.appletips.nl" style="border:none;text-decoration:none;color:#1b1b1b;"><span style="color:#1b1b1b">appletips.nl</span></a> <span style="color:#e0e0e0">/</span><span style="color:#1b1b1b"> Veldhoven</span> </td></tr></table> </td></tr></table><br/>

Add the signature in macOS/OS X Mail

When the HTML/CSS has been generated you need to add this manually to the Mail app. The steps for this procedure are different for each OS X version and differs on how you are using iCloud. The english instructions for setting ip the signature can be found here.

For this online generator we used the CSS/HTML template from Matt Coneybeare which he created a couple of years ago. With the generator it's easier to modify to code with your own information without any developer knowledge.

𝕏