How to Send an HTML Email from Outlook 2013


Learning how to send an HTML email from Outlook 2013 is a great way to distribute highly customized newsletters to people on your mailing list. Outlook’s default mail editor is terrific for most typical email situations, but it can be problematic to use to try and send a highly formatted email that displays consistently across different email providers. HTML offers a standard schema for displaying across devices, and provides formatting options that the Outlook editor does not.

So once you have created your HTML email in the HTML editing tool of your choice and you have it formatted the way that you want it to appear, you can follow our short guide to learn how to insert that HTML file directly into the body of your Outlook 2013 email message.

 

Send an HTML Page as an Email in Microsoft Outlook 2013

This tutorial will assume that you have already created your HTML email. We are going to be attaching the HTML file in the body of the email message in the steps below.

Any images that you include in the email need to be hosted on a website, and the image locations need to be referenced with the full URL. For example, if I were sending an email that was referencing an image on solveyourtech.com, it might look like this –

“”<img alt=”Solve Your Tech” src=”http://www.solveyourtech.com/images/newsletter-image.jpg” width=”200″ height=”200″/>“”

It’s also a good idea to include an “alt” tag on any image that you include, as many email providers will not display images by default and will ask email recipients to download pictures for HTML emails, so the “alt” text will be visible in the image space instead of a blank square.

Any CSS included in the email should also be placed directly inside of  the HTML file (in the HEAD section) instead of referenced via a “”link rel stylesheet”” meta tag in the header. This can prevent any display issues that can occur if an email provider blocks the linked style sheet.

 

Step 1: Open Outlook 2013.

 

Step 2: Click the New Email button at the top-left corner of the navigational ribbon to create a new message.

create a new email

 

 

Step 3: Enter your recipients and subject into the appropriate fields, then click inside the message body.

enter the address, subject and click inside the message body

 

 

Step 4: Click the Attach File button in the Include section of the navigational ribbon.

how to send an html email in outlook 2013

 

 

Step 4: Browse to the HTML file on your computer that you want to include as the body of your email message, then click it once to select it.

browse to the HTML file and select it

 

 

Step 5: Click the arrow to the right of the Insert button, then click the Insert as text button.

click the arrow to the right of Insert, then click the Insert as text option

 

 

You should now see your HTML email in the message body of your Outlook message, and you are ready to send it.

Tip – I always like to send an HTML email to one (or more) of my own email addresses before I send it to all of my recipients. This lets me see how the message will display for others, which allows me to troubleshoot any potential problems. This is especially helpful if you have multiple email addresses with different popular email providers (such as Gmail, Yahoo and Outlook.com/Hotmail), as those email addresses can account for a significant part of your mailing list.

 

birthday t-shirts for boys
vintage t rex t-shirt

Disclaimer: Most of the pages on the internet include affiliate links, including some on this site.