#MJML TUTORIAL HOW TO#

Package that actually wraps a Rust MJML library using Rustler (if that doesn’t In order to perform all of our MJML compilation steps in the context of an Elixir compilation, we’ll be using the Elixir You will be notified when new content is released! Show me the code! Though, we’ll be leveraging a slightly different tool given that we don’t want to add any additional complexity to ourīuild pipeline and would like it to be as streamlined as possible (i.e all operations take place in Elixir land). Use the NPM MJML ( ) package to convert MJML documents to HTML documents. If you want to use the 1st party tooling, you can download and Into a valid HTML document for email clients to render. If you look at the MJML documentation ( ), you’llĪlso see that there are plenty of included components to help get you on your way.Īfter you have created your MJML template, you’ll need to go through a compilation step to convert that MJML template MJML takes that headache away and allows you to craft slick looking emails inĪ few lines of XML markup. If you thought that cross browser render parity was an issue…email clientĬompatibility is an even bigger nightmare. MJML ( ) is a responsive email framework that ensures your emails are responsive and look consistentĪcross the various email clients. Without further ado, let’s dive right into things! What is MJML? In order to make this a bit more real world, we’ll also be leveraging and will craftĪ great looking welcome email to ensure our new users feel extra welcome to our new SaaS platform ).

#MJML TUTORIAL HOW TO#

In this blog post, we’ll be talking about what exactly MJML is, why it is an awesome tool for creating slick lookingĮmails, how to build MJML templates during the Elixir compilation phase, and how we go about sending these beautifulĮmails using Swoosh. Step 5: Testing our user registration flow.Step 4: Compiling our MJML templates and notifying the user - commit.Step 1: Create a new Phoenix project and install dependencies - commit.

Mjml tutorial