-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #17 from wildbit/1.0.0
1.0.0
- Loading branch information
Showing
132 changed files
with
32,880 additions
and
3,395 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -14,7 +14,7 @@ These templates are built and maintained using [MailMason](https://github.com/wi | |
|
|
||
| ## 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. | ||
| 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: | ||
|
|
@@ -26,76 +26,92 @@ If you choose to send your emails with [Postmark](http://postmarkapp.com), each | |
|
|
||
| ## The Templates | ||
|
|
||
| The templates are listed below and have all been tested for consistency in the following email clients: | ||
| 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/wildbit/postmark-templates/raw/1.0.0/media/[email protected]" max-width="100%" alt="Starter templates side-by-side: Basic, basic full, and plain"> | ||
| <img src="https://github.com/wildbit/postmark-templates/raw/1.0.0/media/[email protected]" max-width="100%" alt="Dark mode compatibility"> | ||
|
|
||
| * 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 | ||
|
|
||
| ### [Welcome](http://assets.wildbit.com/postmark/templates/dist/welcome.html) | ||
| ### Welcome | ||
|
|
||
| Send a welcome email to users after they sign up. | ||
| Send a welcome email to users after they sign up. | ||
|
|
||
| * [Welcome email best practices guide](https://postmarkapp.com/guides/welcome-email-best-practices) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/welcome/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/welcome/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/welcome/content.html) | ||
| * 📔 [Welcome email best practices guide](https://postmarkapp.com/guides/welcome-email-best-practices) | ||
|
|
||
| ### [Reset Password](http://assets.wildbit.com/postmark/templates/dist/password_reset.html) | ||
| ### Reset Password | ||
|
|
||
| Send users a link to reset their password. | ||
|
|
||
| * [Reset password best practices guide](https://postmarkapp.com/guides/password-reset-email-best-practices) | ||
|
|
||
| ### [Reset Password Help](http://assets.wildbit.com/postmark/templates/dist/password_reset_help.html) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/password-reset/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/password-reset/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/password-reset/content.html) | ||
| * 📔 [Reset password best practices guide](https://postmarkapp.com/guides/password-reset-email-best-practices) | ||
|
|
||
| ### Reset Password Help | ||
|
|
||
| Help users reset their password if they can’t remember their email. | ||
|
|
||
| * [Reset password best practices guide](https://postmarkapp.com/guides/password-reset-email-best-practices) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/password-reset-help/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/password-reset-help/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/password-reset-help/content.html) | ||
| * 📔 [Reset password best practices guide](https://postmarkapp.com/guides/password-reset-email-best-practices) | ||
|
|
||
| ### [Receipt](http://assets.wildbit.com/postmark/templates/dist/receipt.html) | ||
| ### Receipt | ||
|
|
||
| Send a receipt to users after they made a purchase. | ||
|
|
||
| * [Receipt and invoices best practices guide](https://postmarkapp.com/guides/receipt-and-invoice-email-best-practices) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/receipt/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/receipt/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/receipt/content.html) | ||
| * 📔 [Receipt and invoices best practices guide](https://postmarkapp.com/guides/receipt-and-invoice-email-best-practices) | ||
|
|
||
| ### [Invoice](http://assets.wildbit.com/postmark/templates/dist/invoice.html) | ||
| ### Invoice | ||
|
|
||
| Request payment from a user. | ||
|
|
||
| * [Receipt and invoices best practices guide](https://postmarkapp.com/guides/receipt-and-invoice-email-best-practices) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/invoice/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/invoice/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/invoice/content.html) | ||
| * 📔 [Receipt and invoices best practices guide](https://postmarkapp.com/guides/receipt-and-invoice-email-best-practices) | ||
|
|
||
| ### [Comment notification](http://assets.wildbit.com/postmark/templates/dist/comment_notification.html) | ||
| ### Comment notification | ||
|
|
||
| Notify users of new comments by other users. | ||
|
|
||
| **Note:** Comment notification isn't the prettiest preview because it's just [Mustachio](https://github.com/wildbit/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. | ||
|
|
||
| * [Comment notification best practices guide](https://postmarkapp.com/guides/comment-notification-email-best-practices) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/comment-notification/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/comment-notification/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/comment-notification/content.html) | ||
| * 📔 [Comment notification best practices guide](https://postmarkapp.com/guides/comment-notification-email-best-practices) | ||
|
|
||
| ### [Trial Expiring](http://assets.wildbit.com/postmark/templates/dist/trial_expiring.html) | ||
| ### Trial Expiring | ||
|
|
||
| Let users know when their trial is about to expire. | ||
|
|
||
| * [Trial expiration email best pracitces](https://postmarkapp.com/guides/trial-expiration-email-best-practices) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/trial-expiring/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/trial-expiring/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/trial-expiring/content.html) | ||
| * 📔 [Trial expiration email best pracitces](https://postmarkapp.com/guides/trial-expiration-email-best-practices) | ||
|
|
||
| ### [Trial Expired](http://assets.wildbit.com/postmark/templates/dist/trial_expired.html) | ||
| ### Trial Expired | ||
|
|
||
| Let users know when their expired trial. | ||
|
|
||
| * [Trial expiration email best pracitces](https://postmarkapp.com/guides/trial-expiration-email-best-practices) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/trial-expired/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/trial-expired/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/trial-expired/content.html) | ||
| * 📔 [Trial expiration email best pracitces](https://postmarkapp.com/guides/trial-expiration-email-best-practices) | ||
|
|
||
| ### [User Invitation](http://assets.wildbit.com/postmark/templates/dist/user_invitation.html) | ||
| ### User Invitation | ||
|
|
||
| Help users invite others to use your software. | ||
|
|
||
| * [User invitation email best practices](https://postmarkapp.com/guides/user-invitation-email-best-practices) | ||
| * 💌 Preview with layout: [Basic](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic/user-invitation/content.html), [Basic full](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/basic-full/user-invitation/content.html), [Plain](https://s3.amazonaws.com/assets.wildbit.com/postmark/templates/dist/plain/user-invitation/content.html) | ||
| * 📔 [User invitation email best practices](https://postmarkapp.com/guides/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 | ||
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.