Working with images in Drag-and-Drop Editor


Adding images to your email campaigns can make them look really great. drag-and-drop editor makes it really simple to add and manipulate images. 

Uploading new images

In the images section of the sidebar, click on the Add button. The Image Manager will open. Click on the Browse button to select the image you want to upload from your computer.

Once selected, the location of the image will be displayed in the File box on the screen. You need to type in a name for the image in the Name box. Now you can click on the Upload button.

Select the file on your computer and the image will be uploaded and now appear in the images sidebar.

To delete an image from your Image sidebar area, simply drag the image onto the recycle bin.

If you wish to upload multiple images, organize your images into folders, or crop and resize images, click on the Image Manager.

You can also drag images from your computer into the images sidebar.

Inserting an image

Once your images appear in the sidebar, you can drag and drop them directly onto your template.

As you drag the image over the template, the pink drop-bars appear above and below each element and container. Release the image over a drop bar to insert it there.

If you are inserting an image into a text area, then as you drag the image over the element, a drop box will appear where you can place the image. Release the image and it appears in the template.


Images dropped into your template are automatically scaled in proportion. You can select an image and use the resize handle to make the image larger or smaller; as you scale the image, the revised sizes (width and height) are shown in a box just above the image. If you need to scale an image to only change the height or width then you'll need to edit the image using the Manage Images button.

The images ribbon

When you click on an image within your template, the ribbon automatically changes and the sidebar expands to show all the images you have uploaded. It contains the following features:


Link / Remove link
The link button lets you add links to your images. These could be links to webpages or special links such as links to the unsubscribe page, a survey, or forward to a friend.

There are several image alignment options available covering left, right and centre. If you have inserted an image within a text element then the Flow With Text option will ensure that your image moves with the text.

Alt text
'Alt text' is alternative text that is shown when an image cannot be seen because, for example, the email is being read with a screen reader or images have not been downloaded. Images can have default 'alt text' set in the image manager, or set in campaign.


Margins can be set to add space to each side of your image, setting a distance between the image and the surrounding text.

Each side of the image can have a different margin; this is set by specifying the number of pixels and clicking on the top, bottom, left or right hand side of the image graphic.

Image elements cannot have margins set, the 'Padding' tool should be used for this.

Replacing an image

To replace an existing image, simply drag the new image over the existing image and release. The new image is inserted and automatically scaled to fill the element it was inserted into.

Have more questions? Submit a request


Please sign in to leave a comment.