Skip to content

Instantly share code, notes, and snippets.

@matthendrix

matthendrix/pardot-form-handler-iframe.html

Forked from afischoff/pardot-form-handler-iframe.html
Last active February 16, 2016 12:14
Show Gist options
  • Save matthendrix/98d5176a32d274243962 to your computer and use it in GitHub Desktop.
Save matthendrix/98d5176a32d274243962 to your computer and use it in GitHub Desktop.
Download ZIP
Example of using a hidden iframe to pass data to a Pardot form handler before continuing with normal form submission.
Raw
pardot-form-handler-iframe.html
<html>
<head>
<title>Pardot Example Form Handler Submit</title>
<!-- Include jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Post to Pardot function -->
<script type="text/javascript">
// set the pardot form handler url and form element id
var partdotFormHandlerURL = 'http://www2.mydomain.com/form/handler/url';
var formElementID = 'example-form';
function postToPardot(formAction) {
//$('#pardot-form-handler').load(function(){
$('#pardot-form-handler').on('load', function(){
$('#'+formElementID).attr('action', formAction);
$('#'+formElementID).submit();
});
$('#pardot-form-handler').attr('src', partdotFormHandlerURL + '?' + $('#'+formElementID).serialize());
}
$(document).ready(function(){
$('body').append('<iframe id="pardot-form-handler" height="0" width="0" style="position:absolute; left:-100000px; top:-100000px" src="javascript:false;"></iframe>');
$('#'+formElementID).attr('action','javascript:postToPardot(\'' + $('#'+formElementID).attr('action') + '\')');
});
</script>
<!-- end Post to Pardot function -->
</head>
<body>
<h3>Contact Us Form</h3>
<form id="example-form" action="my-server-form-action-page.php" method="post">
<table>
<tr>
<td>First Name:</td>
<td><input type="text" name="firstName"></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input type="text" name="lastName"></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="Submit"></td>
</tr>
</table>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment