Turtl supports embedding Pardot forms in place of the default Turtl lead capture form. Turtl just needs to have a little snippet of code embedding in your form and be told which form you wish to use. 

This guide shows you what to do.

Turtl uses Pardot cookies to help manage forms. It, therefore, needs to know the name of the cookie Pardot is using for your instance. This is a little bit tricky to find, but the steps below will guide you through.

First, take any Pardot form you have created previously and find the View Online link:

Copy this link and open it in an Incognito window in your browser. Doing this ensures that you will only see cookies that have been set by the form and no others.

Now, open your browser's development tools and look at the cookies that have been set. You should see one called something like visitorid_XXXXXX :

Make a note of the name of this cookie – you will need to use it in the following steps.

2. Create your form and insert the Turtl script

Create your form as usual. When you get to the Look and Feel step, click the Code button to bring up the code editor:

Now paste in the following, replacing PARDOT_COOKIE_NAME with the cookie name you noted down previously:

<script data-ttl-form-mode="embed" data-ttl-form-pardot-cookie-name="PARDOT_COOKIE_NAME" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.pardot.v1.js"></script>

Your screen should look something like this:

3. Set the Thank You Code

When you get to the Completion Actions step of the form creation wizard, click on the Thank You Code tab. Paste in the following, again replacing PARDOT_COOKIE_NAME  with the cookie name you noted down previously:

<script data-ttl-form-mode="complete" data-ttl-form-pardot-cookie-name="PARDOT_COOKIE_NAME" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.pardot.v1.js"></script>

Your screen should look something like this:

Finish making your edits and save your form as usual.

Back on the overview page for your form, copy the View online link for your form:

5. Tell Turtl about your form

Navigate to the main Docs listing page and choose "Settings" for the Doc you wish to use the form on:

On the Settings page, choose the "Forms" tab:

Paste in the URL you copied in Step 4 above.

The form will now display in your doc as both the immerse form and the back cover form. If you want to display a different form for the back cover, you can specify a different URL in the "Back cover form URL" field.

Note: If this is the first time your company has added a form to Turtl it will not have styling applied. Please contact support@turtl.co once your form has been added to a Doc and we will be able to get it styled for you.

Did this answer your question?