Using Marketing Cloud Account Engagement (formerly known as Pardot) registration forms to post data to ON24.
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.
- Navigate to Marketing > Forms > Layout Templates
- Take your existing form or landing page layout and copy it
- Note: If your form resides on a MCAE landing page, make these edits to the landing page layout template. If the form is being iframed onto an external (non-MCAE) page, edit the form's layout template.
Find more information in MCAE's Forwarding data from a Account Engagement Form Post to a third-party article.
Edit the Layout Template's Form Tab
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%%
...
Save the layout template.
Edit Your Existing Form
Click on Marketing in the left navigation, then click on Forms in the resulting sub-navigation and edit your existing form.
Go to Step 3: Look and Feel and 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.
Go to Step 4: Completion Actions and click on the Thank You Content tab, then click the HTML button in the WYSIWYG editor and add the following. The details you enter will vary based on the ON24 product. Click the relevant tab for additional information.
Webinars
The eventid and key are unique per webinar and can be pulled from the Audience Link/URL found on the event's Overview page
- NA Database Customers - use https://event.on24.com/utilApp/r in the highlighted form action
- EU Database Customers - use https://event.eu.on24.com/utilApp/r in the highlighted form action
If you're using Pardot Merge Language (PML)
<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>
If you're using Handlebars Merge Language (HML)
<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="{{Recipient.Email}}" />
<input type="hidden" name="company" value="{{Recipient.Company}}" />
<input type="hidden" name="firstname" value="{{Recipient.FirstName}}" />
<input type="hidden" name="lastname" value="{{Recipient.LastName}}" />
<input type="hidden" name="job_title" value="{{Recipient.Title}}" />
<input type="hidden" name="work_phone" value="{{Recipient.Phone}}" />
<input type="hidden" name="address_street1" value="{{Recipient.Street}}" />
<input type="hidden" name="city" value="{{Recipient.City}}" />
<input type="hidden" name="state" value="{Recipient.State}}" />
<input type="hidden" name="zip" value="{{Recipient.PostalCode}}" />
</form>
</blockquote>
If you're using an iframe
If not using an iframe, skip this step.
If using the form in an iframe add target="_parent".
<blockquote>
<form action="https://event.on24.com/utilApp/r" method="post" name="hidden_form" target="_parent">
...
</form>
</blockquote>
If you want to redirect to a specific page
If you want users to stay on the ON24 lobby page after registering, skip this step.
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 the highlighted 'URL' with your URL.
<blockquote>
<form action="https://event.on24.com/utilApp/r" method="post" name="hidden_form">
...
<input type="hidden" name="lobby" value="URL" />
</form>
</blockquote>
Edit the ON24 Registration Form
We recommend you enable Login Only on the registration page of your ON24 events to disable the ON24 registration form and prevent contacts from using it.
Engagement Hub
The eventId and key are unique per Engagement Hub and can be pulled from the Seamless Registration URL.
If you're using Pardot Merge Language (PML)
<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>
If you're using Handlebars Merge Language (HML)
<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="{{Recipient.Email}}" />
<input type="hidden" name="company" value="{{Recipient.Company}}" />
<input type="hidden" name="firstname" value="{{Recipient.FirstName}}" />
<input type="hidden" name="lastname" value="{{Recipient.LastName}}" />
<input type="hidden" name="job_title" value="{{Recipient.Title}}" />
<input type="hidden" name="work_phone" value="{{Recipient.Phone}}" />
<input type="hidden" name="address_street1" value="{{Recipient.Street}}" />
<input type="hidden" name="city" value="{{Recipient.City}}" />
<input type="hidden" name="state" value="{Recipient.State}}" />
<input type="hidden" name="zip" value="{{Recipient.PostalCode}}" />
</form>
</blockquote>
If you're using an iframe
If not using an iframe, skip this step.
If using the form in an iframe add target="_parent".
<blockquote>
<form action="https://gateway.on24.com/wcc/autoreg" method="post" name="hidden_form" target="_parent">
...
</form>
</blockquote>
Target
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.
If you're using Pardot Merge Language (PML)
<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>
If you're using Handlebars Merge Language (HML)
<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="{{Recipient.Email}}" />
<input type="hidden" name="company" value="{{Recipient.Company}}" />
<input type="hidden" name="firstname" value="{{Recipient.FirstName}}" />
<input type="hidden" name="lastname" value="{{Recipient.LastName}}" />
<input type="hidden" name="job_title" value="{{Recipient.Title}}" />
<input type="hidden" name="work_phone" value="{{Recipient.Phone}}" />
<input type="hidden" name="address_street1" value="{{Recipient.Street}}" />
<input type="hidden" name="city" value="{{Recipient.City}}" />
<input type="hidden" name="state" value="{Recipient.State}}" />
<input type="hidden" name="zip" value="{{Recipient.PostalCode}}" />
</form>
</blockquote>
For All Products
Once the above is complete, 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. Then save your form.
<script type="text/javascript">// <![CDATA[ document.hidden_form.submit(); // ]]></script>
Comments
0 comments
Please sign in to leave a comment.