---
title: "Add images to an email"
slug: "email-drag-and-drop-editor-add-images-to-an-email"
description: "Imagery is the basis of all emails. No matter how compelling your copy is, there should definitely be images, as they appeal to emotions by showing the products at their best."
tags: ["add image to email", "drag and drop images", "email image"]
updated: 2026-02-13T14:25:16Z
published: 2026-02-13T14:25:16Z
canonical: "academy.insiderone.com/email-drag-and-drop-editor-add-images-to-an-email"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add images to an email

Imagery is the basis of all emails. No matter how compelling your copy is, there should definitely be images, as they appeal to emotions by showing the products at their best.

To add an image in emails with the Drag and Drop Editor:

1. Pull a new structure with the necessary columns into your HTML email template. 2. Find the basic **Banner/Image** block in the **Settings** panel and drop it into the template. 3. Once you drop the content block in, click on it right in the email. 4. You will be asked to insert an image in the Settings panel.

You can build a banner in three ways:

- [Drop/upload an image](/docs/email-drag-and-drop-editor-adding-images-to-an-email#dropupload-an-image)
- [Paste an external URL](/docs/email-drag-and-drop-editor-adding-images-to-an-email#paste-an-external-url)
- [Use images from the personal gallery](/docs/email-drag-and-drop-editor-adding-images-to-an-email#use-images-from-the-personal-gallery)

## Drop/upload an image

You can drag and drop the image you are about to use for your campaign or upload it from your computer.

![New Drag & Drop 20(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2011-39-58.png)

## Paste an external URL

If you do not have the banner image saved to your computer, you can insert a link to the image on the web. In the **External link** field, paste the link to your image.

![New Drag & Drop 21(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2011-41-23.png)

If you use this image just once, in the dropdown menu, choose the **Leave as external link** option (as shown in the example above) and click the **Tick**. If you use this image for other email campaigns, click the **Project** tab above, insert the link, choose the **Download to the gallery** option, and click the **Tick**.

![New Drag & Drop 22(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2011-41-46.png)

## Use images from the personal gallery

When you upload or download images to the gallery, as shown in the example above, they are stored in your personal gallery. To access them, switch to the Email tab.

![New Drag & Drop 23(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2001%2011-42-26.png)

Images here are sorted by date, from most recent to oldest. If the list of images is too long, you may search by its name.

To use one in your current HTML email template, click on the selected image, and it will automatically appear in your email.

#### Adjust to width

This option stretches the image to the template's maximum width.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image%20(22).png)

Below is an example.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2013%2011-51-36.png)Before

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Jun%2013%2011-51-48.png)After

## Related

- [Edit images in an email](/email-drag-and-drop-editor-edit-images-in-an-email.md)