Skip to content
EmailShepherdEmailShepherdDocumentation

How to use images in an email

This article shows you how to fill an image field in the editor, either with an image from the image library or with an image that’s hosted somewhere else.

Components in your Email Design System can have image fields. Each image field has two tabs:

  • File upload: pick an image from the image library, or upload a new one.
  • Enter URL: use an image that’s already hosted somewhere else, by entering its URL.

Add an image from the image library

Section titled “Add an image from the image library”

  1. In the editor, select the component and go to the image field you want to fill.

  2. Select the File upload tab.

  3. Click Choose or upload image.

    The File upload tab of an image field

  4. On the Image library tab, find the image you want. You can search for it by name.

  5. Click Select next to the image.

Choosing an image from the image library in the editor

Upload a new image from the editor

Section titled “Upload a new image from the editor”

Images you upload from the editor are added to the image library too, so your team can use them in other emails.

  1. In the editor, select the component and go to the image field you want to fill.
  2. Select the File upload tab.
  3. Click Choose or upload image.
  4. Select the Upload image tab.
  5. Drag your image into the window, or click Select image and choose it from your computer.
  6. Choose the Compressed or Original version of the image, and enter a Name. See Choose the original or compressed version to help you decide.
  7. Click Upload.

Use an image hosted elsewhere

Section titled “Use an image hosted elsewhere”

If an image is already hosted somewhere else, such as on your own website or CDN, you can use it without uploading it to the image library.

  1. In the editor, select the component and go to the image field you want to fill.
  2. Select the Enter URL tab.
  3. Paste the image’s URL. It should start with https://.

Entering an image URL

A preview of the image appears under the field, so you can check it’s the right one.