Creating landing pages using the Source Editor

Using Oracle Eloqua, you can build your landing page using the HTML Source Editor. Using the Source Editor, you use a combination of HTML code and standard Oracle Eloqua shared content such as images, forms, field merges, and so on. Learn more about creating a landing page using the Design Editor or uploading an HTML landing page.

To create an HTML landing page:

  1. Navigate to Assets An image of the Assets icon, which is represented by a black pencil., then click Landing Pages.
  2. Click Create a Landing Page to open the Template Chooser window.

    An image of the Create a Landing Page option.

  3. Choose a template for the landing page or click Blank HTML Landing Page.

    An image of the Blank HTML Landing Page option.

  4. Select the microsite that you want to add the landing page to from the Microsite drop-down list. Learn more about microsites.
  5. To make the landing page URL more descriptive, add a Vanity URL. The vanity URL must be unique. Otherwise, Oracle Eloqua uses an ID for the landing page's URL.
  6. Build your page using the source pane and components on the left pane of the landing page Source Editor. Learn more about the HTML landing page code requirements.
    ComponentDescription

    An image of the Image icon.

    Image: Add images to your landing page. Click the icon to open the Image Browser, then drag-and-drop an image from the browser onto the landing page canvas.

    An image of the Field Merge icon.

    Field Merge: Add a field merge to your landing page. Field merges personalize landing pages by drawing information from specified fields in contact profiles. Click the icon to open the Field Merge Browser, select the text that you want to convert to a field merge, then double-click on the field name in the browser.

    An image of the Forms icon.

    Form: Insert a form on your landing page. Click this icon to open the Form Browser window. Locate a form in the browser then place it in your landing page by dragging it from the browser and dropping it onto the page.

    An image of the Shared Content icon.

    Shared Content: Add shared content to your landing page, this is content that can be reused in multiple Oracle Eloqua assets.

    Click the icon to open the Shared Content Browser, then drag-and-drop shared content from the browser onto the landing page canvas.

    An image of the Dynamic Content icon.

    Dynamic Content: This component allows you to configure your landing page to substitute different content depending on specific rules and conditions.

    An image of the Cloud Content icon.

    Cloud Content: Cloud content is content that is provided by an external service. (Cloud content can be added to the browser from Apps in the Settings area of Oracle Eloqua.) Click the icon to open the Cloud Content browser, then drag-and-drop the service that you want to add from the browser onto the landing page canvas.

    Note: After you add the cloud component to your landing page, you must configure it. Double-click on the component on the landing page, the Cloud Content Configuration window opens. You are prompted to log in to cloudconnectors.eloqua.com, from here you can configure the component as needed.

    An image of the Tools icon.

    Tools: Click this icon to open the Tools window. This component allows you to access settings related to the component you are working with, or to change the overall landing page settings (like page size, alignment, etc.). If you are using the landing page Design Editor, this component also allows you to access code snippets.

  7. To redirect visitors, change the landing page visibility, set an expiry date, click Actions, then select Settings.
    • To prevent visits to the landing page, click the Internal (Only visible within Eloqua) option. Visitors will not be able to view the landing page until it is external. Learn more about changing the visibility of a landing page.

      Choose the redirect option from the Redirect Settings section:

      • Don't automatically redirect or close: No redirect occurs.
      • Automatically re-direct: Redirect the user to a new page. You can specify how many seconds before redirecting the visitor.
      • Automatically close window: No redirect and the browser window closes. You can specify how many seconds before closing the window.
    • To set an expiry date for the landing page, select the Expires on check box and choose the expiry date and time. Learn more about setting an expiration date for a landing page.
      • Set the Expires on date and time.
      • Enter the URL to redirect to after the page expires.
      • Choose the Time zone for the expiry date and time.
  8. Save your landing page.

After saving your landing page, you can preview and test it or use the URL to test it in different browsers.

Learn more

Landing page examples

Exporting landing page HTML

Code requirements for uploading HTML landing pages

Creating new landing pages and templates using the HTML upload wizard

Editing HTML landing pages using the Source Editor