Form Style Generator for Pardot Forms

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


	
19 comment(s)
  • Hemant

    12/08/2016 at 2:27 pm
    Reply

    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

    09/08/2016 at 11:12 am
    Reply

    This is awesome! so thankful I found this resource. How do I make my form 2 columns?

    • Jenna Molby
      to Jen

      09/08/2016 at 3:16 pm
      Reply

      Hi Jen, Glad you found it useful! Creating a 2 column form is a bit tricky. Feel free to email me at jennamolby@gmail.com with the link to your landing page containing the form and I can help you. Cheers, Jenna.

  • Bertus

    01/08/2016 at 4:14 am
    Reply

    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!

  • Eric Smith

    09/07/2016 at 10:12 am
    Reply

    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

      11/07/2016 at 11:59 am
      Reply

      Hi Eric, I'm not able to view your landing page. You can send a screenshot of the issue to jennamolby@gmail.com and I can look into it for you. Thanks!

  • Carlton

    17/06/2016 at 6:15 am
    Reply

    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

      17/06/2016 at 10:51 am
      Reply

      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

Leave A Comment

Your email address will not be published. Required fields are marked *