http://www.pardot.com/new-features/major-improvements ...
http://www.pardot.com/new-features/major-improvements ... | pardot form templates

Five Common Misconceptions About Pardot Form Templates | Pardot Form Templates

Posted on

Note: This is an avant-garde Pardot affair that deals with custom JavaScript. I acclaim enlisting the abutment of a developer if you’re not accustomed with application Pardot at this level.

http://www.pardot.com/new-features/major-improvements ..
http://www.pardot.com/new-features/major-improvements .. | pardot form templates

I’m a huge fan of the adaptability Pardot gives users in developing custom business automation solutions. There are generally assorted paths that can be taken to accommodated activity requirements, which makes my assignment easier. The ambush to developing these solutions, though, is to accept a bright set of requirements laid out in advanced of you afore beginning.

Recently, Fishnet developed a new website for a applicant that put Pardot’s functionality to the test. As allotment of the website, we implemented Pardot as their business automation tool. One of their requirements was that they bare to aboideau added than 20 altered assets; however, they didn’t appetite to advance a altered anatomy for anniversary asset. Additionally, they capital to be able to see a log of which assets had been downloaded. With alone one form, this bearings presented a challenge.

The band-aid we articular complex creating the following:

Creating Two Custom Hidden Anatomy Fields

Pardot Form Styling [Webinar and Guide] – Cloud on Tap - pardot form templates
Pardot Form Styling [Webinar and Guide] – Cloud on Tap – pardot form templates | pardot form templates

Since there is alone one anatomy on added than 20 altered pages, we bare a way to analyze on which page(s) the anatomy was completed. We able this assignment by creating two new custom fields with the blazon of “Hidden” application the names below: (You’ll appetite to bethink both Acreage IDs for a approaching step)

The “Most Recent Product Anatomy Completed” acreage will use JavaScript to abundance the URL for the folio on which the anatomy is located. Every time the anatomy is completed, the absolute amount will be overwritten with the new folio URL value.

The “Product Form(s) Completed” acreage will abundance the URL for the folio on which the anatomy is amid application JavaScript as well; however, it will additionally abundance all added antecedent folio URLs on which the anatomy was completed. When you actualize this field, it is all-important that you baddest “Record Assorted Reponses”, which will acquiesce for assorted ethics to be stored in the acreage as a list.

Just to clarify, we acclimated two altered anatomy fields to accommodated the client’s activity requirements–they capital a way to see all assets that were downloaded. In this article, I’ll detail how anniversary of these fields are used.

13 creative ways using Pardot forms to manage 13  campaigns running ..
13 creative ways using Pardot forms to manage 13 campaigns running .. | pardot form templates

Create a Anatomy with Both Custom Hidden Fields

Now that you’ve created both hidden fields, you can go advanced and body your anatomy to aboideau the assets. In our case, we created a actual simple, three-field anatomy (First Name, Last Name and Email), and again added the two hidden fields I abundant above. The agreement should attending agnate to this:

Note: When you add both hidden anatomy fields, you charge to accomplish abiding to baddest “Always affectation alike if ahead completed” in the Avant-garde section:

Add Javacript Cipher to Abduction the Custom Hidden Acreage Values

Pardot Landing Page Templates: Why You Should Custom Code - pardot form templates
Pardot Landing Page Templates: Why You Should Custom Code – pardot form templates | pardot form templates

At this point, you accept a anatomy with some hidden fields. In adjustment to abduction the folio URL in both hidden fields, you charge to archetype and adhesive the afterward JavaScript cipher in the Pardot Layout Template that the anatomy is using:

In the <head> tag:

Below the closing </html> tag:

Make abiding the acreage ascribe names bout up with the hidden acreage API names. You can get those by activity to Admin > Configure Fields > Anticipation Fields and award the agnate fields.

13 Pardot Landing Pages That Get Potential Customers to Act - pardot form templates
13 Pardot Landing Pages That Get Potential Customers to Act – pardot form templates | pardot form templates

With the accepted configuration, every time the anatomy gets submitted both hidden fields would log the URL for the folio on which the anatomy was completed. Additionally, the “Product Form(s) Completed” acreage would log the URLs for all the pages on which the anatomy was completed. Anticipation annal will attending like this:

Create an Autoresponder Application Dynamic Content

Our final footfall is to automate based off the ethics in the hidden fields and bear the actual asset. We able this assignment application Dynamic Agreeable in an Autoresponder.

We created a new Dynamic Agreeable block and based it off the custom acreage I created earlier: “Most Recent Product Anatomy Completed”. My Dynamic Agreeable block looked like this:

Widget Forms Html Form Singular Templates Create Php Order Css ..
Widget Forms Html Form Singular Templates Create Php Order Css .. | pardot form templates

You’ll apprehension a brace things here. First, we crafted a accepted message, which could be acclimated for all assets. Second, anniversary aberration has a “View the Datasheet” CTA. Anniversary CTA contains a articulation to a altered asset, which corresponds to anniversary folio URL variation. You will appetite to accept a aberration for anniversary folio on which the anatomy will live. It is additionally important to accumulate in apperception that if any of these folio URLs change, the Dynamic Agreeable will not activity correctly.

We additionally created absence agreeable with instructions to acquaintance a buzz cardinal or email directly. If addition has JavaScript disabled, the hidden amount won’t be stored in the custom fields we created and we won’t be able to bear the actual asset. This way, we accord them instructions to ability out and we can advice them get what they requested.

We put this Dynamic Agreeable into an Autoresponder email and added it as a achievement activity to the anatomy created in an beforehand step. We concluded up with article that looked like this:

It is account acquainted that we created a Thank You bulletin for the form, which let the anticipation apperceive an email was on the way.

13 Pardot Landing Pages That Get Potential Customers to Act - pardot form templates
13 Pardot Landing Pages That Get Potential Customers to Act – pardot form templates | pardot form templates

There you accept it. One anatomy gating 20 assets, all congenital aural Pardot.

We took what appeared to be a complicated applicant appeal and disconnected it up into analytic steps. We articular a set of requirements and congenital them into a band-aid that works. And if it didn’t work, we congenital in functionality to abode abeyant shortcomings.

Not abiding area to start? We can help.

Five Common Misconceptions About Pardot Form Templates | Pardot Form Templates – pardot form templates
| Welcome to our blog, with this time period I’ll provide you with about pardot form templates
.

Creating Mobile Responsive Pardot Forms – Brent’s Marketing Minute – pardot form templates | pardot form templates
How to Create a Pop-Up Form In Pardot - pardot form templates
How to Create a Pop-Up Form In Pardot – pardot form templates | pardot form templates
How to Use Pardot Form Handlers - pardot form templates
How to Use Pardot Form Handlers – pardot form templates | pardot form templates
How to Turn any Landing Page into a Pardot Layout Template - pardot form templates
How to Turn any Landing Page into a Pardot Layout Template – pardot form templates | pardot form templates
13 Pardot Landing Pages That Get Potential Customers to Act - pardot form templates
13 Pardot Landing Pages That Get Potential Customers to Act – pardot form templates | pardot form templates
Introducing the Form Style Generator for Pardot Forms - pardot form templates
Introducing the Form Style Generator for Pardot Forms – pardot form templates | pardot form templates

Gallery for Five Common Misconceptions About Pardot Form Templates | Pardot Form Templates