# Pardot
{% hint style="warning" %}
This courtesy guide is **no longer actively tested** by Openli, although it might still work.
Our cookie-consent widget intentionally uses a highly-compatible, highly-generic approach to integration. In most cases, it will be possible for your developers to adapt this guide's steps to any changes that might have been made to the target platform, in combination with their own general documentation. **Our** [**consent-state events**](https://docs.openli.com/docs/documentation/legaljs-widget/collecting-cookie-consent/consent-state-api#listening-for-consent-change-events) **might be useful for this.**
{% endhint %}
## Create the form
First create the form with the fields you wish to have, then preview the form and show the source code of the page. Look for a `div` that looks like this (the value of the `id` will be different):
```markup
```
Save the `id` of the `div`.
## Add legal.js to the form
To integrate with Pardot forms first go to the "Look and Feel" settings on the form where you wish to integrate Openli. Click "Above Form" and then the "Show Source" icon.
In this code view you need to add the following Openli script:
```markup
```
Set the `widgetPublicKey` option to the public-key of the signup widget you want to use, and replace `<>` with the `id` you copied in the first step of this guide, ensuring that the `#` remains as the start of the value for `targetElementSelector`.
Now you should see your Openli signup widget displayed just above the submit button.
## Save the user's name and email
To ensure that we save the user's name and email after they submit the form, navigate to the "Completion Actions" settings for the form. Click "Thank You Code".
Paste the following code in, replacing `<>` with your project's public-key.:
```markup
```