Use the Image zone to add images to your email messages and manage their properties, such as their alignment, hyperlinks, alt text, and more. If you need to edit images, you can even use the built-in Basic or Advanced editors to customize it without leaving the editor or the message.

NOTE: If the image you've added is too large for the zone you've placed it into, you'll automatically be warned at the bottom of the message. This gives you the opportunity to re-size the image to ensure it looks great before sending your message.

Watch the video

Watch a short video that highlights the redesigned Zones iconography and the new, pre-configured Layouts options.

Add the zone to a message

TIP: As you work, click the gear icon in the upper right and click Save Changes. Use the undo and redo buttons to manage your changes.

Click and drag the Image zone to where you want it in the message and "drop" it into place.

In the Insert Image dialog, click Browse to locate your image in the Image Manager. The Image Manager is a repository of all images that have been uploaded to your account. If needed, you can also upload new images.

Accepted file types are: .bmp, .png, .jpg, and .gif
Max file size is 5MB per file
Be sure to remove any special characters from your image file names prior to uploading and inserting them in your messages. While you will be allowed to insert them in the editor, they will result in broken images in your sent messages.

See Manage Images to learn how to use this image repository.

Once you've found your image, click to select it and click Select to see a preview of it back in the Insert Image dialog.
At this point, you can:

edit some basic image properties on the Properties tab (more on this below),
click Edit as Copy to make a copy of your image to edit with the Basic or Advanced editor (more on this below),
or click Insert to complete the process and add the image to your message.

Properties tab

Here, you can configure the following basic image properties:

Alignment (left, center, or right)
H(orizontal) space and V(ertical) space
Alt text for accessibility
Click Add Link to make the image a clickable link. You can select from several link types: URL, Email, Anchor, Landing Page, Event, or Survey.
Click the Advanced - Edit CSS to expand the Class and Style fields for some more advanced CSS-based image tweaks (advanced users only).

Edit image

If you'd like to make some adjustments to the image prior to inserting it into your message, click Edit as Copy to create a copy of the image and make edits via one of two built-in image editors:

See Manage Images to learn more about how to customize your images.

Click Resize/Crop to use the Basic editor to perform rudimentary edits, such as cropping and re-sizing.
Click Use Advanced Editor to use the Advanced editor to add text, adjust the colors, add overlays and frames, and more.

Manage the zone

You can click the zone to access the management options.

TIP: As you work, click the gear icon in the upper right and click Save Changes. Use the undo and redo buttons to manage your changes.

Click Drag and then drag the icon (no need to click-&-hold) into place and click to release it.
Click Edit to open the configuration dialog and change your configuration settings.
Click Copy to automatically replicate the zone immediately below itself.
- Each copy is an independent zone with these same management options which act uniquely on it.
Click Delete to remove the zone.
- This action is immediate; there's no confirmation prompt or cancel option. TIP: Click the undo icon to reverse a deletion.

Image repository update

In December 2019, all Higher Logic Real Magnet images were migrated to a new repository. Images that were inserted into messages prior to this migration remain linked to the pre-migration repository. If you try to edit one of these images, an on-screen message will indicate that you have to perform a one-time save in order to update the image’s link to the new repository.

Edit the image and then save it to the new repository.

NOTE: Message-based images that you do not edit will remain unaffected by the migration.

To learn about the features and functions that you can use while working in Message Editor, see Message Editor Overview.
Message Editor Zones and Layouts offers a high-level look at the various "purpose-built" Zones and links to the dedicated articles that provide instructions for configuring and customizing the Zones.
To learn about Message Editor Layouts, which have pre-configured designs for quicker message- and template-building, see Message Editor Layouts.

Message Editor Zone - Image