---
title: "Embed Pardot lead forms"
slug: "/help/integrations/pardot/lead-forms"
last_updated: "2025-05-05T18:23:29Z"
zendesk_id: 23424116999571
zendesk_url: "https://help.walnut.io/hc/en-us/articles/23424116999571-Embedding-Pardot-Lead-Forms"
locale: "en-us"
category: "Connect and Optimize"
section: "Pardot"
product: "integrations"
topic: "pardot"
displayed_sidebar: "integrationsSidebar"
sidebar_position: 3
---

Integrating a lead form into your Walnut demo allows you to effortlessly track and manage contacts created through the demo. When a lead is generated from the embedded form, the associated demo data is automatically linked to that lead. This includes:

1.  Creating a new Walnut Activity under the contact.
2.  Updating contact attributes with relevant demo data.

_Reminder: Before following the instructions below, b__e sure to grab the embed code from Pardot. Learn how to create a form in Pardot [here](https://help.salesforce.com/s/articleView?id=sf.pardot_forms.htm&type=5)._ 

### Embedding a Lead Form In Walnut

Open Walnut's editor to the relevant template. Select the **forms** **icon** ![Button (1).png](pathname:///images/f2721f0ef6fbfc6e.png) in the top right corner.

![](pathname:///images/bfa62f1020b27f3a.png)

Click ![](pathname:///images/bed70a0461400e07.png) from the right side panel. 

![](pathname:///images/485f12f30ab64b49.png)

This will open up a pop-up and you will be instructed to paste your embed code in the **side panel.**

_Want to view the URL params for your form? The code snipped can be found at the bottom of this page._

![](pathname:///images/9c8425ec1dd0162a.png)

Once you've given the form a name and added the code, you will need to determine if the form should be **mandatory** and when to have **the form shown.**

You can have the form shown when users land on a specific **screen**, **guide, or on a [demo floating button.](https://help.walnut.io/hc/en-us/articles/24475882922643)**

![](pathname:///images/6e0fd2c3e1b188c4.png)

A form can appear on **one specific screen, to** **multiple** **guides, or on a demo floating button**. Once you've specified where the form should appear, you can also decide what action should be taken once the form is submitted. Click **done** to embed the form.

![](pathname:///images/12b48cc6a82a4982.png)

Once the form is submitted, you will see it saved in the **right side panel**.

![](pathname:///images/453169b9636f005d.png)

To see where the detail is housed in **Pardot** once the form is submitted, [read this article.](/help/integrations/pardot/demo-data)  

To see how to **embed** Pardot lead forms, check out this demo: 

<WalnutDemo slug="80db0b33-7ef6-47ce-b97a-cf5def2ebf3e" title="Walnut embedded demo" />

### Important To Note 📝

-   The enriched demo data will appear in your Pardot account **two** hours after your demo with the lead form was viewed. 
-   Currently, only one form can be added per demo. It can appear on one screen, or throughout multiple guides. [You can make edits to the form at any time](https://help.walnut.io/hc/en-us/articles/20441615179027).
-   Once a prospect has seen or filled the form, they will not be directed to it again even if you have multiple guide buttons linked to it. This ensures that the lead form does not hinder the user from accessing other demos they may be viewing.
    
-   The process for embedding a lead form in your demo is simple and easy. 
    -   Once you've embedded your form into the demo, you will see all new leads appear in your original marketing platform. 
    -   You are not required to integrate Walnut with another tool in order to embed forms. However, with Walnut's Pardot integration, users can access additional demo insights and lead tracking within Pardot. Learn how to set up the Pardot integration [here](/help/integrations/pardot/overview). 
-   Form submissions should be tested in live demos only
-   You can customize your lead form by adding global CSS to the lead form code. Below is an example of a few style components that can be added ahead of the script. Users can swap out the style components to match their needs. 

```
<div>
```
