Custom Pardot Form

Below you'll find the steps to embed a custom Pardot form:

1. Add a new step and choose the "Lead Form" guide.

2. Click on the "Embed Custom Form" button underneath the Storylane Lead Form.

3. Choose "Custom" from the dropdown and copy-paste the code from Pardot.

4. Above the code you pasted from Pardot, you'll need to add the following code:

<script>  
window.addEventListener("message", function (event) { 
if (event.data && event.data.message === "PARDOT_FORM_SUCCESS") { 
     window.parent.postMessage({
	          message: 'storylane-lead-submit',
	          payload: {
	               lead: { email: event.data.email }
	          }
	          },'*');
   };
}); 
</script>

5. In Pardot, under the "Thank you Code" tab from the "Completion Actions" section, you'll need to add the following code:

<script>
window.parent.postMessage(
{
 message: "PARDOT_FORM_SUCCESS",
 email: "{{Recipient.Email}}"
},
"*"
);
</script>

You are now ready to test the Pardot form you embeded. Feel free to contact support@storylane.io if you have any questions or need help with embedding a custom Pardot form.