In Pardot

Introducing the Form Style Generator for Pardot Forms

1 Min Read

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.

Go to the generator

How it Works

1. Create a new form in Pardot

The form style generator will pull in the default styles.

2. Go to the Style Generator

Customize the look of your form using the fields on the left side. A preview of your form will show on the right side.

pardot-form-style-generator

3. Copy the CSS

Copy the CSS that is generated and navigate to your Pardot form.

pardot-form-style-generator-copy-css

4. Paste the CSS into your Pardot form layout template

Navigate to Marketing > Forms > Layout Templates and select the layout to add the form styles to. Paste the CSS right above the existing code of the Form tab and save.

pardot-style-generator-edit-css

Go to the generator

Questions?

Send them to me via email, send me a tweet @jennamolby, or leave a comment

Author

I'm a Freelance Marketing Operations Consultant With 15 years of experience in Marketing Operations, I’ve worked with a wide range of tools including Salesforce, Marketing Cloud Account Engagement (Pardot), Marketo, and many other sales and marketing platforms. I help teams optimize their tech stacks, improve processes, and get accurate, actionable reporting. Whether it’s setting up your Marketing Automation Platform, building Salesforce reports, managing lead lifecycles, tracking attribution, or integrating your tech stack, I ensure everything is aligned to drive real results.

41 Comments

  1. Sony Reply

    I created a form using the form generator and copy paste it in the form layout template. After that I added it to Layout template into form section, but when i added the form on the landing page it did not incorporate any changes i created on the above tool. Please let me know where i went wrong.

    • Jenna Molby Post Author

      Hi Sony, The first thing to check is that the form itself is using that layout template.

  2. Gaurav J Reply

    I used the form generator to create the code and paste it in the form layout template. Once done i created a new form with specific fields and added Layout template, but when i added the form on the landing page it did not incorporate any changes i created on the above tool. Please let me know where i went wrong.

    • Jenna Molby Post Author

      Hi Gaurav, You might have some conflicting CSS on the landing page. DM me the link to your page and I can take a look.

Write A Comment