Skip to main content
Login to your Elite account to see all our articles

Search

ON24 Status Page

Pardot to ON24 Registration

Using Marketing Cloud Account Engagement (formerly known as Pardot) registration forms to post data to ON24.

 

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: 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%%

...
  1. 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.
  1.  Go to Step 4: Completion Actions.
  2. Click on the Thank You Content Tab, then click the HTML button in the WYSIWYG editor and add the following:

*For NA Database Clients please reference the below screenshots
 

<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. 
 

 
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 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>  

*For EU Database Clients please reference the below screenshots

<blockquote> 
<form action="https://event.eu.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. 

 

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

<blockquote>
<form action="https://event.eu.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 URL. If you want users to stay on the ON24 lobby page after registering, skip this step.
  
<blockquote>
<form action="https://event.eu.on24.com/utilApp/r" method="post" name="hidden_form">
...
<input type="hidden" name="lobby" value="URL" />
</form>
</blockquote>  
  1. 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>
  1. Save your form.

 

Step 4: Edit ON24 Registration Form

It is recommended to enable Login Only on the registration page of your ON24 Webinars to disable the ON24 registration form and prevent contacts from using it.


 

 

 

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: 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%%
...

 

  1.  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.
 

eHub Seamless Registration URL

 

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>
  1. 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>

  1. 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: 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%%
...
  1. 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.


Target Seamless Registration URL

 

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>
  1. 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>

 

  1. Save your form.
Was this article helpful?
0 out of 0 found this helpful
Return to top

Related articles

Comments

0 comments

Please sign in to leave a comment.