Working with landing page content blocks and layouts

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 landing page Design Editor uses content blocks and layouts to help you build your landing page.

Content blocks

Content blocks are types of elements that you can include in your landing page. Content types include text, buttons, images, forms, and more. You can add content blocks to sections of a layout. Content blocks added to layouts create a content block in your landing page.

The following content types are available:

  • Text: Add summaries, instructions, and other relevant information to your landing page using the text content block. The default typeface and color will automatically be applied, unless text is customized with the toolbar. Use the toolbar to insert hyperlinks and field merges, modify text style and color, add bullets, and so on. You can also write right-to-left.
  • Images: Add images from the Oracle Eloqua component library, from your machine, or Oracle Content and Experience.
  • Buttons: Buttons are an effective way to create calls-to-action in your landing pages. Button content is text only and cannot use images. You can write right-to-left when adding button text.
  • Dividers: Dividers are horizontal lines used to visually separate content on your landing pages.
  • Spacers: Spacers are used to create blank areas on your landing pages. The size, background color, and border can be customized.
  • Shared content: Shared content is reusable content snippets that you can create once, then reuse in different emails and landing pages. It allows you to "build once, re-use everywhere" for your most valuable common pieces of content. Shared content is stored in the component library. Learn more about shared content.
  • Forms: Easily insert Oracle Eloqua forms in your landing pages. The form's styling, such as field spacing, background color, and font, can be customized in the Design Editor to match the rest of your landing page. Existing Oracle Eloqua forms brought into the responsive editor will be automatically responsive. Learn more about adding forms.
  • Dynamic content: Dynamic content allows you to display information that changes based on specific rules and conditions. For example, you could personalize a landing page with the recipient's sales rep information based on the city, state, country, or region specified in the contact's profile. Dynamic content is reusable content stored in the component library. Learn more about dynamic content.
  • Cloud content: Cloud content is content provided by an external service. Cloud content apps must be installed by your administrator. Learn more about Oracle Marketing AppCloud apps.
  • Custom code: Adding custom code provides additional ways to style your landing pages.
  • Carousels: Image carousels cycle through several image slides automatically at a specified speed or manually. They allow you to present similar and reinforcing content in the same space and make for a more engage landing page. Learn more about adding image carousels.

Note: Oracle Eloqua validates that dynamic and shared content is 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 can edit the content from the Design Editor or from the component library. As you make changes, review the responsive validation errors in the rich text editor. An image indicating there are no responsive issues indicates that there are no responsive concerns. An image indicating that there are responsive issues indicates that there might be responsive issues.

Tip: When inserting hyperlinks on your landing page, you can select Lightbox as your link type. Clicking the hyperlink displays a pop-up on your landing page that can contain images, buttons, text, or a form.

Layouts

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

Learn how to work with these design components:

Adding content blocks or layouts

After you initially choose a layout for your landing page, you can add content blocks and layouts to customize the landing page design.

To add content blocks or layouts:

  1. With your landing page open, drag content block or layout to your landing page.

Copying content blocks or layouts

To copy content blocks or layouts:

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

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

Moving content blocks or layouts

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

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

To move content blocks or layouts:

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

    An image illustrating the drag handle

Deleting content blocks or layouts

To delete content blocks or layouts:

  1. With your landing page open, click the content block 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 landing page open, click on the layout that contains the columns you want to resize.
  2. Click on or to decrease or increase the size of the columns.

Padding and borders

You can add padding to most content blocks and add borders to both a content block and layout.

An image illustrating the difference between border and padding

Padding

You can adjust the space around a content block 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 block 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

Creating landing pages using the Design Editor