How to Customize Pardot Forms – Top Resources
- November 22, 2022
- Pardot Forms, Salesforce Ben | The Drip
When it comes to Pardot form styling, such as the font, color, and field positioning, there are different options for form customization. Which one you use will depend on a) what you need the form to look like, and b) your knowledge of CSS.
Pardot follows the ‘clicks not code’ philosophy, and so has opened up some styling options in the Form Wizard. If you want to customize your forms beyond these options (pictured below), you will need to dive into the Pardot form template (in the layout template section) – and venture ‘under the hood’.
For example, you may want to use your company’s font that’s not available in Pardot’s default selection:
As Lara Black, MVP and Pardot Pro, once said: “HTML is HTML. CSS is CSS. The only thing ‘specific’ to Pardot is how to incorporate various Pardot elements”.
She’s referring to the specific tags that Pardot forms use to determine where form elements should be positioned and behave.
Even though there’s a learning curve involved, the Pardot community have come to your rescue. I’ve scoured the web to find the best resources to enable you to master Pardot form styling. Happy styling!
1. Form Style Generator for Pardot Forms (Jenna Molby)
Skip past the need to learn the Pardot form styling language with this amazing self-service resource by Jenna Molby. You’ll find a WYSIWYG for styling and customizing 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. Once you’re happy with the preview, you only need to copy and paste the code into a Pardot layout template.
Visit the Pardot Form Style Generator.
2. Hacks To Customizing Your Pardot Forms
For an overview of what each of the Pardot form styling tags mean, SalesLabX have created an indispensable cheatsheet for you to reference.
3. Creating Variable Height iframes
The common way to embed a Pardot form on your website is to use iframe. This method comes with its own challenges, as iframes have a height defined which is likely to restrict how much of your form is visible.
Even if the form appears fine at first glance, once prospects start interacting with it, the form’s behavior could change the height, for example, “when you use progressive profiling or dependent fields, or when the forms respond to a device screen”. Great point, Sarah!
As part of Nebula Consulting’s “Doing More with Pardot Forms” series, Sarah recommends using seamless.js for iframes.
4. Pardot Form Customization Service
What if you can’t take on Pardot form customization? Perhaps upskilling isn’t worth your time?
No worries, you’re in luck. Marcloud Consulting have Pardot form templates to purchase, or request your own fully-responsive, custom-coded template.
What’s Next?
Pardot form styling only scrapes the surface in getting the most out of Pardot forms. Learn about Pardot form tips you may not have encountered yet in these guides on The DRIP
This Pardot article written by:
Salesforce Ben | The Drip
Lucy Mazalon is the Head Editor & Operations Director at Salesforceben.com, Founder of THE DRIP and Salesforce Marketing Champion 2020.
Original Pardot Article: https://www.salesforceben.com/the-drip/how-to-customize-pardot-forms/
Find more great Pardot articles at www.salesforceben.com/the-drip/
Pardot Experts Blog
We have categorized all the different Pardot articles by topics.
Pardot Topic Categories
- Account Based Marketing (ABM) (8)
- Business Units (13)
- ChatGPT / AI (3)
- Completion Actions (5)
- Connectors (10)
- Custom Redirects (4)
- Demand Generation (8)
- Dynamic Content (5)
- Einstein Features (11)
- Email Delivery (18)
- Email Open Rates (3)
- Pardot A/B Testing (2)
- Email Mailability (16)
- Do Not Email (1)
- Double Opt-in (2)
- Opt Out / Unsubscribe (14)
- Email Preferences Page (6)
- Engagement Studio (14)
- Industries (1)
- Non Profit (1)
- Landing Pages (10)
- Lead Generation (1)
- Lead Management (12)
- Lead Routing (2)
- Lead Scoring (15)
- Leads (3)
- Marketing Analytics – B2BMA (9)
- Marketing Automation (1)
- Marketing Cloud (2)
- Marketing Cloud Account Engagement (4)
- New Pardot Features (6)
- Opportunities (2)
- Optimization (3)
- Pardot Admin (62)
- Duplicates (1)
- Marketing Ops (1)
- Pardot Alerts (1)
- Pardot API (2)
- Pardot Automations (3)
- Pardot Careers (12)
- Pardot Certifications (4)
- Pardot Consulting (1)
- Pardot Cookies (3)
- Pardot Custom Objects (3)
- Pardot Email Builder (7)
- Pardot Email Templates (9)
- HML (6)
- Pardot Events (16)
- Pardot External Actions (1)
- Pardot External Activities (4)
- Pardot Forms (27)
- Form Handlers (7)
- Pardot Integrations (21)
- Data Cloud (1)
- Slack (1)
- Pardot Lead Grading (5)
- Pardot Lead Source (2)
- Pardot Lightning (1)
- Pardot Migration (1)
- Pardot Nurture / Drip Campaigns (1)
- Pardot Personalization (3)
- Pardot Profiles (1)
- Pardot Releases (19)
- Pardot Sandboxes (2)
- Pardot Segmentation (4)
- Pardot Strategy (7)
- Pardot Sync (2)
- Pardot Sync Errors (1)
- Pardot Tracker Domains (5)
- Pardot Training (3)
- Pardot Vs Other MAPs (4)
- Pardot Website Tracking (2)
- Reporting (22)
- Salesforce and Pardot (29)
- Marketing Data Sharing (2)
- Pardot Users (3)
- Salesforce Automation (4)
- Salesforce Flows (1)
- Salesforce Campaigns (20)
- Salesforce CRM (3)
- Record Types (1)
- Salesforce Engage (3)
- Salesforce Queues (2)
- Security and Privacy (1)
- Tags (3)
- The Authors (483)
- Cheshire Impact (9)
- Greenkey Digital (47)
- Invado Solutions (37)
- Jenna Molby (9)
- Marcloud Consulting (6)
- Nebula Consulting (53)
- Pardot Geeks (38)
- Salesforce Ben | The Drip (235)
- SalesLabX (2)
- Slalom (2)
- Unfettered Marketing (45)
- Uncategorized (1)
- Website Tracking (2)
- Website Search (1)
More Pardot Articles
See all posts
This Pardot article written by:
Salesforce Ben | The Drip
Lucy Mazalon is the Head Editor & Operations Director at Salesforceben.com, Founder of THE DRIP and Salesforce Marketing Champion 2020.
Original Pardot Article: https://www.salesforceben.com/the-drip/how-to-customize-pardot-forms/
Find more great Pardot articles at www.salesforceben.com/the-drip/