Insert Images in an Email

Goal

Learn how to add and edit images in an email using HTML or the graphical editor in Mapp Engage.

Procedure

Add an Image with HTML Code

1. Create or edit an email and go to Step 2. Content in the message creation wizard.

   Note: This view opens by default in HTML Code mode.

2. Insert the image using the <img> tag:

   <img src="[image URL]">

3. You can add attributes to modify the image’s appearance (e.g., height, border).

4. Add an alternative text using the alt attribute:

   <img src="imagename.gif" alt="Description of the image">

5. This text appears when the image can’t be displayed and is essential for screen readers.

6. Click Update Draft.

Note: Large images (over 500 KB) may slow down delivery and increase costs.

Add an Image with the Graphical Editor

1. Create or edit an email and go to Step 2. Content in the message creation wizard.

2. Click HTML Editor.

3. Click the Insert/edit image icon.

4. In the Insert/edit image window:

   • Enter the image URL under Source, or click Browse files to upload from the Mapp Engage content store.

   • Add the alternative description and, optionally, height and width.

     

5. Click Save to save changes.

Select the Image Handling Method

1. Create or edit an email and go to Step 2. Content in the message creation wizard.

2. Expand Advanced Options.

3. In the Image Handling section, choose one of the following options:

   Option	Description
   Images Links are Unchanged	Image URLs remain as defined. Ideal for URLs with tracking parameters.
   Images are Inlined (Offline HTML)	Images are attached to the email. Suitable when offline visibility is essential.
   Images are Hosted in Mapp Engage (Online HTML)	Images are uploaded to Mapp Engage servers and loaded upon opening.

4. Click Update Draft.

Hint: To keep email size smaller, you can exclude individual images from the selected hosting method. See Exclude Images from Image Hosting.