​

Getting Started

• Dark mode previewThis option allows you to preview your content in the dark mode. The generated preview is an approximation and can vary with devices and the ISP.
• Switch to HTML editorThis option allows you to switch to the HTML editor and create content using it. Once switched, you cannot revert to the drag-and-drop editor. For more information, refer to Edit/Paste HTML template.

• Preview
  This option allows you to preview the created content. You can preview the Subject line, Preview text, Sender Name, From email address, and Reply-to email address.

​

Properties Panel

• CONTENT
• ROWS
• SETTINGS

​

CONTENT

​

TEXT

​

​

Add Links

​

Add Personalized Links

​

IMAGE

​

How to Insert an Image?

• Browse, search, and sort existing files
• Switch between list and grid view
• Import new files
• Create new folders
• Preview and insert images into your message

​

How Does It Look?

​

How to Access It?

• When you click Browse in an image placeholder, which is displayed when you drag and drop an image content tile into a message.
• When you click Change image in the image properties panel:
• When you click Link file when working with images and buttons:

​

How to Upload Files?

• Browse and upload from your computer using the Upload.
• Import from an external application using the Import button (see more below), if this feature has been enabled.
• Search and import free stock photos using the Search free photos button, if this feature has been enabled.

​

How to Import Files from Other Applications

​

How to Browse or Search Files

​

How to Use Files?

• Preview for files
• Delete for both files and folders

​

How to Organise Folders?

​

How Does the Image Editor Work?

​

Edit Images

​

Accessing the Image Editor

​

CONTENT BLOCK

1. Drag & drop the content block tile into your email content.
2. Click Add/Edit Content Block.
3. On the Email Personalization pop-up, search for the content block you want to add. When you add content blocks to an email campaign using the drag-and-drop method, MoEngage automatically updates the email content whenever you edit the source content block via the Content Block feature. However, if you want to add a content block without linking it to future edits, turn on the Insert only the content of the content block toggle. This action prevents automatic updates to the email content when you modify the original content block.

​

DYNAMIC CONTENT

1. Select the dynamic content tile and click Add Option.
2. Enter the details of the personalized image in the Personalized Content pop-up window.
   1. Enter the personalized attribute in the Image Source URL field.
   2. Enter the target link in the Target URL field.

​

HTML

​

How to Add an HTML Code?

​

Which HTML Tags Are Allowed?

​

List of Allowed Tags

​

List of Allowed Attributes

​

VIDEO

​

ICONS

​

How to Add an Icon Collection?

​

MENU

1. Click Add new item in the Content properties section of the editor sidebar.
2. Define the properties for each element for the menu item.
3. You can also reorder menu items by dragging the icon found to the left of the menu item title.
4. You can also configure the menu item as a mobile menu. This option is only applicable for mobile devices and When turned on, a “hamburger” menu will be applied on mobile. It can be expanded with a tap to reveal menu items in a vertical layout.

​

ROWS

​

Save a Row

• If Saving Row as Content Block is not enabled
• If Saving Row as Content Block is enabled

This option allows you to save a row and reuse it in other templates. This option can be very handy while handling repetitive content, such as template headers or footers. To save a row, perform the following steps:

1. On the editor canvas, click to select the specific row you want to save.
2. Click the Save ()icon.
3. In the Save Row dialog box, perform the following:
   • Enter a unique Row name.
   • Select an existing category from the dropdown, or type a new name to create a category.
   • Click Done.
4. After saving, you can easily find and reuse this row by navigating to the ROWS panel and selecting its assigned category.

Multiple saved rows cannot have the same name. Saved rows need to have unique names.

The following are Early Access features:

• Create categories
• Manage rows
• Lock and unlock rows

To enable it for your account, contact your MoEngage Customer Success Manager (CSM) or the Support team.

​

Create Categories

To easily organize and retrieve your saved rows, MoEngage supports categorizing your rows at the workspace level. All changes made to categories are updated in real-time across the workspace.

• Default Categories: Every workspace includes three default categories: Header, Footer, and Promotional.
• Custom Categories: You can create up to 7 custom categories (bringing the total limit to 10 categories per workspace).

While users can create categories directly from the user interface, deleting a category through the MoEngage UI is not supported. To remove or delete a category from your workspace, raise a request with the MoEngage Support Team.

​

Create a New Category

You can create a new category dynamically either while saving a new row or while editing an existing one:

1. On the Save Row dialog box, click into the category dropdown and type the desired name for your new category.
2. Press the Enter key on your keyboard. The text string is transformed into a new, selectable custom category.
3. Click Done to save both the row and the new category to the workspace simultaneously.

After saving, you can view the categories in the ROWS tab. From the dropdown, select the required category to view the rows saved in that category.

​

Manage Rows

MoEngage allows you to edit and delete your saved rows directly from the Drag & Drop (D&D) Editor. Any modifications you save happen in real-time and apply at the workspace level, making the updated design immediately available for all team members.

​

Edit a Row

1. Navigate to the ROWS tab and select the desired category.
2. All the rows under that category are displayed. Click the ellipsis icon on the row you wish to edit.
3. Click Edit row.
4. In the Edit row slide-out panel, you can:
   • Modify the row Name.
   • Reassign the row to a different Category. Alternatively, you can create a new category directly from this field and reassign the row to it simultaneously.
   • Update the Content within the row itself.
5. Click Save changes. The updated row will be instantly available in real-time for all users in the workspace to drag and drop.

​

Delete a Row

1. Navigate to the ROWS tab and select the desired category.
2. All the rows under that category are displayed. Click the ellipsis icon on the row you wish to delete.
3. Click Delete.
4. In the Delete row confirmation box, click Delete. This action permanently removes the saved row from the workspace catalog.
   Deleting a row does not affect any existing campaigns (active, scheduled, paused, or stopped) that currently use it. When you add a row to an email, its content is copied into the campaign at that exact moment. Because there is no active link between the row and the campaign itself, your existing emails will continue to work exactly as designed.

​

Lock and Unlock Rows

For large teams and enterprises, locking rows helps preserve brand language and structural integrity by preventing unauthorized or accidental modifications to crucial structural elements (e.g., legally approved footers, global headers, or brand-specific banners).Row locking permissions are governed by role access settings managed in the MoEngage Content permissions section:

• Admin and Manager: Have Lock/Unlock Row capabilities by default.
• Developer, Analyst, and Marketer: Do not have lock/unlock capabilities by default.
• Custom Roles: Can manually assign lock/unlock privileges.

• Granting a custom role the Lock/Unlock Row capability automatically forces the inheritance of View, Create, and Manage & Publish permissions for rows.
• When browsing the ROWS tab, any locked row clearly displays a [Locked] prefix in its name. This allows you to easily identify restricted rows at a glance so you can place them in the correct position within your email.
• If your role does not have lock/unlock permissions, you cannot delete or modify a locked row once it has been added to the editor.
• In addition to locking entire rows, you can lock individual row properties (such as background colors, padding, or text alignment). Only users with lock/unlock permissions can lock or unlock specific properties. Once a property is locked, it cannot be edited by users without the required access privileges.

To lock or unlock a row:

1. Select the row within the drag and drop editor.
2. Navigate to ROWS > ROW PROPERTIES.
3. Locate the lock configuration toggle:

• To lock the row: Enable the toggle switch. When enabled, the row transitions to a Locked state.
• To unlock the row: Disable the toggle switch. When disabled, the row returns to an Unlocked state.

If you do not have lock/unlock permissions (such as a Marketer) and interact with a locked row:

• You can drag, drop, and rearrange the row into your email design template.
• You cannot edit, change properties, modify, or delete the content inside the row.
• You cannot delete or modify a locked row once you have added it to the editor. To remove a locked row from the canvas, you must use the Undo button (located in the bottom-left corner of the editor).
• If you attempt to click or edit inside the locked row, the editor will display a toast notification: This module is locked by your team. Only members with "Lock/Unlock" permission can edit it. Contact your Manager or Admin to request edits.

This is an Early Access feature. To enable it for your account, contact your MoEngage Customer Success Manager (CSM) or the Support team.

If you have the Content Block feature enabled, MoEngage allows you to save a row as a Content Block. When you save a row as an HTML Content Block, you can then add it to your future emails just like any other content block, and you can find it on the Content Block page within MoEngage. This functionality simplifies managing your email content by enabling easy editing and deletion of these saved rows.To save a row as a content block, perform the following steps:

1. Select the row you want to save and click Save ().
2. On the Save content block dialog box, enter the following details:
   • Name: Enter a name for your row to be saved as a content block.
   • Description: Enter description for your row.
   • Tags: Select the tags for your row. This helps in categorising your row based on the selected tags.
3. Click Save.

​

Create Rows with Product Set-Based Personalization

​

Undo Widget

​

Timeline Widget

• An icon to identify the content element type (an image, text, and so on)
• A description of what changed, giving the new property value (if any)
• The exact time it happened

​

Hide Content on Desktop or Mobile

Content displayed on desktop	Content displayed on mobile

1. Navigate to Property Panel.
2. Scroll down to Block options settings
3. In Hide on, select Desktop or Mobile.

​

Hide Rows

1. Select the row you want to hide.
2. Navigate to Row Properties.
3. In Hide on, select Desktop or Mobile.

​

SETTINGS

• Content area width: This is the width of the area where content tiles are dropped. According to email marketing best practices, it should typically be set to 600px or less. Note that this is the maximum width that will be used on larger devices. When the device’s screen is smaller, the message will adjust automatically to it.
• Background color: It is the background color for the message. This setting is effective only for rows (and columns) where color has not been specified. Otherwise, the background color specified for that content structure will be used.
• Content area background color: It is the background color for the content area. This setting is effective only for rows and columns where color has not been specified.
• Default font: It is the default font that will be used when another font family has not been specified. This setting affects all text set to use the global font.
• Link color: It is the link color. As above, this setting affects all text links set to use the default color.