Can I capture image attachments? How do I create a two-column form? Can I limit the number of submissions? I get asked these questions a lot from Pardot users and see them posted frequently in the Trailblazer Community. Let’s dive into these questions as well as other common Pardot form questions.
How do I create a two-column form?
It’s possible to create a two-column (or even a three column form) by adding some custom HTML and CSS to your layout template. This tutorial will show you the best way to create a column form.
How do I change the background color of the submit button?
Add this CSS to your layout template or form to customize your submit button.
Is it possible to redirect to a different thank you page based on form field values?
Yes, it’s possible to redirect to a differnt thank you page based on form field values. The Pardot Help Docs have a good article on how to achieve it, but the article recommends using JavaScript-encoding for variable tags using {js}. I’ve never had success while using this method. Instead using this JavaScript does the trick.
How can I limit the date range for a “date” form field?
The best way to do this is to NOT use the date option within the form editor. Instead, you can add your own date picker to any form field using this method.
Is there an option to capture attachments in Pardot forms?
No, there is no option to catpure attachments in Pardot forms. If you have this requirement, there are two options:
- Create a File Request in Dropbox (or a similar platform) and use the link as your form thank you page. That way, people will fill out your Pardot form and then be directed to the Dropbox page to upload their files.
- Use a form builder, such as Gravity Forms, that supports file uploads and connect it to a Pardot form handler.
I’m running an event and I need to cap how many people can register. Is it possible to set a submission limit on my Pardot form?
There is not a way to cap the number of form fills, or limit the number of form submissions in Pardot. There are many event platforms that have integrations with Pardot, that would allow you to cap the number of registrations. You could also potentially use a WordPress plugin with a Pardot form handler to limit form submissions.
How can I capture UTM parameters in my Pardot form?
You can capture UTM parameters in a Pardot form by creating hidden fields and implementing some javascript to pass the parameters from the URL to the form. There are two methods to do this, depending on if your form is placed on your website (iFrame) or a Pardot landing page.
UTM parameters on a Pardot landing page
UTM parameters on a webpage (iFrame)
When creating a Pardot form, I can only select fields from the Prospect. How do I show fields from the Account?
Pardot cannot write to Account fields in Salesforce, therefore, these fields are not available to be selected within the Pardot form editor.
How do I add text between form fields in Pardot?
This can be done using javascript. Edit the form field you want to add the text before in the form editor. Click on the advanced tab and add a CSS class with the name “add-text-before”.
Once the class has been added to the form field, you can add the following JS to your form and update the message.
Other Pardot form resources
- 6 Ways to Use JavaScript to Enhance Your Pardot Forms
- 5 Ways to Include Pardot Forms on Your WordPress Website
- How to Create a Better Date Picker Within Pardot Forms
- Creative Ways to Spice Up Your Pardot Forms: Part 1
- Creative Ways to Spice Up Your Pardot Forms: Part 2
- How to Integrate Gravity Forms With Pardot
- Beautiful Pardot Forms: Styling Checkboxes and Radio Buttons
- Form Style Generator for Pardot Forms
What Pardot form questions do you have?
Send me a tweet @jennamolby, leave a comment below, or book a Peer Chat.
12 Comments
Hi Jenna-
First up, thank you – I’ve learned so much from your posts. You’re brilliant!
I’m stuck with something I haven’t seen you address, yet:
Thanks to you, I’ve redesigned all of our forms so they don’t look like 2010. However, when viewed in mobile, the button reverts to the standard ugly Pardot button. I *think* this maybe could be resolved with a custom media query, but a. I don’t know if I’m right and b. I don’t know how exactly to do this within the template.
Thoughts? – Marcus
Hi Marcus, So happy you have found my posts helpful! You probably need to remove the default styling (webkit) from your button. To do this, you can add the -webkit-appearance: none; property to your button CSS, like this:
#pardot-form p.submit input {
-webkit-appearance: none;
}
Hi jenna
Not my first time commenting, your blog is incredibly helpful thank you for all of your work!
I was wondering if you’ve ever created a two-page form in Pardot? I have a client who wants to combine a survey with lead capture and it’s probably too long for a single page so I wanted to paginate – do you know if that’s possible?
Thanks!
Stephen
Hi Stephen, I’ve done this with a form handler before, but not with an embedded Pardot form. If you have a WordPress website you can look into using a multi-step Gravity Form and submitting it to Pardot using a form handler: https://docs.gravityforms.com/creating-multi-page-forms/.
Great thank you!
Hello Jenna,
Is it possible to match a visitor to a prospect record (that was imported with only with CRM ID and placeholder email).
I am trying to figure out a way to retrieve customer emails that were imported into Pardot.
Hi Marquez, No, that’s not possible. Cheers, Jenna
Hello Jenna. I need to capture the title of the page where my Pardot iframe form is inserted and send it to a custom field on my Pardot as a UTM. How can I do this?
Hi Jenna,
Firstly, sincere thanks for all your advice and education on Pardot. Your hard work has enriched my learning experience, and helped our clients hugely.
A very quick question on success pages with form handlers. We connected a contact form with a form handler and wish for the form to reload on the same page, but at a specific anchor point. What is the easiest way to achieve this?
Many thanks.
Conor
Hi Conor, So happy you have found my blog helpful :). You can create a page anchor (https://html.com/anchors-links) and then link to your thank you page with the anchor in the URL. Hope that helps! Cheers, Jenna