Use images in Email templates

AdRoll's Email building tool allows you to directly search for, or upload pictures, as well as customize their appearance.

First, create a new Email or start with a new Email template. Otherwise, you can also edit an existing template.

To add images   

  1. Drag an Image Content Box into the template.

    Screen_Recording_2020-03-31_at_10.45_AM.gif
  2. Click Browse.

    Untitled_presentation__20_.jpg
  3. You have three options to get images into your email: Upload (step 4), Import (step 5), and Search free photos (step 6).

    Screen_Shot_2020-03-31_at_10.47.28_AM.png

  4. To Upload, select an image from your device and click Open.
  5. To Import, upload your URL or choose a place like Google Drive, Facebook or Instagram to connect. You can even take a picture right from your computer!

    Screen_Shot_2020-03-31_at_10.48.07_AM.png

  6. Click Search for Free Photos. Type in a keyword and browse the available images. Once you've decided you just click Import.

    Screen_Recording_2020-03-31_at_10.49_AM.gif
  7. Once your image has been uploaded, click Insert.

    Untitled_presentation__21_.jpg

After you've added your images, you can edit how they will appear in your email.

To manipulate images

  1.  Click on the image to pull up the Content Properties.

    Screen_Recording_2020-03-31_at_11.10_AM.gif

  2. Auto width will be on by default. If you want to manually adjust the width, turn off the Auto width toggle and you can use the image slider.

    Screen_Recording_2020-03-31_at_11.10_AM__1_.gif

  3. You can adjust the alignment of the image to be: left, center, or right.
  4. Click Apply effects & more.

    Screen_Recording_2020-03-31_at_11.12_AM__2_.gif

    You can use these tools to:
    • Add filters
    • Resize the image
    • Crop the image
    • Transform and rotate the image
    • Draw on the image
    • Add text
    • Add shapes
    • Add stickers
    • Add Emoticons
    • Add a frame
    • Adjust the corners of the image
    • and more!
  5. When you're done, click Save.
    Untitled_presentation__22_.jpg

  6. You can also add alternate text to your image. Alternate text is what will show as a description if your image doesn't load properly in the browser. This is most helpful for e-readers. 

    Untitled_presentation__23_.jpg

  7. Use the dropdown in the Action section to add functionality to the image.

    Screen_Recording_2020-03-31_at_11.15_AM.gif

    • Open a webpage
    • Send an email
    • Make a call
    • Send SMS 
  8. Block Options allow you to control the space on the sides of the image.

    Screen_Recording_2020-03-31_at_11.16_AM.gif

  9. If you want to use the same image multiple times, click the duplicate icon.

    Screen_Recording_2020-03-31_at_11.17_AM.gif

  10. When you're finished editing the image, click the down arrow icon.

    Screen_Recording_2020-03-31_at_11.17_AM__1_.gif
Was this article helpful?