To get an Eloqua form into your template, you will first need to create a form. First, navigate to the Forms page with Assets -> Forms.
Then click Create a Form.
Choose either Blank Form or Basic Form as your starting template by clicking one and then pressing Choose in the bottom-right corner.
You are now in the form editor. Here you can click on a category on the left-hand side, and drag fields into the center area from the right-hand side.
You can change the order of fields or even delete them by selecting them in the center area.
Go ahead and add all of the fields you would like your form to have. Once you are done, press Save in the top-right corner. Once saved, click the top-right two-arrow button and choose View Form HTML….
This next part might seem a bit scary, but it’s not! Make sure you are at the top of the dark window, and click on the first line, then press ‘Control + F’ if you’re on a Windows computer, or ‘Command + F’ if you’re on a Mac. A small search bar will popup somewhere in your browser, and in it you should type ‘</style>’ without the quotation marks and then press ‘Enter’.
You should now be looking at an area of code that looks something like this:
Now this is important. You need to select everything AFTER that ‘</style>’ text! NOT including the ‘</style>’ text. What you are selecting should begin with ‘<div>’ and all the way at the bottom should end with ‘</div>’.
Once that is all selected, press ‘Control + C’ if you’re on a Windows computer, or ‘Command + C’ if you’re on a Mac. Now click Close and we’ll navigate to the Landing Pages page, with Assets -> Landing Pages.
Under Recently Accessed should be the template you exported to Eloqua from Knak. Clicking the template will bring you to the landing page editor.
Now click in the dark window, then press ‘Control + F’ if you’re on a Windows computer, or ‘Command + F’ if you’re on a Mac. A small search bar will popup, and in it you should type ‘<!– INSERT FORM HERE–>’ without the quotation marks and then press ‘Enter’.
You should now have that text highlighted in the dark window. Select that line of text with your mouse cursor, and press ‘Control + V’ if you’re on a Windows computer, or ‘Command + V’ if you’re on a Mac. This will paste the form code we copied earlier into your template. In the panel on the left-hand side, you should now see your form in the template! If you have copied something since copying the form code, you will need to go back and copy the form code again for this to work!