Apple Event: May 7th at 7 am PT
I want crystal and clear instruction as all the ones I have found either old fashioned and not relevant or skip that interesting part.
I have already done html page (newsletter). Now I want to transform it somehow and send via Mail app so my contacts could receive it as html newsletter. If I need to attach txt message please add it to the instruction. I need complete how to send html newsletter.
MacBook Pro, OS X Mountain Lion (10.8.2)
I'm sure it's too late for the OP, but thought I'd explain for other readers who look at this topic in the future. Using Safari to compose an email page for Mail will not work with local content stored on your Mac. The files must be on a remote server to be saved for email this way. So alabanco and Razzel need to stop insisting they have to send all their content through email, and put their page content on a server. It is not only faster for the mail client to to load from a server, but recipients don't have to download all your images within the email.
That's just the way it is, gang. Rent a web server, put up your newsletter content in a folder, and open the html page in Safari to make it sharable in an email. What's so hard about that?
You can send basic html without images by opening the html document in Safari then Edit > Select All, Edit > Copy then open up a blank email and paste the contents into it.
Some things to remember about HTML in mail:
You cannot refer to external CSS styles in an e-mail. Try it: your html will appear un-styled.
Also, you cannot put the CSS in the head portion; styles must be in the tags they define. A styled paragraph will need the CSS in every paragraph tag in the message body. Makes the code look like it was produced by Word's html output feature....
As has been stated, mail client support for html mail is spotty. The best seems to be Apple's Mail app. There are charts available on-line that purport to show what tags and styles are supported by different mail clients. They are discouraging! The smart thing to do is include a normal text version of the e-mail with an enhanced html version of it.
I tried this with Safari and it's not a great solution. I've got my html and one image on my ftp server, wrote a dumb-simple html email, no text, no links, just a table with one image, and in several mail programs the email arrives completely blank, not even an empty table. I'll try some additional tags, like specifying height, but so far results are not satisfactory.
This did work and the pictures showed up in the body of the email but when I actually sent it they showed up as blank boxes.
A fairly tricky way to send HTML content with mail.app is
a) create a new signature (mail preferences)
b) edit the signature file (File is located here : ~/Library/Mail/V2/MailData/Signatures/)
c) keep the header lines and delete the actual html content
d) Copy/paste new html content (<BODY> .... </BODY>)
If you have files/images in your content, you should host them on a website and use absolute links.
worked very well for me.
best regards.
Thank you for this info - bit frustrating you cant do it from Chrome but who cares! Ive been looking for an explanation for ages and couldnt find the simple information.
I only want to send a jpg of an advert (dont worry not spamming) so that it is already open when received. I upload my jpg to my media folder on my web server and grab the html url then open that in Safari and share as email - just exactly as you directed - the subject title comes up automatically but I can change that.
Tips - have a specific folder on your server for such images and make the file name short and relevant!
Thank you so much!!
While doable, a simpler way to send viewable HTML content via Mail.app is to open up your html file in Safari and press Shift+Control+T, and then send the page that way. The links, formatting and images all process this way. If you want to host images on the internet so that they are easily viewable in your HTML newsletter, my advice is to put them on Dropbox in the public folder, press 'Copy link for public sharing' and use that link in your code for your images. Everything then will be accessible.
A couple of valuable sources I found related to this topic:
When using HTML, it's always useful to keep these factors in mind because there are always barriers to using HTML emails:
http://kb.mailchimp.com/campaigns/ways-to-build/about-html-email
This simple solution was the only one (of many!) that retained the formatting and layout of the original web page for me. All the other suggestions resulted in jumbled content. Thank you!
How to send html newsletter via Mail app
