https://github.com/mailgun/transactional-email-templates

Responsive transactional HTML email templates
https://github.com/mailgun/transactional-email-templates

Last synced: 20 days ago
JSON representation

Responsive transactional HTML email templates

• Host: GitHub
• URL: https://github.com/mailgun/transactional-email-templates
• Owner: mailgun
• License: mit
• Created: 2014-08-07T12:44:28.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2022-02-03T15:51:44.000Z (over 2 years ago)
• Last Synced: 2024-10-01T12:23:32.959Z (about 1 month ago)
• Language: HTML
• Homepage: http://blog.mailgun.com/transactional-html-email-templates/
• Size: 210 KB
• Stars: 6,895
• Watchers: 240
• Forks: 1,153
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-emails - Responsive Transactional HTML Email Templates
• awesome-emails - Responsive Transactional HTML Email Templates - Each template is responsive and each has been tested in all the popular email clients. (Templates / Misc)
• starred-awesome - transactional-email-templates - Responsive transactional HTML email templates (HTML)
• awesome-starred - mailgun/transactional-email-templates - Responsive transactional HTML email templates (others)
• awesome-email-marketing - Responsive transactional HTML email templates

README

        
# Responsive transactional HTML email templates

Transactional HTML emails often get neglected. **Styling HTML email is painful**. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers.

We’ve tried to remove some of the pain for you and open-sourced a collection of common templates for transactional email.

* [Action email](http://mailgun.github.io/transactional-email-templates/action.html)

* [Email alert](http://mailgun.github.io/transactional-email-templates/alert.html)

* [Billing email](http://mailgun.github.io/transactional-email-templates/billing.html)

Each template is **responsive** and each has been **tested** in all the **popular email clients**.

## How to use

* Use these email templates for your transactional emails

* Use them as is or think of them as boilerplates for more detailed emails

* Ensure you [inline the CSS](#inline-the-css) before sending the email out

## What are transactional emails?

Typically any email that is triggered by or sent automatically from your application.

* Welcome emails

* Actionable emails

* Password resets

* Receipts

* Monthly invoices

* Support requests

* App error alerts

* Reminders

* etc.

## Inline the CSS

Before sending HTML emails **you should inline your CSS**.

We recommend using [Premailer](http://premailer.dialect.ca/) to accomplish this.

Our repo contains both the original templates with a separate CSS stylesheet, as well as templates with CSS already inlined for you to preview. See the `/templates/inlined` folder.

## Tested and verified

We’ve tested these email templates across all the major desktop, web and mobile clients, using [Email on Acid.](https://www.emailonacid.com/)



## Email design workflow with Grunt

You also might be interested in this [Grunt task](https://github.com/leemunroe/grunt-email-design)  for compiling and testing html emails. We used this to help design and test our transactional emails.