![]() ![]() The mj-column component is used to define a column. This section of our email will only contain our company/brand name in a center banner position: This helps our readers to easily identify sections of our email. mj-body defines the starting point of our email, and mj-section defines a section to contain other components.įor each section defined, a background-color attribute with their respective hex value is also defined. In our email.mjml file: įrom the above, you can see we’re making use of two MJML components: mj-body and mj-section. As seen above, our email will be divided into six sections. The sections serve as the skeleton for our responsive email. Now that we’ve created the file, our responsive email will be divided into the following sections: To get started, create a file named email.mjml, although you can also choose any other name you’d like. You can install MJML with npm to use it with Node.js or the CLI: $ npm install -g mjml In this tutorial, we’ll be building beautiful and responsive emails with MJML and testing across several email clients. It is also feature-rich, with standard components that speed up development time. Its semantic syntax makes it easy and straightforward to use. This markup language is designed to reduce the pain of coding responsive emails. MJML is a modern email tool that allows developers to create great emails that are beautiful and responsive across all devices and mail clients. Ogundipe Samuel Follow Software engineer and technical writer. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |