Skip to content

Commit

Permalink
Update readme.md
Browse files Browse the repository at this point in the history
  • Loading branch information
leemunroe authored Jun 4, 2017
1 parent 2f6081f commit f8b4a5b
Showing 1 changed file with 13 additions and 8 deletions.
21 changes: 13 additions & 8 deletions readme.md
Original file line number Diff line number Diff line change
@@ -1,30 +1,35 @@
# Really Simple Responsive HTML Email Template

Sometimes all you want is a really simple responsive HTML email template. Here it is.
Sometimes all you want is a really simple responsive HTML email template. Here it is.

[See live preview](http://leemunroe.github.io/responsive-html-email-template/email.html).

<img src="https://cloud.githubusercontent.com/assets/15963/26765586/c6484a96-4933-11e7-80e0-2f7509d24280.png" alt="Simple HTML Email" width="500">

Preview: http://leemunroe.github.io/responsive-html-email-template/email.html

## Sending emails using a marketing service like Campaign Monitor or Mailchimp?

Use the template as is. They'll put the CSS inline for you when you put together your campaign.
Use the template `email.html` as is. They'll put the CSS inline for you when you put together your campaign.


## Sending emails directly from your app or using a developer service?

## Sending emails directly from your app or using a developer service
For an API like [Mailgun](http://www.mailgun.com) **you need to inline the CSS before sending**. See `email-inlined.html` for an example.

For an API like [Mailgun](http://www.mailgun.com) you need to put the CSS inline. You can use inliner tools like [Putsmail](https://putsmail.com/inliner) or [Juice](https://github.com/Automattic/juice) to do this automatically.
You can use inliner tools like [Putsmail](https://putsmail.com/inliner) or [Juice](https://github.com/Automattic/juice) to do this automatically.

* Copy all of email.html
* Paste the HTML as the source into Putsmail
* Copy the HTML results and use them in your email view/template
* Copy the HTML results and use them in your email template

## Tried and tested on all major email clients

Tested on mobile, desktop and web.

![Templates](https://cloud.githubusercontent.com/assets/15963/17391543/bc289abe-59cb-11e6-9946-605a85f8c522.jpg)
![Templates Tested on Email Clients](https://cloud.githubusercontent.com/assets/15963/17391543/bc289abe-59cb-11e6-9946-605a85f8c522.jpg)


[Here are the Litmus test results](https://litmus.com/checklist/emails/public/d432046).
[See the Litmus test results](https://litmus.com/checklist/emails/public/d432046).

## More HTML email resources

Expand Down

0 comments on commit f8b4a5b

Please sign in to comment.