Home

Awesome

<img src="https://newsletter.postmarkapp.com/assets/images/open-source/templates-logo@2x.png" alt="Postmark Transactional Email Templates" width="148" height="148" align="right">

Postmark Transactional Email Templates

Brought to you by <a href="http://postmarkapp.com"><img src="https://newsletter.postmarkapp.com/assets/images/pm_logo@2x.png" alt="Postmark" width="100"></a>

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.

<img src="https://github.com/activecampaign/postmark-templates/raw/main/media/starter-templates@2x.png" max-width="100%" alt="Starter templates side-by-side: Basic, basic full, and plain"> <img src="https://github.com/activecampaign/postmark-templates/raw/main/media/dark-mode@2x.png" max-width="100%" alt="Dark mode compatibility">

Welcome

Send a welcome email to users after they sign up.

Reset Password

Send users a link to reset their password.

Reset Password Help

Help users reset their password if they can’t remember their email.

Receipt

Send a receipt to users after they made a purchase.

Invoice

Request payment from a user.

Dunning

Let users know about a failed payment

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.

Trial Expiring

Let users know when their trial is about to expire.

Trial Expired

Let users know when their expired trial.

User Invitation

Help users invite others to use your software.

We've also made sure that these have been tested for consistency in the following email clients: