Skip to main content
ON24 Knowledge Center

Pardot to ON24 Registration

Webinars

Engagement Hub

Target

 


Webinars

Step 1: Create a New Layout Template for Webinars

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.

Source: http://www.pardot.com/faqs/forms/forwarding-data-from-a-pardot-form-post-to-a-third-party/

Step 2: Edit the Layout Template’s Form Tab for Webinars

1. In the Form tab of the layout template, copy the following lines from rows 4-8 and move them to lines 1-5.

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

This should look like the following:

%%form-if-thank-you%%
    %%form-javascript-focus%%
    %%form-thank-you-content%%
    %%form-thank-you-code%%
%%form-end-if-thank-you%%
<form accept-charset="UTF-8" method="post" action="%%form-action-url%%" class="form" id="pardot-form">
%%form-opening-general-content%%
...

2.  Save the layout template.

Step 3: Edit Your Existing Form for Webinars

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:
<blockquote>
<form action="https://event.on24.com/utilApp/r" 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="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}%%" />
</form>
</blockquote>

The eventid and key are unique per Webinar and can be pulled from the audience URL. See https://event.on24.com/wcc/r/eventid/key.

clipboard_e61f151862e13be1ffa8d177eb055204c.png

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

<blockquote>
<form action="https://event.on24.com/utilApp/r" method="post" name="hidden_form" target="_parent">
...
</form>
</blockquote>

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

<blockquote>
<form action="https://event.on24.com/utilApp/r" method="post" name="hidden_form">
...
<input type="hidden" name="lobby" value="URL" />
</form>
</blockquote>

8. 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[
document.hidden_form.submit();
// ]]></script>

9. Save your form.

 


Engagement Hub

Step 1: Create a New Layout Template for Engagement Hub

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.

Source: http://www.pardot.com/faqs/forms/forwarding-data-from-a-pardot-form-post-to-a-third-party/

Step 2: Edit the Layout Template’s Form Tab for Engagement Hub

1. In the Form tab of the layout template, copy the following lines from rows 4-8 and move them to lines 1-5.

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

This should look like the following:

%%form-if-thank-you%%
    %%form-javascript-focus%%
    %%form-thank-you-content%%
    %%form-thank-you-code%%
%%form-end-if-thank-you%%
<form accept-charset="UTF-8" method="post" action="%%form-action-url%%" class="form" id="pardot-form">
%%form-opening-general-content%%
...

2.  Save the layout template.

Step 3: Edit Your Existing Form for Engagement Hub

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*:
<blockquote>
<form action="https://gateway.on24.com/wcc/autoreg" method="post" name="hidden_form">
<input type="hidden" name="eventId" value="XXXXXX" />
<input type="hidden" name="key" value="XXXXXXXXXXXXXXXXXXX" />
<input type="hidden" name="targetUrl" value="" />
<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="jobTitle" value="%%job_title{html}%%" />
<input type="hidden" name="workPhone" value="%%phone{html}%%" />
<input type="hidden" name="address1" value="%%address_one{html}%%" />
<input type="hidden" name="address2" 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}%%" />
</form>
</blockquote>

The eventId and key are unique per Engagement Hub and can be pulled from the Seamless Registration URL.

Screenshot_11.png

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

<blockquote>
<form action="https://gateway.on24.com/wcc/autoreg" method="post" name="hidden_form" target="_parent">
...
</form>
</blockquote>

9. 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[
document.hidden_form.submit();
// ]]></script>
 
10. Save your form.
 
 

Target

Step 1: Create a New Layout Template for Target

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.

Source: http://www.pardot.com/faqs/forms/forwarding-data-from-a-pardot-form-post-to-a-third-party/

Step 2: Edit the Layout Template’s Form Tab for Target

1. In the Form tab of the layout template, copy the following lines from rows 4-8 and move them to lines 1-5.

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

This should look like the following:

%%form-if-thank-you%%
    %%form-javascript-focus%%
    %%form-thank-you-content%%
    %%form-thank-you-code%%
%%form-end-if-thank-you%%
<form accept-charset="UTF-8" method="post" action="%%form-action-url%%" class="form" id="pardot-form">
%%form-opening-general-content%%
...

2.  Save the layout template.

Step 3: Edit Your Existing Form for Target

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*:
<blockquote>
<form action="https://gateway.on24.com/wcc/autoreg" method="post" name="hidden_form">
<input type="hidden" name="eventId" value="XXXXXX" />
<input type="hidden" name="key" value="XXXXXXXXXXXXXXXXXXX" />
<input type="hidden" name="experienceId" value="XXXXXX" />
<input type="hidden" name="targetUrl" 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="jobTitle" value="%%job_title{html}%%" />
<input type="hidden" name="workPhone" value="%%phone{html}%%" />
<input type="hidden" name="address1" value="%%address_one{html}%%" />
<input type="hidden" name="address2" 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}%%" />
</form>
</blockquote>

The eventId, key and experienceId are unique per Target and can be pulled from the Seamless Registration URL. The targetUrl will be the URL for the specific Target/Experience page that registrant will redirect to after filling out the Pardot form.

Screenshot_12.png

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

<blockquote>
<form action="https://gateway.on24.com/wcc/autoreg" method="post" name="hidden_form" target="_parent">
...
</form>
</blockquote>

9. 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[
document.hidden_form.submit();
// ]]></script>
 
10. Save your form.
  • Was this article helpful?