> ## Documentation Index
> Fetch the complete documentation index at: https://docs.navattic.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Pardot

> Track prospect engagement and automate follow-up.

export const MediaCard = ({title = '', url, type = 'demo'}) => {
  const attributes = type === 'demo' ? {
    'data-navattic-open': url,
    'data-navattic-title': title
  } : {
    'data-video': url
  };
  return <div {...attributes} className="hidden md:inline-block w-auto cursor-pointer overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm">
<div className="flex items-center gap-3 bg-white dark:bg-gray-800 px-3 py-2">
<div className={`flex h-7 w-7 items-center justify-center rounded-md ${type === 'video' ? 'bg-blue-100 dark:bg-blue-900' : 'bg-orange-100 dark:bg-orange-900'}`} style={{
    backgroundColor: type === 'video' ? 'var(--video-bg)' : 'var(--demo-bg)'
  }}>
<Icon icon={type === 'video' ? 'circle-play' : 'square-mouse-pointer'} color={type === 'video' ? 'var(--video-icon)' : 'var(--demo-icon)'} />
</div>
<div>
<div className="text-sm font-medium text-gray-900 dark:text-gray-100">
{type === 'video' ? 'Watch video' : 'Try a demo'}
</div>
<div className="text-sm text-gray-500 dark:text-gray-400">{title}</div>
</div>
</div>
<style jsx>{`
  :root {
    --video-bg: #dbeafe;
    --video-icon: #2563eb;
    --demo-bg: #ffedd5;
    --demo-icon: #ea580c;
  }
  :global(.dark) {
    --video-bg: #1e3a8a;
    --video-icon: #60a5fa;
    --demo-bg: #7c2d12;
    --demo-icon: #fb923c;
  }
`}</style>
</div>;
};

<Frame>
  <img className="overflow-hidden rounded-xl border" src="https://mintcdn.com/navattic-app/bR17QzPUtrfb78_J/images/pardot.png?fit=max&auto=format&n=bR17QzPUtrfb78_J&q=85&s=9a7b412e26790a333476c74c6bee3e07" alt="Pardot integration" width="1736" height="768" data-path="images/pardot.png" />
</Frame>

<Info>
  Check that you are [Identifying visitors](/tracking/identify/visitors) before setting up the Pardot integration.
</Info>

The Pardot integration sends real-time activity from visitors. You can use this engagement data to create Pardot leads, accounts, dashboards, and workflows.

## Setting up the Pardot Integration

Use this interactive demo or the written steps below to set up your integration.

<MediaCard url="https://navattic-docs.navattic.com/pn5a0rew" type="demo" title="Pardot" />

<Steps>
  <Step title="Connect with Pardot">
    Navattic uses OAuth to connect with Pardot. Visit **Playbooks** > **Integrations** > **Pardot** > **Manage.** Select **Production** or **Sandbox** and add your 18-character Business Unit ID, which can be found in your Salesforce Settings > Platform Tools > Account Engagement > Business Unit Setup. This Pardot Business Unit ID begins with "0Uv" and is 18 characters long. Click **Connect**.

    You will be redirected to log in to your Salesforce account. Once you log in, it will bring you back to Navattic.
  </Step>

  <Step title="Set Up Field Mapping under Configuration">
    Under **Configuration**, set up [Field mapping](/navattic-field-mappings) which allows you to control which pieces of Navattic's data go where. Fields on the left are Navattic data, and fields on the right are destinations within your Pardot instance.

    Email will map automatically, so you do not need to add an email field.
  </Step>

  <Step title="Create a Playbook">
    Once your Pardot integration is fully set up, visit [Playbooks](/integrations/playbooks) in your Workspace to start pushing data into Pardot. You can use a Template or create your own Playbook.

    There are two Actions that you can set up: Sync prospect and Sync account (if you have Accounts set up).

    <Note>
      A Playbook consists of [Audiences](/integrations/playbooks) and Actions. You can use one of the default Audiences or you can create your own. If you create your own, remember to add new demos to the Audience if you are choosing to filter by specific demos.
    </Note>
  </Step>
</Steps>

## Embedding Pardot forms in demos

You can embed a Pardot form directly into a demo step using the **Pardot Form** embed type in the demo builder.

<Steps>
  <Step title="Add an embed step">
    In the Flow Builder, add a new step and select **Embed** as the step type. Then choose **Pardot Form** from the dropdown.
  </Step>

  <Step title="Enter your Form ID and Business Unit ID">
    * **Form ID** — The numeric ID of your Pardot form. Find it in your Pardot account under Marketing > Forms; the ID appears in the form's URL.
    * **Business Unit ID** — Your Account Engagement Business Unit ID. Find it in Salesforce Setup under Pardot Account Setup. It begins with "0Uv" and is 18 characters long.
  </Step>
</Steps>

<Note>
  The Pardot form renders in an iframe within the demo. Form submissions are detected automatically. See [Embedded forms](/tracking/forms/embedded) for details on all supported embed types.
</Note>