How to Add Google Address Lookup on a Form

Google Address Lookup is a search field on the form where a list of addresses is displayed relative to what the donor enters. When the donor selects an address from the list, the rest of the address fields (street, city, province/state, country, and zip/postal code) are automatically populated with the appropriate values. This reduces the likelihood of a donor entering incomplete or incorrect addresses.

New forms created in Impact Designer automatically have Google Address Lookup as part of the stock donation form. For forms previously created prior to Google Address Lookup being available, they will continue to use the standard address form fields. 

This article covers how to add Google Address Lookup to your form.

First, drag the Google Address Lookup control to your desired area on the form.

By default, Google Address Lookup is already configured to automatically populate Country and Province/State fields. If you would like it to auto-populate Street, City, and Postal/Zip code fields as well, then you would need to add a unique reference name to each of these fields.

Select the address field from the form and then in the Properties Panel on the right, enter a unique Reference Name. You can use the field name as the reference name as well. Remember that you need to add a reference name to each field so you would do this for street, city and zip/postal code.

Once you've assigned a reference name for each address field, click on the Google Address Lookup field on the form to select it. Then from the Properties Panel on the right, click on the Search Icon beside Plugin Config.

​

For each address field you would like Google Address Lookup to populate, map the fields by selecting the reference name you assigned to them. Click on Save when you are done.

Click on Save on top of the form to save your changes. To make your changes live, go to Form from the top menu and click on Publish Form.