Adding images to emails in the Design Editor

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 Management (formerly Oracle Content and Experience Cloud or Oracle CX Content).

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.
    • To browse to an image in your image library, click An image of the browse icon. You can browse images from the component library and Oracle Content Management. Learn more about uploading images to Oracle Content Management from within Oracle Eloqua. Note that the CX Content option will only be available if it has been enabled. Learn about enabling the Oracle Content Management integration.

      Note: The recent Google Chrome version 84 update contains a default setting in chrome://flags/ that may prevent the Oracle Content Management integration iframe from loading. Make sure that Chrome's 'SameSite by default cookies' setting is set to 'Disabled.'

      Important: Oracle Content and Experience Cloud or Oracle CX Content is now known as Oracle Content Management. This change in name may not be immediately reflected everywhere in the Oracle Eloqua user interface.

    • To upload a new image, click An image of the upload icon. The image is uploaded to the image library.
  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.

cx content

Learn more

Oracle Oracle Content Management integration

Enabling the Oracle Content Management integration