Customizable transactional and marketing email templates
JavaScriptMIT
Why?
Coding responsive HTML that works on all email clients is daunting and time consuming. stencil helps you create beautiful emails in just a couple of lines of code.
constStencil=require('@radval/stencil')conststencil=newStencil('transactional')consthtml=stencil.render({heading: 'Welcome, Jane! 🎉',message: 'We’ve heard you like emails!',})
Each stencil email has the same structure: header, body, footer.
The header has a logo, heading (title), message and an action button. The footer contains social media links, the business address and the unsubscribe message.
Check out stencil.email to see how templates look! Alternatively you can use the .sketch file here.
There are 4 body categories:
welcome: Adds a list of tasks or next steps to follow.
transactional: Suited for password resets, account-related alerts, event-driven notifications and so on.
confirmation: Adds a confirmation code.
newsletter: Adds an articles list, each having an image, title, subtile, description and action button.
Customization
There are several ways in which you can customize stencil emails: beyond text you can change the color theme and each image and icon. Customization is done by passing a view object to the render method.
Keep in mind that all the urls you're using have to be publicly available so that the recipient of your emails can see them.
Also, all of the properties are optional, although without some of them the email would make little sense.