Embedding an Eloqua form on an external page
I want to embed an Eloqua form on an external page that is being created by an agency for us. If we hard code it, using HTML from Eloqua, the external agency will always need to adjust the form if we want to change it.
How can I use our Eloqua ID and a unique form number so that the external page calls the form? In this way, I can change the form in Eloqua and not have to adjust any of the code on the external landing page.
I was able to do this functionality in Marketo. Does Eloqua really only allow hardcoded forms on external pages?
marc.cohen2023 Posts: 2 Green Ribbon
A way to do this would be to use an HTML5 Object (BEST) or <embed tag> or <iframe tag>.
I have shown examples using snapshots of each. The webpage would read these objects when loading and then call the form into the page area as designated within the CSS. This way you can host the form.html file separately and when you make updates in Eloqua you can 'cut and paste' the newly generated code into the form.html file hosted on a separate server. Simply refresh the HTML page and the new form object will appear.
See (attached) for how to place the code inside the HTML Webpage
Eloqua Form Embed HTML5
<object width="320" height="240" data="https://marc2023.w3spaces.com/saved-from-Tryit-2022-11-21-fb4rc.html">
Eloqua Form Embed (deprecated)
<embed src="https://marc2023.w3spaces.com/saved-from-Tryit-2022-11-21-fb4rc.html" width="300" height="200">
Eloqua Form iFrame
<embed src="https://marc2023.w3spaces.com/saved-from-Tryit-2022-11-21-fb4rc.html" width="1000" height="500" style="border: 1px solid white; box-shadow: 0 0 5px black;" />