How to Improve Pardot Form Conversions by Using Google Places

In:

It’s a fact that shorter forms have a higher conversion rate, but in B2B marketing longer forms are needed to capture essential information for lead scoring and lead routing. In this tutorial, I will show you how to use the Google Places API to auto-fill city, state/province, country and postal code/zip code within your Pardot forms. Don’t worry, you don’t need to know how to code to implement this, you just need to know how to copy & paste.

Demo

Once the user starts typing in their company name, the Google Places API returns a list of company names that match. The user can click on their company name which fills out the city, state/province, country and postal code/zip code.

pardot-autocomplete-fields

You can choose to make the geographic fields hidden and Google Places will populate the hidden fields, but given that Google Places might not be able to find the company, it’s best keep the fields visible so the user can enter the correct information.

How to add Google Places to your Pardot form

Add the fields

Add the standard Pardot fields for company, city, state, country and postal code to your form. The company field is required to do the look up, but you can choose to omit any of the geographic fields based on your requirements and it will not affect the functionality of the form.

pardot-adding-fields

Add the auto-fill code

Under Look & Feel in your form, select the below form tab and click the HTML icon.

look-and-feel-pardot-form

Copy & paste this code into the editor.

look-and-feel-pardot-form-code

Note: This is just a basic example of using the Google Places API to pre-fill Pardot form fields. You can also pre-fill street address, company phone number, and website address. If you’re interested in populating this information contact me.

That’s it!

You can test the auto-fill functionality by viewing a landing page that contains the form, or simply by previewing the form.

Questions?

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

Related Posts

  • 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.






  • 01/06/2016
    How to Localize a Date Field in Marketo Using a Velocity Script

    Earlier this month I was given the task of localizing the date formatting within a Marketo email. The email referenced a date field within Marketo that was formatted as yyyy-mm-dd. The issue was that it was a global email, sent out to different countries who do not format the date as yyyy-mm-dd. To fix this issue I created a simple velocity script to transform the date value into something that’s recognized within each country. Here’s a breakdown of how I did it and how you can implement something similar in your Marketo instance.






6 comment(s)
  • Ed Bisquera

    03/10/2016 at 5:16 pm
    Reply

    Great explanation, I tried this in Active Campaign and it worked similarly to the Pardot implementation. Question though: How do you increase the Google API call limit per day? Can that easily be integrated, to get some kind of API Developer limit increase or something?

    • Jenna Molby
      to Ed Bisquera

      04/10/2016 at 11:06 am
      Reply

      Hi Ed, You have to pay to increase your API call limit, however, the limit is quite high, so it's probably not necessary. Users with an API key are allowed 1 000 requests per 24 hour period. Users who have also verified their identity through the APIs console are allowed 100 000 requests per 24 hour period. Hope that helps!

  • Shannon M

    13/09/2016 at 11:28 am
    Reply

    Hi Jenna, This is a great way to get the information many business development teams need, without making it hard on user experience. Would you be able to share a live link or demo of the form in action?

    • Jenna Molby
      to Shannon M

      14/09/2016 at 9:37 am
      Reply

      Hi Shannon, Here's a link to the demo form: http://codepen.io/jennamolby/pen/ozxzWZ. Let me know if you have any questions.

  • Jesse Kedy

    24/08/2016 at 10:19 am
    Reply

    Awesomely useful post! Can this be done with Marketo forms too?

    • Jenna Molby
      to Jesse Kedy

      14/09/2016 at 9:38 am
      Reply

      Hi Jesse, I haven't tried it myself, but this looks like a good solution for implementing the Google Places API with Marketo forms: http://codepen.io/figureone/pen/GJVpNx

Leave A Comment

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

About Me

I’m a Marketo & Pardot expert with a strong background in design and development. I specialize in email marketing, lead nurturing and CRM integrations for marketing and sales alignment. LEARN MORE

Categories
Most Commented
Popular Posts