{"id":229,"date":"2020-03-23T18:21:15","date_gmt":"2020-03-23T18:21:15","guid":{"rendered":"http:\/\/proofjump.com\/blog\/?p=229"},"modified":"2020-03-24T16:33:15","modified_gmt":"2020-03-24T16:33:15","slug":"a-tool-to-convert-email-source-code-to-html","status":"publish","type":"post","link":"https:\/\/proofjump.com\/blog\/a-tool-to-convert-email-source-code-to-html\/","title":{"rendered":"A Tool to Convert Email Source Code to HTML"},"content":{"rendered":"\n

If you see an interesting email in your inbox, you might want to see how it\u2019s coded. You could be in digital marketing and discover a fascinating campaign or just curious how things work behind the scenes.<\/p>\n\n\n\n

But what if you have no experience with HTML and feel clueless about where to figure out how this fantastic email came to be? Luckily for everyone, email clients make it fairly easy to access the source code of the email without special software or too many complicated steps.<\/p>\n\n\n\n

Most email clients such as Gmail<\/a> allow you to view the source of an email right in from the webpage. However, often the raw source includes email headers such as the recipient, subject line, and authentication information, which you don\u2019t need. Also, some emails are encoded in formats such as Base64 and Quoted Printable, which also make it hard to make out.<\/p>\n\n\n\n

Fortunately, we have a tool for you: the Email Source Converter<\/a>!\u00a0\u00a0<\/p>\n\n\n\n

Using the Email Source Converter<\/h3>\n\n\n\n

Let\u2019s show you how to use it:<\/p>\n\n\n\n

1. First, get the source of the email. Read the following articles on how to do it on Gmail<\/a>, Outlook.com<\/a>, and Yahoo! Mail<\/a>. Here is an example from Gmail, where you click the 3 dotted menu, then select \u201cShow original\u201d.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2. Then from this page, you copy the source – for example, by clicking the \u201ccopy to clipboard\u201d button in Gmail.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. Paste the source into the Email Source Converter<\/a> tool, click on \u201cParse Email\u201d, and it will parse the HTML out of the email source. Then you can view the email by clicking on the Preview tab.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Now, whenever you come across a cool looking email, you can use this tool to figure out how its done!
<\/p>\n","protected":false},"excerpt":{"rendered":"

If you see an interesting email in your inbox, you might want to see how it\u2019s coded. You could be in digital marketing and discover…<\/p>\n","protected":false},"author":5,"featured_media":230,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[13],"tags":[42,40],"_links":{"self":[{"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/posts\/229"}],"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=229"}],"version-history":[{"count":5,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/posts\/229\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/posts\/229\/revisions\/272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/media\/230"}],"wp:attachment":[{"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/media?parent=229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/categories?post=229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proofjump.com\/blog\/wp-json\/wp\/v2\/tags?post=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}