{"id":45068,"date":"2018-06-27T13:28:44","date_gmt":"2018-06-27T18:28:44","guid":{"rendered":"https:\/\/eshop.macsales.com\/blog\/?p=45068"},"modified":"2020-08-26T12:03:20","modified_gmt":"2020-08-26T17:03:20","slug":"how-to-create-html-email-and-send-it-with-the-mac-mail-app","status":"publish","type":"post","link":"https:\/\/eshop.macsales.com\/blog\/45068-how-to-create-html-email-and-send-it-with-the-mac-mail-app\/","title":{"rendered":"How to Create HTML Email and Send it with the Mac Mail App"},"content":{"rendered":"\n
\"\"<\/figure><\/div>\n\n\n\n

Do me a favor and look at your email inbox right now. I’d be willing to bet that at least some of the emails aren’t typical plain text emails; instead, they’re nicely formatted messages that look more like a web page than just a bunch of words. <\/p>\n\n\n\n

These are HTML<\/strong> (HyperText Markup Language) emails that are usually designed to inform or entice you, with fancy graphics, photos, animations, and of course some text. As nice as these sound, Apple Mail isn’t designed to let you create HTML emails; instead, it uses what is called RTF or “rich text format”. <\/p>\n\n\n\n

In today’s tutorial, I’ll show you several ways to design an HTML email, then let you in on the secret of how to send those emails from the Mac\u00a0Mail app.<\/p>\n\n\n\n

Creating Your HTML Email<\/strong><\/h2>\n\n\n\n

Let me repeat one point from that opening paragraph \u2013 there’s no way to make an HTML-formatted email in Mail, which means you’ll need to use some way of designing your email and generating the HTML file and any associated cascading style sheets (CSS). For those who have experience in coding HTML, you could just pop open your favorite text editor and design the page totally with text. Most of those reading this post will want an easier way to accomplish the task.<\/p>\n\n\n\n

If you’re going to be emailing thousands of people on a regular basis, you don’t want to use Mail to do this as you’ll most likely end up having your Mail account put on spam blacklists! Instead, services like MailChimp<\/a> or Constant Contact<\/a> offer a way to design and send mass emails. They’re also usually quite expensive, but if you are sending those thousands of emails daily or weekly these services are well worth the cost.<\/p>\n\n\n\n

\"A
(A typical HTML email, as viewed in Mac Mail.)<\/strong><\/figcaption><\/figure><\/div>\n\n\n\n

Mac HTML Editors<\/strong><\/h2>\n\n\n\n

What we want to do is create an HTML file that can be opened on a Mac in Safari; if that goal is reached, then the same file can be sent\u00a0from Mail.\u00a0There are a number of web and email design apps available for Mac and I’ll list some here, but since not all email is read on a desktop device these days, you’ll want to make sure that the app you use is capable of what’s called “responsive design”. That means that it can create web pages that look good no matter what device you’re using to view them \u2013 a Mac, an iPhone or an iPad. It’s also useful if you can use a “what you see is what you get” (WYSIWYG) drag-and-drop editor that gives you a way to just drop elements like text, images, and buttons onto a blank page or template, then export an HTML file. Here are some well-rated Mac web design apps:<\/p>\n\n\n\n