MJML Live Editor - Installation Steps & Usage

This new app from your friends at CloudKettle allows you to generate high-quality responsive HTML from MJML, directly within Content Builder.

1. In your Marketing Cloud instance, navigate to Installed Packages under Setup

2. Click on New and enter name as MJML Live Editor

3. Click on Add Components and select Custom Content Block

4. Enter Name and Endpoint URL as below:

Name: MJML Live Editor

Endpoint URL: https://mjmlrender.pages.dev/

5. Navigate to Content Builder and create a new blank email template

6. In the Content canvas screen, you will see MJML Live Editor under the custom section. Drag and drop the custom content block to your template

7. You can edit and update your MJML code and it will render automatically

8. That’s it. You are ready to preview and send your emails via MJML directly within Marketing Cloud

Having trouble with your MJML Live Editor set up or a technical issue? Get in touch with our team of CloudKettle Marketing Cloud experts.