HTML email signature for Apple Mail

Fill in your details here and copy a formatted signature that keeps its layout when you paste it into Mail on your Mac. The Apple Mail steps are shown under the preview.

Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.

Name

Job title

Company

Phone

Website

Your Liite page

Shown in your accent colour, so it stands out.

Photo or logo URL

An https link to an image that's already online. Mail apps don't keep uploaded images in signatures.

Layout

Photo besideStackedCompact

Accent colour

Mail app

Shows how to add the signature there.

Preview

“Copy signature” copies it with its formatting: paste it straight into your mail app's signature box. Some apps (Outlook on the web, Thunderbird) also accept the HTML below.

Add it in Apple Mail

In Mail on your Mac, choose Mail > Settings, then click Signatures.
Select the account, click + below the middle column and name the signature.
Paste into the preview on the right.

HTML source

<table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"><tr><td valign="top" style="border-left:2px solid #0f766e;padding-left:14px;"><div style="font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:20px;font-weight:bold;color:#161616;">Hannah Okafor</div><div style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;color:#686868;">Architect, Okafor Studio</div><div style="height:8px;line-height:8px;font-size:8px;">&nbsp;</div><div style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:20px;color:#161616;"><a href="tel:+442079460321" style="color:#161616;text-decoration:none;">+44 20 7946 0321</a></div><div style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:20px;color:#161616;"><a href="mailto:hannah@example.com" style="color:#161616;text-decoration:none;">hannah@example.com</a></div><div style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:20px;color:#161616;"><a href="https://www.example.com/" style="color:#161616;text-decoration:none;">www.example.com</a></div></td></tr></table>

At a glance

Where to paste it: In Mail, choose Mail > Settings, click Signatures, select the account, click + below the middle column, then paste into the preview on the right.; Source: support.apple.com, checked 2026-11
Keep your fonts and colours: Untick "Always match my default message font". When it's ticked, the signature uses the message font from Fonts & Colours settings.; Source: support.apple.com, checked 2026-11
On your other Macs: Signatures are available on your other Macs that have iCloud Drive turned on with Mail selected in the iCloud Drive options.; Source: support.apple.com, checked 2026-11
On iPhone: Mail on iPhone only takes text in signatures, so the formatted version is for your Mac.; Source: support.apple.com, checked 2026-11
What the code is: A table with inline styles, Arial or Helvetica text and no scripts or style sheets.

Link your signature to your page

One link in your signature can hold everything else: your work, your booking link, your socials and a contact card people can save. Make it a Liite page at liite.co/yourname.

Make your free page

HTML email signature for Apple Mail: what to know

This page starts the email signature generator for this case. For every option and how to use it, see the email signature generator.

Why you copy the signature, not the code

The right-hand column in Mail's Signatures settings is a formatted preview, not a code editor. If you paste HTML source into it, you see the tags as text. Press Copy signature instead: it puts the formatted version on your clipboard, and Mail keeps the table, colours and links when you paste.

If the font changes after you paste, the "Always match my default message font" box is still ticked. Untick it and paste again. Then send yourself an email to check how it looks in the inbox.

One signature per account

Mail keeps a list of signatures for each account. If you create one while All Signatures is selected, drag it onto an account before you can use it. Use the Choose Signature menu to pick the default for that account.

Questions

How do I add an HTML signature to my Apple Mail emails?

Make it here, press Copy signature, then in Mail choose Mail > Settings > Signatures, select your account, click + and paste into the preview on the right. Untick "Always match my default message font" so your formatting stays.

How do I make an HTML email signature?

Type your name and details above, pick a layout and an accent colour, and the tool writes the HTML for you. You can copy the formatted signature or the source code under the preview.

How do I add an HTML signature to Outlook on Mac?

In Outlook for Mac, open the Outlook menu, select Settings, then Signatures under Mail. Add a signature with the + button and paste into the signature editor. Our guide to the Outlook signature on Mac has the full steps.