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

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






8 comment(s)
  • Meghan

    25/04/2017 at 9:11 am
    Reply

    Hi Jenna! We added this to a test form but it doesn't appear to be working. I know this post was from last year, is there something more than just copying and pasting that we should be doing? This could be a game changer for us :)

    • Jenna Molby
      to Meghan

      25/04/2017 at 10:35 am
      Reply

      Hi Meghan, Sorry it's not working for you. Feel free to shoot me an email at contact@jennamolby.com with the link to your form and I can take a look :)

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