File Structure

File Structure

The template files are organized in folders, as follows:

  • imagesall template placeholder images
  • psdPhotoshop design assets
  • htmlHTML-only template files
    • componentsbuttons, navigation (menus), dividers, and spacers
    • gridstandard and collapsed grid examples
    • layoutbase/master layout file
    • sectionsindividual sections/modules that build up a template
    • templatesprebuilt marketing and notification email templates
  • campaign-monitortemplate files integrated with Campaign Monitor
  • mailchimptemplate files integrated with MailChimp
  • stampreadytemplate files integrated with StampReady
  • mymailtemplate files integrated with the MyMail WordPress plugin

All the folders containing third-party service integrations follow the same structure as the html folder.

Master Layout

The product offers a master layout file, which you can use to start from scratch everytime you want to build a new email template by stacking sections from the sections folder.

This file contains meta tags and CSS in the <head>. Much of it is needed, but some parts (like menu styles) are optional. If you want to remove certain styles because you're not using the sections they're used for, or if you want to customize them further, please read up on our Pine Email Framework documentation.

On this subject, note that the prebuilt templates include the minimum viable CSS: only what's needed for them to work as they are. If you plan on adding a section to them, always refer to that section's documentation.

Prebuilt Templates

This product includes ready-made templates, for you to use right away.
They are organized in two folders, marketing and notifications, according to their purpose.

Marketing templates are what we use to name the ones you can use in a traditional newsletter.
Notifications are transactional email templates - password reminders, purchase confirmations, etc. They should only be used with services such as Mandrill or MailGun.


Sections are individual, stackable blocks of content that you can use to create an email.
The product includes over 50 sections, and most of them are email counterparts to the ones in our HTML and WordPress products.

You can customize the text, buttons, images, and colours in all sections.
Also included are sections integrated with the four email service providers the product is compatible with, so you can just stack them in your text editor and then do further customizations in, say, MailChimp.


Included are also a small set of very useful components from our Pine Email Framework.
These are provided as a convenience, for you to quickly copy/paste a button or a spacer in an email that you're building with the product.

The Grid

Also as a convenience, the product includes standard and collapsed grid examples from our Pine framework.

If you want to learn more about using the grid, please refer to the framework documentation.