Outlook.com (web mail) HTML email signature installation guide

Also called Outlook on the web or Outlook web app.

Here’s the deal with HTML email signatures in Outlook for web:

The not-so-great aspects:

  • Limited formatting: Outlook web doesn’t support all the bells and whistles of HTML. You can forget fancy fonts,complex layouts, or animations.
  • Image display issues: Images might not show up for everyone due to security restrictions or blocking by recipients’ email clients.
  • Mobile incompatibility: Mobile versions of Outlook might render your HTML signature poorly or not at all.

The fudge!

  • Despite the limitations, you can still add an HTML signature using a workaround. This involves pasting the HTML code directly into the signature creation field. It’s not ideal, but it gets the job done for basic formatting and links.
  • In essence:
  • HTML email signatures in Outlook web offer more customization than plain text, but they come with limitations. It’s a trade-off between a visually appealing signature and guaranteed display across different platforms.

Step 1 — Create your signature

Create your email signature in Mirosign.com.

Step 2 — Access the signature settings in Outlook.com

When logged into Outlook.com, click on the settings cog ⚙️ in the top right corner.

Click on Compose and reply

Click + New signature and enter Mirosign.com email signature in the box to name it.

Step 3 — Copy your HTML signature code

In a new browser window return to Mirosign.com and click Download HTML.


Open the downloaded HTML file in a Google Chrome or Firefox, Microsoft Edge (Not Safari as it may cause formatting issues).

Click anywhere on the signature and press Command+A on Mac or Ctrl+A on windows, to highlight the entire signature.


Then copy the entire signature by
right clicking on your mouse Copy or,
Ctrl+C on windows or
Command+C on Mac

Return to Outlook.com click

Step 4 – Set your base font, font size and color

To ensure Outlook doesn’t override your signature styles, right click in the signature area to show the font editor.

Set your font and font size In this example; Arial 10pt

Set your default font color using the drop down on the A symbol

Step 5 — Paste your signature

Click in the signature body again and right click on mouse to Paste or
Ctrl+V on windows or
Command+V on Mac

You should end up with something like this

Then click Save

Close the box at the top and try a New message to test

Any further questions?

If you’re still having issues using Mirosign or we haven’t answered your question here, please get in touch and we can help you in person.

Contact us