Adding images to emails in the Design Editor

Note: All emails and landing pages created in the Classic Design Editor are now legacy assets. They are now view-only and not editable. Users can create emails and landing pages with the Design Editor and Source Editor. Learn more in our product notice. Learn more about the differences between the different editors for emails and for landing pages.

Create more visually appealing content and convey your brand by adding images.

Images can be inserted in image blocks and as backgrounds for your emails. You can insert images from the component library and Oracle Content and Experience.

Learn more by watching this video!

Tip: Since not all email clients download images by default, be sure to include alternate text.

Adding images using image blocks

When adding image content, use the following guidelines for image sizes:

Email layout Image size
1 column 600px
2 column 300px
3 column 200px
4 column 150px
2 column, left sidebar 200px and 400px
2 column, right sidebar 400px and 200px

To add images to your email using the image block:

  1. With your email open, drag the image content to the layout.

    An image showing an image component dragged onto the email canvas

  2. Choose whether to browse for the image, or to upload a new one.
  3. By default, Oracle Eloqua auto fits the image height and width proportionality to fit the entire content block. Use the Image Sizing properties to scale the image and set the image alignment. Learn more about the Image Sizing properties below.
  4. After you add an image, click the image content block and use the Image panel to format the image.

After you finish, Oracle Eloqua validates that the image will be responsive. If there are issues with responsiveness, a notification appears An image of the notification icon. Click the notification icon to review the issues. You must change the image source to resolve the notifications. You must change the image source to resolve the notifications.

Alternate text

Using the Image panel, you can add alternate text to your image. Alternate text allows you to describe your image for recipients that have images blocked or turned off. Alt text also helps make an image more accessible to people with disabilities.

Sizing and alignment

Use the Image Sizing options available from the Image panel to change the image alignment or to scale the image.

  • Use the Auto Fit setting to adjust the image height and width proportionality to fit the entire content block.
  • Turn off the Auto Fit setting to scale the width of the image up or down. You can scale the image up to 100% of the content block. Oracle Eloqua maintains the image's proportions.
  • Use the Alignment buttons to align the image to the right or left of the content block, or to center the image in the content block.

An animation showing image sizing options

Background color

Set the background color of the content block using the Image panel. You can set the color using hexadecimal or RGB values.

Linking

To make the image a link, use the Image panel. You can link to:

  • A landing page
  • A file in file storage
  • An external webpage
  • A system action like subscribing to an email group or opening the subscription management page
  • A new email message

Learn more about the link types.

Padding and borders

Adjust the padding and borders around the content block using the options available from the Image panel. Learn more about padding and borders.

Adding background images

You can add background images to any layout in the email. For example, create a hero image and overlay it with content to create your bold layout.

An example hero image applied to an email layout

Background images are not supported by all email clients (for example, Microsoft Outlook). Be sure to preview and test your emails using your target email clients.

To add a background image:

  1. With your email open, click the layout you want to add a background image to.
  2. Under Background Image, select whether to browse for the image, or to upload a new one.
  3. Add content to the layout if desired.

Related

Oracle Content and Experience integration

Enabling the Oracle Content and Experience integration