Skip to main content
ON24 Knowledge Center

Pardot Registration for ON24

Instructions on creating a layout template and completion action to post data to ON24.


STEP 1:  Create a New Layout Template

This is a very specialized form that will need a slightly different layout template from your other forms and landing pages. The modification is minor and will not affect the look and feel of the form or landing page.

1. Navigate to Marketing > Forms > Layout Templates.

2. Take your existing form or landing page layout and Copy it.

Note:  If your form resides on a Pardot landing page, make these edits to the landing page layout template. If the form is being iframed onto an external (non-Pardot) page, edit the form’s layout template.


STEP 2:  Edit the Layout Template’s Form Tab

1. In the Form tab of the layout template, copy the following line:

%%form-if-thank-you%% %%form-javascript-focus%% %%form-thank-you-content%% %%form-thank-you-code%% %%form-end-if-thank-you%%

2.  Delete these lines from the layout and paste them back in somewhere outside of the <form> tag (either before or after it), so your code may start out like the following:

%%form-if-thank-you%% %%form-javascript-focus%% %%form-thank-you-content%% %%form-thank-you-code%% %%form-end-if-thank-you%%<form action="%%form-action-url%%" method="post">%%form-opening-general-content%% %%form-if-display-form%%...

3.  Save the layout template


STEP 3:  Edit Your Existing Form

1.  Click on Marketing in the left navigation. 

2.  Click on Forms in the resulting sub-navigation.
3.  Edit your existing form.
4.  Go to Step 3: Look and Feel.
5.  Select your Layout Template created from the previous step. 
Note: If you are placing the form on a Pardot landing page, you will need to edit the landing page and select your new layout template from the steps above there instead of at the form level.
6.  Go to Step 4: Completion Actions.
7.  Click on the Thank You Content Tab, then click the HTML button in the WYSIWYG editor and add the following*:


<form action="" method="post" name="hidden_form">

<input type="hidden" name="eventid" value="XXXXXX" />

<input type="hidden" name="key" value="XXXXXXXXXXXXXXXXXXX" />

<input type="hidden" name="email" value="%%email{html}%%" />

<input type="hidden" name="company" value="%%company{html}%%" />

<input type="hidden" name="firstname" value="%%first_name{html}%%" />

<input type="hidden" name="lastname" value="%%last_name{html}%%" />

<input type="hidden" name="company_industry" value="%%industry{html}%%" />

<input type="hidden" name="job_title" value="%%job_title{html}%%" />

<input type="hidden" name="work_phone" value="%%phone{html}%%" />

<input type="hidden" name="address_street1" value="%%address_one{html}%%" />

<input type="hidden" name="address_street2" value="%%address_two{html}%%" />

<input type="hidden" name="city" value="%%city{html}%%" />

<input type="hidden" name="state" value="%%state{html}%%" />

<input type="hidden" name="zip" value="%%zip{html}%%" />




8. If using the form in an ifram add target="_parent". If not using an iframe, skip this step.

<form action="" method="post" name="hidden_form" target="_parent">


9. If you want to redirect to another page other than the ON24 lobby page after posting data to ON24, add the below input replacing URL with your your URL. If you want users to stay on the ON24 lobby page after registering, skip this step.

<input type="hidden" name="lobby" value="URL" />


10. Click on the Thank You Code Tab and add the javascript.  Be sure to follow the line breaks (as shown), or the code will not work.

<script type="text/javascript">// <![CDATA[
// ]]></script>

11. Save your form.

*You will need to replace the color-coded X’s with the eventid and key from your events audience URL:

  • Was this article helpful?