{"id":209,"date":"2020-01-23T17:41:17","date_gmt":"2020-01-23T17:41:17","guid":{"rendered":"http:\/\/proofjump.com\/blog\/?p=209"},"modified":"2020-03-24T16:32:56","modified_gmt":"2020-03-24T16:32:56","slug":"how-to-view-the-html-code-of-an-email-in-outlook-com","status":"publish","type":"post","link":"https:\/\/proofjump.com\/blog\/how-to-view-the-html-code-of-an-email-in-outlook-com\/","title":{"rendered":"How to View the HTML Code of an Email in Outlook.com"},"content":{"rendered":"\n<p>If you see an interesting email, you might want to see how it\u2019s coded. You could in digital marketing and discover a fascinating campaign or just curious how things work behind the scenes.<\/p>\n\n\n\n<p>You might be saying, I have no experience with HTML so I don\u2019t know where to look! Luckily for everyone, email clients make it fairly easy to see the HTML code without special software or too many complicated steps.<\/p>\n\n\n\n<p>If you\u2019re on Outlook.com, this is what you can do.<\/p>\n\n\n\n<p>1. Open the email and click on the 3 dotted menu on the right. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"501\" height=\"512\" src=\"https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys1.png\" alt=\"\" class=\"wp-image-225\" srcset=\"https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys1.png 501w, https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys1-294x300.png 294w\" sizes=\"(max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<p>2. Click on \u201cView message source\u201d.<\/p>\n\n\n\n<p>3. This will show you the raw source of the email. This includes the header of the email such as the sender, subject line and authentication information. Often all you have to do is to scroll down and you will see the actual HTML source of the email.<\/p>\n\n\n\n<p>4. However, sometimes the email is encoded in different formats such as <a href=\"https:\/\/allcloud.com\/blog\/what-every-developer-should-know-when-working-with-email-part-2\/\">Base64 or Quoted Printable<\/a>, which makes it hard to make out the HTML.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"512\" height=\"375\" src=\"https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys2.png\" alt=\"\" class=\"wp-image-210\" srcset=\"https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys2.png 512w, https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys2-300x220.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p>5. Luckily, there\u2019s a tool to help with that, the<a href=\"http:\/\/proofjump.com\/email-source-converter\/\"> Email Source Converter tool<\/a>. Clicking on the link in Outlook.com will open up a window with the message source where you can copy the code from. <\/p>\n\n\n\n<p>6. Then paste it into the <a href=\"https:\/\/proofjump.com\/email-source-converter\/\">Email Source Converter<\/a> tool and click on \u201cParse Email\u201d, and it will parse the HTML out of the email source and display it on the Parsed HTML tab.  You can also view the rendered version of the email by clicking on the the Preview tab. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"512\" height=\"427\" src=\"https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys3.png\" alt=\"\" class=\"wp-image-211\" srcset=\"https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys3.png 512w, https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys3-300x250.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"512\" height=\"407\" src=\"https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys4.png\" alt=\"\" class=\"wp-image-212\" srcset=\"https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys4.png 512w, https:\/\/proofjump.com\/blog\/wp-content\/uploads\/2020\/03\/macys4-300x238.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p>Don\u2019t use Outlook.com? We also can show you how to find the HTML coding for email clients <a href=\"http:\/\/www.proofjump.com\/blog\/how-to-view-the-html-code-of-an-email-in-gmail\">Gmail<\/a> and <a href=\"http:\/\/www.proofjump.com\/blog\/how-to-view-the-html-code-of-an-email-in-yahoo-mail\">Yahoo! Mail<\/a>, if that is what you use.<\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you see an interesting email, you might want to see how it\u2019s coded. You could in digital marketing and discover a fascinating campaign or&hellip;<\/p>\n","protected":false},"author":5,"featured_media":224,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[13],"tags":[42,40,43],"_links":{"self":[{"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/posts\/209"}],"collection":[{"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":5,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/posts\/209\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/posts\/209\/revisions\/271"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/media\/224"}],"wp:attachment":[{"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/media?parent=209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/categories?post=209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/tags?post=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}