Creating landing pages using the Design Editor

It's easy to create dynamic and responsive landing pages using the Design Editor. The Design Editor lets you add elements to your landing page using the graphical user interface without touching any HTML code. Learn more about creating an HTML landing page using the Source Editor or uploading an HTML landing page.

When creating your landing page, different combinations of devices and operating systems may have differing results. The following browsers have been identified as the most commonly used clients and have been tested for responsive or mobile friendly elements:

  • Firefox
  • Chrome
  • IE11
  • Edge
  • Safari

Learn more by watching this video!

To create a landing page using the Design Editor:

  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.
  3. Choose a template or layout for the landing page. To build a fully responsive email in the Design Editor, choose Blank Responsive Landing Page or one of the layout options.

    Number 1Design Editor responsive layouts

    Number 2Source Editor template

  4. Name your landing page by clicking Untitled Landing Page in the top left and typing a new name.
  5. Click to configure your landing page settings.
    1. General Settings:

      • Select the microsite that you want to add the landing page to from the Microsite drop-down list. Learn more about microsites.

        Important: A microsite is required to launch your landing page.

      • 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.
      • Optionally, add a custom browser title in the Browser Title box. Text in the Browser Title box it will reflect accordingly in the browser tab of the live landing page.
    2. Advanced Settings:
      • To prevent visits to the landing page, toggle the Externally Visible option off. 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:

        • None: No redirect occurs.
        • Automatically Redirect: Redirect the user to a new page. You can specify how many seconds before redirecting the visitor. The redirect will continue to work if you disable the Externally Visible option.
        • 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, toggle the Page Expiry Redirect option on. After the page expires, visitors are redirected the specified page. Learn more about setting an expiration date for a landing page.

        Choose the expiry settings:

        • 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.
      • With the Enable Legacy Rendering option, you can choose between legacy rendering and the newer rendering offered by Eloqua. The new rendering uses an updated HTML Doctype and will improve the rendering experience in web browsers..

        Important: If any existing landing page contains custom code through code cells, headers, footers, dynamic content, shared content, or signatures, the new rendering might change the way the landing page is displayed. If you enable the new rendering for existing landing pages, make sure to test what the landing pages look like before sending them to contacts.

    3. Code and Tracking:
      • Add Javascript or Meta Tags to your landing page.
  6. Build your page using the components on the left pane of the landing page. Learn about working with content components and layouts.
  7. Click Save.

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

Legacy rendering for landing pages

Asset Type Column

Creating new landing pages and templates using the HTML upload wizard