Easily style and customize your Pardot lead forms by using this Form Style Generator for Pardot Forms. With only a couple of clicks you can customize every aspect of your Pardot form including: button color, label positioning and text color, no coding required.
Fields
Borders & Background
px
px
Fonts
px
px
px
Labels
Fonts
px
Required Fields
Spacing
px
px
Button
Font
px
Spacing
px
px
Borders & Background
px
px
Size
px
px
Preview
39 comment(s)
Hemant
Hi Jenna, When i preview the form, the form is formatted. However, when I insert it into the landing page, the formatting disappears. Landing page: http://scout.avtecinc.com/l/27252/2016-08-12/6txz65 What is going wrong?
Jen
This is awesome! so thankful I found this resource. How do I make my form 2 columns?
Jenna Molby
to Jen
Hi Jen, Glad you found it useful! Creating a 2 column form is a bit tricky. Feel free to email me at [email protected] with the link to your landing page containing the form and I can help you. Cheers, Jenna.
Bertus
Hi there, thank you for this awesome tool :D That being said, I can't seem to get it to work, hehe. I've tried a bunch of stuff, but always seem to end up with just "%%content%%" when I hit preview form layout. Please help. Thank you!
Olivia Broadley
to Bertus
Hi, I get the message "%%content%%" when I hit preview form layout. Please help. Thank you!
Eric Smith
Hi Jenna. Thank you for this! Quick question. I copied my code into the top of the Form tab in my template layout, but for some reason, it is just showing the code on the landing page http://go.wazeedigital.com/wazee-test-lp. I am not sure what I did wrong. Any suggestions?
Jenna Molby
to Eric Smith
Hi Eric, I'm not able to view your landing page. You can send a screenshot of the issue to [email protected] and I can look into it for you. Thanks!
Carlton
Such a time saver. Thank you so much! The Pardot documentation says to use #pardot-form instead of just form. Does that make a differrence in how the CSS gets executed?
Jenna Molby
to Carlton
Hi Carlton, Glad you found the tool useful! Yes, if you add an ID to the form it will change the CSS slightly. You would need to replace the "form" text right before the ".form" with the ID (ex. #pardot-form). It would look like this: #pardot-form.form p.required label, #pardot-form.form span.required label