If you don’t already have a code editor installed on your computer, you can download any one of these applications and follow the developer instructions on their respective websites for installation: Fortunately, MJML can integrate with some of the major code applications as well!īelow are three plugins and packages you can use to code MJML directly within an existing code editor. However, since you’ll likely be using your own ESP to test and send emails, this feature may not be all that necessary.Įven though the MJML app has a lot to offer, you might just prefer to use a code editor that you’re more familiar with. This may be a little bothersome for most, since you need both Mailjet API key and Mailjet API secret as well as a verified sender email address, but you can always sign up here to get started. Lastly, you can also send emails from the app. Here, you’ll see that you can copy the code, export it as a HTML file onto your computer, or even screenshot both desktop and mobile versions of your design. When you’re ready to export your code, click the down arrow right next to “Copy HTML” for all available options. If you’re just testing or playing around with MJML, this isn’t a big deal, but if you’re working on more serious, long term projects, you may want to consider the following options.įrom the MJML Desktop app The code from the templates should already be fairly neat, but if you need to do some cleaning up as you create your code, hit the “Beautify” button at the top of the screen. The downside of using the online editor is that you won’t be able to save your code.

If you click on “View HTML”, you can copy the code to paste in the ESP of your choice or click “Minify HTML” on the left for a more condensed version of your email code. When you navigate over to mjml.io/try-it-live, you should see something like the picture below.įrom mjml.io/try-it-live Here, you’ll not only be able to code some MJML, but in the upper right hand corner, you can choose to view your email design in desktop mode, mobile mode, or see the converted HTML code. If you want a quick and easy way to test out some MJML code or you just want to get your feet wet, the MJML online editor is a great resource. Today we’re going to clear up any confusion by giving you an in-depth, step-by-step guide on how to use and install MJML. However, understanding how to actually set up MJML so that you can start coding your first email may not be so apparent. This way, you can control what each member of your team can do and save time by avoiding the back & forth on template building.MJML is one of the easiest email development tools at your disposal. If several people from your team are working on emails, choose an ESP that offers collaboration features designed for teams to collaborate effectively on email. If so, you can save time when designing new emails. If you’re working with different tools such as CRMs, e-commerce platforms or CSMs, check if the ESP provides dedicated plugins to integrate its functionality (such as the drag-and-drop editor) directly within your other tools. A/B testing will allow you to design and test different versions of your emails to maximize your chances of reaching your targets and optimizing your campaign’s results. In order to optimize your results, you must be able to rely on advanced real-time statistics, a campaign comparison tool, and A/B testing capabilities.

Those advanced features will help you send targeted and personalized marketing campaigns to your subscribers, and also save you some time when designing your emails. MJML is a markup language designed to reduce the pain of coding HTML-responsive email.Īssess the marketing functionalities offered by the solution such as dynamic content, customization, contact segmentation, and email automation. The MJML rendering engine used by certain ESPs ensures the optimal display of your emails everywhere. Make sure to use an email editor that will automatically build responsive emails that are optimized for all inboxes and screens. Whether you’re a marketer, a developer, an email designer or an all-around freelancer, here are a few important things to consider before choosing your emailing solution: How to choose the right email builder to design great emailsįinding the right email marketing software can be complicated.

Responsive design is about making sure your email campaign will render well on a variety of devices, screen sizes, and email clients (such as Gmail or Outlook). Also called Email Service Providers (ESPs), those email marketing softwares commonly offer a drag-and-drop builder, which makes it easy to design responsive email templates.

Mjml drag and drop