Outlook for Mac doesn’t have a field for raw HTML code, in either legacy or new Outlook. If you paste HTML source directly into the signature editor, you’ll get garbled code instead of a formatted signature. The method that actually works is to open your HTML signature in a browser first, copy the rendered version, and paste that into Outlook’s signature editor as rich text.

What You Need Before You Start

  • Your HTML signature file, ready to open in a browser
  • Any images in the signature hosted online with absolute URLs
  • Outlook for Mac installed, either legacy or new
  • A browser to render the signature in before copying it

Why You Can’t Just Paste HTML Code Into Outlook for Mac

Windows versions of Outlook store signatures as .htm files you can edit directly, which is why some Windows guides tell you to paste raw code. Outlook for Mac doesn’t work the same way. Its signature editor is a rich-text box, not a code editor, so pasting raw HTML source into it just inserts the literal code as visible text.

The workaround is to let a browser do the rendering for you first. Open your HTML signature file in Chrome, Safari, or any browser, so it displays as a formatted signature rather than code. Select the rendered signature, copy it, then paste it into Outlook’s signature editor. Because you’re pasting rendered content rather than source code, Outlook treats it as formatted rich text and keeps the layout, fonts, and images intact.

Legacy Outlook or New Outlook for Mac? Check This First

Microsoft has been migrating Mac users to new Outlook, and the signature settings live in different places depending on which one you have.

You’re on legacy Outlook if you see Preferences under the Outlook menu in the top-left corner, and signatures live under Outlook → Preferences → Signatures.

You’re on new Outlook if you see a gear-shaped Settings icon, and signatures live under Settings → Mail → Compose and Reply.

If you’re on legacy Outlook and want to switch, or you’re on new Outlook and want to check what legacy looked like, go to Help → Revert to Legacy Outlook to toggle between them.

How to Add an HTML Signature in Legacy Outlook for Mac

  1. Open your HTML signature file in a browser so it renders as a formatted signature.
  2. Select the entire rendered signature (Cmd + A), then copy it (Cmd + C).
  3. Open Outlook and go to Outlook → Preferences → Signatures.
  4. Click the plus (+) icon to add a new signature.
  5. Give it a name.
  6. Click into the signature content box and paste (Cmd + V).
  7. Click the save icon, then close the window.
  8. Go to the New Messages and Replies/Forwards dropdowns to set this signature as the default.

How to Add an HTML Signature in New Outlook for Mac

  1. Open your HTML signature file in a browser so it renders as a formatted signature.
  2. Select the entire rendered signature (Cmd + A), then copy it (Cmd + C).
  3. Open new Outlook and click the Settings gear icon.
  4. Go to Mail → Compose and Reply.
  5. Click New signature and give it a name.
  6. Click into the editor and paste (Cmd + V).
  7. Set it as the default for new messages and replies if needed.
  8. Click Save.

Troubleshooting HTML Signatures in Outlook for Mac

Signature shows as raw code instead of formatting

This means HTML source was pasted directly rather than the rendered version. Go back to the browser, make sure the signature is displaying properly (not as code), copy it again from there, and paste fresh into Outlook.

Images aren’t showing up

Outlook for Mac needs images to be hosted online with a working absolute URL. If your images were embedded as local files or base64 data, they may not carry over through the copy-paste process. Host them online first, then re-render and re-copy the signature.

Formatting breaks after pasting

Because you’re pasting rich text rather than code, complex CSS like custom fonts, precise spacing, or background images can get flattened or altered. Table-based layouts with inline styling survive the copy-paste process more reliably than CSS-positioned layouts.

Signature disappeared after switching between legacy and new Outlook

Signatures aren’t shared between legacy and new Outlook for Mac. If you switch versions, you’ll need to re-add the signature under the relevant settings location for whichever version you’re now using.

FAQs

Can I edit the raw HTML of my signature directly in Outlook for Mac?

No. Outlook for Mac has never offered a raw HTML input field, in legacy or new Outlook. The signature editor only accepts rich text, which is why rendering the HTML in a browser first and copying that is the working method.

Not always. Both use different rendering engines, so complex layouts, custom fonts, or precise spacing can display slightly differently between the two. Testing on both platforms is worth doing if your team uses a mix of devices.

Yes, the source HTML file can be the same, but you’ll need to follow the platform-specific install method for each: paste-as-rendered-content on Mac, paste-as-code on Windows.

This usually means the images weren’t hosted online with an absolute URL when you rendered and copied the signature. Host the images first, confirm they load correctly in the browser, then copy the signature again.

If your team is split across Mac and Windows and you need signatures that look consistent on both, get in touch and we can set up a version that holds up across platforms.