How do I insert/edit images in the drag-and-drop editor?

Images are key to communicating your message, reinforcing your branding, and providing visual interest in an email. There are two different ways to insert an image in the Drag-and-Drop Editor: creating an image block or inserting an image into a text block.

How-To 

Create an image block

1. Drag a new layout section to the left to add it to you file.
2. Drag the Image type icon over to left and drop it in new section.
3. Set up your cell padding and any other cell styles that apply.
   
   

Insert an image to the new image block

1. Click on the image section on the left to open edit options on the right.
2. Click the "update image" icon .
3. This will open the media library.
   Note: If an image was already selected for the image block, instead you will see a drop-down menu when you click . Choose "Change Image".
4. Click on any image file, or use the options at the top of the pop-up to Upload a new image, sort or search for an image. Click the insert button after selection.
   
   

Edit an image in an image block

1. Click on the image section on the left to open edit options on the right.
2. Choose the "Update Image" icon .
3. From the drop-down, choose "Edit Image".
4. This will launch the photo editor. From this editor, you can crop, resize, zoom, and rotate your image. 
5. Click "Apply" then "Exit" when you've completed your edits to return to the Drag-and-Drop Editor.
   
   

Inset an image into a text block

1. Click into the text box to place your cursor.
2. Click the from the text toolbar. This will open the media library. In a text box, the options in the media library pop-up are slightly different to allow alignment of image in relation to the text and padding between the image and text:
   
   

Edit an image in a text block

Click on the image in the text block to select it then click from the toolbar. Choose "Edit Image" from the drop-down to launch the image editor:

Resources

Check out this article on how to use our Unsplash integration!