Introducing the Form Style Generator for Pardot Forms

In:

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.

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 at the top of the Form tab and save.

pardot-style-generator-edit-css

Questions?

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

Related Posts

  • 05/07/2017
    Make Your Marketo Forms More User-Friendly With This Tip

    I was registering for a webinar this week and when I went to select my Country from the drop-down, I was greeted with a search feature for the drop-down. I immediately started Googling what JavaScript plugin they were using to see if I could use it on Marketo forms. It turns out, you can and not only is it super easy to implement, but it also makes long drop-down in your Marketo forms more user-friendly. I’ll walk you through how I did this in 4 easy steps.






  • 04/01/2017
    Beautiful Marketo Forms: Styling Checkboxes and Radio Buttons

    Your Marketo forms don’t have to be boring. With a little extra CSS you can create beautiful Marketo forms with customized checkboxes and radio buttons. In this tutorial, I’ll show you how you can style checkboxes and radio buttons within Marketo forms with minimal coding.






  • 27/10/2016
    How to Create a 2 Column Pardot Form

    After launching my Form Style Generator for Pardot Forms, the number one question I receive is ‘how do I create a 2 column form in Pardot?’ I might update the style generator to include this in the future, but in the meantime, here’s how to create a 2 column Pardot form with minimal coding.






1 comment(s)
  • Online Math Program

    07/09/2016 at 12:07 pm
    Reply

    Has Pardot changed this feature? I don't see where to copy the CSS within the style generator. Thanks for the help!

Leave A Comment

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

About Me

I’m a Marketing Operations Manager and Marketo Certified Expert who is passionate about front-end development, web design, data, and email marketing. LEARN MORE

Categories
Most Commented
Popular Posts