MoEngage supports the following ways of creating email content using the Custom HTML Editor:
Edit/Paste HTML Template
You can craft email content using the HTML editor. The side-by-side view of the editor helps you visualize the impact of any changes made to the HTML code, regardless of its complexity.
With HTML editor, you can perform the following actions:
Add HTML Code
You can add an HTML code that you have prepared previously or create it with the editor. The editor supports the following editor tools to create an HTML code:
- Text editor and formatting. This basic text editor tool allows you to type or modify the HTML code directly.
- Table editor. This editor allows you to easily create and customize HTML tables by specifying the number of rows and columns.
- Hyperlink insertion. The editor typically includes a tool for inserting hyperlinks. You can specify the URL, link text, and target window option.
- Image editor. This editor allows you to insert and manage images in your HTML code.
-
Undo/Redo. Undo and redo buttons are available to easily revert or reapply changes to your HTML code.
Preview the Email Design
The side-by-side view helps you preview any changes made to the HTML code in real-time, enabling you to see the immediate impact of any changes made. Additionally, you can preview your email design on both desktop and mobile resolutions to ensure that it looks good and functions properly on different devices.
MoEngage provides a View advanced preview option that allows you to have a Personalized preview and an Inbox preview. The personalized preview provides a preview of email details such as Subject line, Preview text, Sender Name, From email address, and Reply-to email address.
Add Dynamic Content
You can personalize your email content with attributes. Link and image personalisation is available in the HTML editor. For more information, refer to Personalization using the Custom HTML Editor.
Save as Template
You can save an HTML code as a template in the template library under My saved templates and use it later in your campaigns. Click Save template under Template actions to save your template.
Upload an HTML Template in ZIP Format
You can craft your email content by uploading a ZIP file (containing an HTML file and images). MoEngage converts this ZIP file and displays your design in the Custom HTML Editor. You can then make further changes or personalize the message.
ZIP File Format
To upload a ZIP file, make sure to follow the specifications below:
- Limit your file size to 5 MB.
- The file name should not contain any special characters (such as *, / , \, & ,~, ").
- The ZIP file should contain only one HTML file with inlined CSS. If you see an error regarding the file name, ensure that there is only one HTML file.
- Make sure the images are in the JPG, JPEG, PNG, or GIF formats.
- All images should be located on the relative path mentioned in HTML (with case sensitivity). If you encounter an error regarding the image location, ensure that all images are placed in the correct folders inside the ZIP.
Steps to Upload an Email Template in ZIP Format
- Log in to the MoEngage dashboard.
- On the All campaigns page, click + Create campaign > Email > the required delivery type.
- Define all the required details in Step 1 "Target users" and click Next.
- In Step 2 "Content", click the Custom HTML editor tab.
- Select Upload HTML template in Zip format as shown below.
- Drag and drop or browse the ZIP file in the dialog box that appears. If you want to save this template, select the save template as checkbox and provide a name for the template. Click Upload.
This will load your template in the Drag and Drop editor. If you see an error, follow the guidelines in the ZIP File Format section.
If you still face any issues, you can raise a support ticket.