Add, insert, and edit images in EasyEditor

Learn to add, insert, and edit images in EasyEditor.

Upload new images

To upload new images:

  1. On EasyEditor, in the left-side column, expand the Images drop-down menu.
  2. Select + to add an image.
  3. On the file upload window, find and select the image you want to upload.
    You can also drag images from your computer into the images side panel.

If you want to upload multiple images, organise your images into folders, or crop, resize and edit images, select Manage to open the image manager.

Delete an image

To delete an image, drag the image onto the X (red cross). The image is moved into the recycle bin.

eedim_1_el.png

Insert an image

Once your images appear in the side panel, you can drag and drop them directly into your template.

As you drag the image over the template, dropbars will appear above and below existing blocks and containers showing you the position you'll be inserting your image. Release the image over a dropbar to insert it there.

If you're inserting an image into a text area, then as you drag the image over the block, a drop box will appear to show you where you can place the image. Release the image and it will appear in the template.

eedim3_el.png

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 by clicking on Manage and cropping it within the image manager.

The images toolbar

When you select an image within your template, the toolbar automatically changes and the side panel expands to show all the images you've uploaded.

eedim4_el.png

The images toolbar contains the following features:

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 or a survey.

Align

There are several image alignment options available, covering left, right and centre.

If you've inserted an image within a text block then the Inline option will ensure that you can display your image with text above and below it.

Image title

This allows you to enter a description for your image which will serve as the alternative text for it (the HTML alt attribute) that's shown when an image can't be seen. This might be because, for example, the email is being read with a screen reader, or the images haven't been downloaded.

It will also appear as the image's caption when mousing over it.

Spacing

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.

eedim5_el.png

You can't set margins on image blocks

Instead use the Borders & padding tool under Styles.

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 block it was inserted into.

Editing images in the Image manager

You can use the image manager to edit many aspects of your image, from the visual appearance to overlaying text and stickers.

image-manager-editor.png
To edit an image:

  1. Select the image on the EasyEditor canvas.
  2. Under Images in the left-side menu, select Manage.
  3. In the Image manager, select the image you want to edit.
  4. Select Edit from the top toolbar.
  5. On the editor left-side menu, there are many ways to edit your image:
    • Transform
      Either manually crop your image, or choose from the pre-made cropping menu on the left.
    • Add filters
      Choose from a selection of beautiful filters.
    • Adjust
      Manually tweak the visual appearance of your image with a large menu of editing options.
    • Focus
      Highlight particular elements of your image using a focus preset.
    • Text
      Add custom text on top of your image.
    • Text Design
      Add your text and then choose from a selection of beautifully designed text layouts.
    • Stickers
      Insert a sticker (emoticon or shape) on top of your image.
    • Brush
      Use the brush tool to draw directly on top of your image.
    • Frames
      Add a frame to your image.
    • Overlays
      Insert an overlay to give your image that professional touch.
  6. Once you finish, select OK.
  7. Select Apply.

 

Did you find this article helpful?

Can we help?

Thanks for using Engagement Cloud. If you need more help or support, then contact our support team.