Postmark Transactional Email Templates
Content ready, mobile friendly, and beautiful across all major email clients.
What's this for?
Postmark Transactional Email Templates are rock-solid email templates that render beautifully in tons of email clients. They provide the foundation of our Postmark Templates feature, and we're glad to provide them as Open Source to the wider community.
These templates are built and maintained using MailMason, a grunt-based framework to help streamline the process of developing, testing, and maintaining a set of related transactional email templates. If you want to create or customize your own set of email templates, you can use MailMason to extend the existing emails or start from scratch to build an entirely new set.
CSS & Inlining
There are two sets of templates here. The first set is in the /templates
folder and contains the base templates with the CSS all contained in a style block. In this state, they're easier to edit, but they'll have limited compatibility with email clients. The other set in /templates-inlined
has the same templates but with the CSS already inlined. They'll be a bit more tedious to make changes to, but you won't need to use anything to inline the CSS.
Inline the CSS
For client compatibility, HTML emails should always be inlined before sending. Here are a couple of tools for doing that:
If you choose to send your emails with Postmark, each time you send we will automagically inline the CSS for you.
The Templates
Each template comes in three different generic layout variations: Basic, Basic full, and Plain. This gives you a starting point so that you can customize your templates to match your brand.
Welcome
Send a welcome email to users after they sign up.
๐ Preview with layout: Basic, Basic full, Plain๐ Welcome email best practices guide
Reset Password
Send users a link to reset their password.
๐ Preview with layout: Basic, Basic full, Plain- ๐ Reset password best practices guide
Reset Password Help
Help users reset their password if they canโt remember their email.
- ๐ Preview with layout: Basic, Basic full, Plain
๐ Reset password best practices guide
Receipt
Send a receipt to users after they made a purchase.
๐ Preview with layout: Basic, Basic full, Plain- ๐ Receipt and invoices best practices guide
Invoice
Request payment from a user.
๐ Preview with layout: Basic, Basic full, Plain๐ Receipt and invoices best practices guide
Dunning
Let users know about a failed payment
๐ Preview with layout: Basic, Basic full, Plain๐ Dunning best practices guide
Comment notification
Notify users of new comments by other users.
Note: Comment notification isn't the prettiest preview because it's just Mustachio. Since almost all content in this email is dynamic, it won't look good without real content. Don't worry though, that's how it's supposed to look.
๐ Preview with layout: Basic, Basic full, Plain๐ Comment notification best practices guide
Trial Expiring
Let users know when their trial is about to expire.
๐ Preview with layout: Basic, Basic full, Plain๐ Trial expiration email best practices
Trial Expired
Let users know when their expired trial.
๐ Preview with layout: Basic, Basic full, Plain- ๐ Trial expiration email best practices
User Invitation
Help users invite others to use your software.
๐ Preview with layout: Basic, Basic full, Plain๐ User invitation email best practices
We've also made sure that these have been tested for consistency in the following email clients:
- Desktop
- Apple Mail 9, 10, 11
- Outlook 2007, 2010, 2011, 2013, 2016
- Windows 10 Mail
- Mobile
- Gmail App (Android)
- iPhones 6, 7, 8, SE, X
- iPad (Retina)
- iPad Mini
- iPad Pro
- Web
- AOL
- Gmail
- Outlook.com
- Yahoo