How do I use the image editor in my email marketing campaigns?

This article will show how to use advanced image editing tools in email marketing campaigns.

Opening the Image Editor

To start, go to Marketing > Campaign List

Then, either create a new email by clicking New Campaign or open an existing draft email that you've created already by clicking on the name of a Draft campaign.

mceclip0.png

Once you're in the email editor, click the Image button to begin inserting an image.

mceclip1.png

Then, choose if you want to add 1 image, 2 images side-by-side, or 3 images side-by-side.

2022-11-17_10-00-10.gif

Once you've found the image you wish to use, hover your mouse over it and click the Edit button to open the image editor.

mceclip1.png

Or, if you've already inserted the image, single-click the image and click Edit to open the image editor.

mceclip0.png


Using the Image Editor

The tools in the screenshot below are available to help you create your desired design.

mceclip2.png

Crop or Resize

Use this tool to make the desired size, and crop out certain areas if you like.

To crop your image, use the Crop Size tool on the left if you know the exact dimensions you wish to crop to or use the Common Crops options to select a cropped size quickly.

mceclip3.png

Once cropped, you can move the cropped area to a desired part of the image

2022-11-17_10-25-07.gif

and you can click and drag your mouse on the corner to resize

2022-11-17_10-27-03.gif

To Rotate the image, use the buttons and slider at the bottom of the image

2022-11-17_10-29-21.gif


Filters

When using the image filters, start by clicking a filter category, then click a filter to apply it. You can use the Filter Intensity slider to adjust the intensity.

2022-11-17_10-34-14.gif

Feel free to click between different filters until you find the one that suits your image the best.

If you need to, you can click the blue button to reset the image and remove any applied filter.

mceclip4.png


Focus

Use the focus tool to apply a blurred effect to parts (or all) of your image. Click and drag the lines to move the blurred area, then use the Focus Intensity slider to adjust the blur strength.

2022-11-17_10-40-32.gif


Text

Click the New Text button to add some simple text, then click the Edit button to customize the text.

2022-11-17_10-44-15.gif

If you want to add graphical design-style text rather than simple text, you can use the Text Design tool instead.

You can click-and-drag the text box to move it around or click-and-drag on the corners and/or edges of the box to resize it.

2022-11-17_10-46-28.gif

Use the options on the left-hand side to adjust the text font, font size, alignment, and color.

mceclip6.png

If these options are greyed out for you, single-click your text, and the options will become available. 

You can also adjust the text to a specific color by clicking a color option and then clicking it again to bring up the color palette.

2022-11-17_11-49-21.gif


Text Design

Click the New Text Design to start adding your text, then use the options on the left to choose your preferred color and design style.

You can also adjust the text to a specific color by clicking a color option and then clicking it again to bring up the color palette.

Use the Edit button to customize the text.

2022-11-17_11-59-18.gif


Brush

You can use the brush tool to draw over the image. Select your preferred brush color, size, and hardness, then draw on the image.

2022-11-17_12-02-24.gif


Adding your Edited Image to your Email

Once you're happy with your image edits, click the Save button to add the image to your email.

mceclip7.png

Was this article helpful?
2 out of 8 found this helpful