Pardot Form Styling [Webinar and Guide]

This month we had the opportunity to present a Pardot Form Styling webinar for Pardot’s Advocate Hours.

In case you missed it: Pardot Form Styling Webinar and Pardot Form Styling Guide

The webinar and guide will walk you through how to use HTML, CSS, and Javascript to style a Pardot form from scratch. The best part is- you don’t have to know code to do this! Seriously!

The webinar and guide will enable a beginner-expert to copy/paste the code like you’re a pro. 🙂


The webinar received  4.6/5 stars from Pardot clients! Here are some comments from the live attendees:

“Definitely, information that I can use.  Thank you.”

“The presenter was awesome!”

“This was awesome.  Super helpful.  Having these CSS classes will really speed up development.”

Pardot Form Styling Guide


Keep up with our Pardot and Salesforce magic:

[pardot-form width=”300″ height=”200″ id=”12224″ title=”Form: COT:: Blog Subscribe”]

Salesforce Pardot Lightning

New Pardot Style — What’s Different?

pardot lightning menu
Note: If you prefer to see the titles for each tab, click the three lines at the top left corner of your Pardot page and the menu will widen to display names.

Update: “Pardot Lightning Style” is now called “New Pardot Style”

As you’ve probably heard, Salesforce recently rolled out a Lightning version. This is the first major change to the User Interface (UI) in 16 years! Clicks are reduced and the overall experience is greatly improved – once you get used to the updated layout.

Pardot also rolled out a Lightning version last month. Their update wasn’t quite as dramatic, but it sure looks good! The top menu has been moved to the left side and simplified even further for intuitive navigation. Each tab is indicated by its classic icon, and when you hover, you’ll see the links stored in each section.


pardot lightning side menu
The new Reports tab. Now Connected Apps and Marketing Assets have their own subtabs, which trims the list size and reduces confusion.

Overall, you won’t see many gargantuan differences (yet) – but you will enjoy a fresh, attractive interface. Sure, I miss the orange buttons. And I’m still getting used to the rearranged icons and different fonts. But the updated design choices create a sleek, modern look that’s easy to browse.

Pro Tip: You do not have to enable Salesforce Lightning in order to use Pardot’s Lightning Style. The two are not connected in that way. We recommend new Pardot clients go ahead and make the switch. If you’ve been in Pardot for a while, it’s still worth checking out. Even our most seasoned Pardot pros here are enabling Pardot Lightning Style and loving it!




Can You Spot the Differences?

Pardot Lightning Differences


To Activate / Deactivate Pardot Lightning Style

pardot lightning disable
If you want to disable in the future, click the cog in the top right corner to “Disable Lightning Style.”
pardot lightning enable
To activate Pardot Lightning Style (Beta), hover over your email address and select “Enable Lightning Style.”









Stay up to date on Pardot and Salesforce by subscribing to our blog!

[pardot-form height=”200″ id=”12224″ title=”Prospect Subscribe from Blog”]


New Cloud on Tap Website Design

Did you notice the changes around here? 🙂 We’ve been working hard the last month to build a better site and we’re finally done!  Many thanks to our newest COT-er, Sara, for spearheading this endeavor.

New features:

  • Fully responsive, mobile-friendly
  • Sleeker look and feel that’s more “Cloud on Tap”
  • Our favorite Google Fonts– Open Sans and Raleway
  • Easier points of contact- buttons, links, and forms everywhere (but not annoyingly!)
  • Company and Careers Pages (team pics coming soon)
  • Can’t miss display of our core Pardot and Salesforce certifications

Is your site mobile-friendly? How about your forms? Pardot forms can absolutely be built to respond to any browser and device and we’re excited to show that off to the world.

Subscribe to our blog!