Convert web html to e-mail Html

html css xhtml newsletter

31,030

Solution 1

Unfortunately I know of no software that will directly do this. There are features that can be represented in divs that cannot be in tables. Furthermore, it is not trivial to send the actual HTML.

email html is somewhat of a dark art as it requires layout techniques that were deprecated (tables for layout) and manually testing on relevant platforms (Yahoo, Google, Thunderbird, Outlook).

Solution 2

I use a service by Mailchimp named CSS inliner. Its really a nice tool you have to just keep your html & CSS in the same file(no external css file). I mean to say keep all CSS in your html file inside tag in the . See below:

<head>    
  <style type="text/css">
      /*Your CSS goes Here*/
  </style>
</head>

Here is the link: http://beaker.mailchimp.com/inline-css

31,030

themhz

I love programming and sports!

Updated on July 09, 2022

Comments

themhz almost 2 years

I was wondering, if there is software out there that can convert an (web html css) to (e-mail html inline css) file, in order to be viewable from most e-mail clients like outlook, Thunderbird or webmails like gmail,yahoo,hotmail etc.

I would like to be able to write my code as I do writing xhtml files and then import that file to the program and convert divs to tables and css to inline styles compatible for e-mail clients.

Any suggestions?
- jwal almost 3 years
  
  Very excellent question. Why this doesn't exist yet is a mystery to me.
themhz about 12 years

I found this slideshow that gives some simple patterns though, slideshare.net/OwlHillMedia/how-to-code-html-email-newslette‌rs I understand that there are restrictions that actually disables any skilled web developer in this area, many programs with different reading styles, but how come those programs are not w3c compatible like most browsers? I mean how hard is it for an e-mail client to read html content like a browser does?.
Mikhail about 12 years

It is perhaps unsafe as one maybe able to write some code that will extract information in the DOM (that contains other e-mails) and relay that information. I suspect the secret reason is stylistic integrity and data-capacity. Lastly, because no client will do this there is no motivation to change. I am pretty sure Thunderbird has the guts to render full HTML. Nobody wants to receive fancy spam.
themhz about 12 years

I also found this tool inlinestyler.torchboxapps.com But I am not sure that it will work in most cases. I will test it anyway
themhz about 12 years

since you are the only one that actually answered and since you are right i will consider your answer correct. Thank you very much.
Nicholas Petersen almost 11 years

This service is awesome. It does a stupendous job at inlining css, and many cases where I thought the css was to complex, it handling fine. Note that this is well named as "Mailchimp named CSS inliner," NOT: "Mailchimp CSS to Email Converter," because it does one thing only: Convert styles to inline. So one thing you'll still have to do for instance is add width and height attributes to img elements (hideous, isn't it).
SVS almost 11 years

@yorch Welcome buddy!
Peter Krauss about 4 years

"Unable to connect"
leopinzon over 3 years

Neither the domain bigutility.com nor the subdomain email.bigutility.com are valid anymore.
Krazibit312 almost 3 years

updated url templates.mailchimp.com/resources/inline-css