Working with email content components and layouts 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.

The Oracle Eloqua email Design Editor uses content components and layouts to help you build your email.

Content components

Content components are types of elements that you can include in your email. Content types include text, buttons, images, and more. You can add content to sections of a layout. Content added to layouts create a content component in your email.

An image of the content block options

Layouts

Layouts determine where you can place content components. Layouts consist of one or more columns that you can add content components to. Oracle Eloqua provides you with several layouts that you can customize with content components.

An imae of the email layout options

Learn how to work with these design components:

Adding content components or layouts

After you initially choose a layout for your email, you can add content components and layouts to customize the email design.

To add content components or layouts:

  1. With your email open, drag content components or layouts to your email.

An animation showing dragging and dropping content and layouts onto the email canvas

Copying content components or layouts

To copy content components or layouts:

  1. With your email open, click the content component or layout you want to copy.
  2. Click An image of the copy icon.

    An image that indicates the copy icon

  3. Move the content component or layout to the location you want it.

Moving content components or layouts

You can move a content component vertically or horizontally. You can move a content component to a new layout. You can move a layout vertically.

Note: You cannot move content component if you are in the mobile view. You can move a layout in mobile view.

To move content components or layouts:

  1. With your email open, click the content component or layout you want to move.
  2. Click An image of the drag handle icon and drag the content component or layout to the new location.

    An image illustrating the drag handle

Deleting content components or layouts

To delete content components or layouts:

  1. With your email open, click the content component or layout you want to delete.
  2. Click An image of the trash icon. You can click An image of the undo icon to undo your change.

    An image that indicates how to delete the layout with the trash icon

Resizing columns

To resize columns in a layout:

  1. With your email open, click on the layout that contains the columns you want to resize.
  2. Click on or An image of the column resizing arrow to decrease or increase the size of the columns.

    An image showing how the columns are resized

Padding and borders

You can add padding to most content components and add borders to both a content component and layout.

An image illustrating the difference between border and padding

Padding

You can adjust the space around a content component using the padding options available from the panel. You cannot adjust the padding for a layout.

An animation showing padding settings on a content block

Borders

Add a border around the content component or layout by turning on borders. For multi-column layouts, you can adjust the borders for each column.

The border goes around the padding.

An animation showing border settings on a content block

Related

Email authoring