Click the arrow on the right side to see a preview of the email.Īnd here’s an email template with two columns: – The tag that is within an that declares how many columns are in each section.įor example: Here is an email template with one column:.– The tag that denotes a horizontal section of an email template.The responsive email template boils down to two basic “blocks” you use to build an email: You’ll want to pull up the MJML Documentation in a browser as well, as this is going to be the sacred document of reference for anything you’re trying to accomplish. MJML.io has an excellent getting started tutorial which walks through the basics of the framework.
You can also download and install the MJML App, which is probably the best way for beginners to start using MJML.
If you’re software engineer or a developer and familiar with a CLI (command line interface) you can install MJML with NPM to use with NodeJS or the CLI There are a few different options to set up MJML on your computer: There are plenty of courses out there to help you learn HTML and CSS, W3schools and Codeacademy have excellent beginner programs to get you up to speed. The syntax is very similar to HTML (with opening and closing tags) and you still use CSS syntax and declarations for styling your email. It will be useful to have a basic grasp of HTML and CSS in order to effectively use MJML. Since 2015, MJML has been a leading email developmentįramework that has personally saved me hundreds of hours in email development So, they developed a markup language that simplifies the complexity of responsive HTML and automatically generates it. MJML stands for Mailjet Markup Language and originated from a group of developers at Mailjet (now Pathwire) who set out to help developers code emails in a simpler and more efficient way. But what if you’ve got an idea you need to build fromĪs long as you’ve got some basic coding skills, MJML is an intuitive, open-source framework that can help you get the job done. It may be fairly easy to find responsive email templates Still, we’ve all opened an email on our phones and beenįrustrated by the “mobile unfriendliness.” Designing and developing responsiveĮmails is no longer just an option, it’s absolutely essential. That should come as no surprise since mobile devices do just about everything for us. No matter who’s on your list or what industry you work in, the stats show a significant portion of your subscribers are opening emails on mobile devices.