How to import HTML email signature in Microsoft 365 Outlook

Share This

In this brief tutorial I will be explaining a cool little ‘Hack’ (or a workaround, whatever..) on how to import HTML email signatures into Office 365 Outlook (web).

Don’t want to read? Follow my Youtube tutorial!


To begin you will need a HTML email signature that you want to add into your emails, there’s plenty of free templates on the internet but you can download my basic template here.

Any images you add will need to be converted into Base64 first, instead of linking to a .jpg or .png file, you will need to use the Base64 code. Convert your existing images using this tool or similar websites.

Step 1: Open your HTML signature in a text editor

Step 2: Copy your raw HTML

Step 3: Open Office 365 Outlook and navigate to Settings > All Outlook Settings > Compose & Reply

Step4: type any text into the email signature box, right click and “inspect” (Chrome or new Edge Browser)

Step 5: Right Click the DIV and choose edit html

Step 6: Delete the existing HTML code and paste your custom email signature HTML into here.

Step 7: Click off the element and close the viewer

Step 8: Click Save!

You now have a working HTML signature which you can use with Microsoft 365 Outlook!

Did you enjoy this article?
Signup today and receive free updates straight in your inbox. We will never share or sell your email address.

Leave a Reply

Your email address will not be published. Required fields are marked *