Embedding a form in an external web page

You can embed an Oracle Eloqua form in an external web page by copying and pasting the form's HTML code and tracking scripts. You can also use this as a troubleshooting feature, as it lets you see how the code is used for different functions.

Important: If you want to use different static values on multiple landing pages, you must create a separate form for each landing page. For example, if your organization is hosting a conference and you have created registration landing pages for multiple regions, you could use a hidden text field with the region (e.g. APAC, EMEA, NA, LATAM) as the static value. In this case, if there is one landing page per region, you must create one form per landing page and modify the static value in each form accordingly.

Note: Oracle Eloqua form pre-population does not work on forms that are embedded on external web pages. To implement form pre-population in such cases requires custom coding and configuration within the form. You must also create your own pre-population mechanism to pre-populate the fields as designed within Oracle Eloqua.

Learn more by watching this video!

To embed a form in a web page:

  1. Navigate to Assets An image of the Assets icon, which is represented by a black pencil., then click Forms.

  2. Open an existing form, or create a new one.
  3. Click Actions, then select View Form HTML to open the Form Integration Details window.

    An image of the Form Integration Details window.

  4. Copy any styles in your form and paste them into the header of your external web page's code. Then copy the rest of the form after <div> and paste it where you'd like the form to appear in the body of the external page.
  5. Click the Integration Details tab, then copy the tracking scripts into the web page.

    An image of the Integration Details tab.

    • Required tracking script HTML for this form: Copy this script and paste it to the bottom of your form before the </div>.
    • Required hidden tracking fields for this form: Copy these fields and paste them after the hidden fields at the top of your form body HTML.
    • A picture of the form HTML with an arrow pointed at the hidden fields.

      Note: First party cookies must be enabled by a customer administrator.

You can check your form submission data by navigating to Actions > View Submission Data to ensure your form has been embedded properly.

Related

Forms

Capturing submission data from an external form