Adding Google Maps Address Lookup to a Form
Improve your data integrity and make your forms easier to fill out with our address verification tool. Simply follow the steps below to integrate with Google Maps.
Overview
Our integration works with the standard Address 1 field to show matching addresses in a dropdown as the entrant types, and if the entrant clicks an address, it will automatically fill in the rest of the address fields in your form.
How to set up Google maps integration
Open your campaign in the Campaign Builder.
Click the edit icon to open the Form Container Widget's settings.
Click Advanced on the left side.
In the Integrations subsection, click Configure Integrations; this will open in a new pop-up.
Select the radio button beside Google Maps.
Choose a Google Maps Profile.
If you don't have one pre-established, click on the Add button at the bottom.
In the Google Maps Profile Details window, add the name of your new profile, a description for your profile (optional), and then your Google Maps API Key using the fields provided.
Click Select at the bottom.
In the Integration Settings window, click Save.
In the Form Container's widget settings, click Save & Exit.
Note: ShortStack does not provide Google Maps API Keys - those are available for users of the Google Maps Platform; for more information, check out Google's Use API Keys help doc.
As long as the API key was copied/pasted correctly, everything should be good to go! When an entrant starts typing an address into the Address 1 field, a dropdown will appear below with potential addresses for the entrant to select; when they click an option, it will use that information to fill out the rest of the address fields.
Related resources
Was this helpful?
Thanks β that helps us decide what to fix next.
Sorry this missed. Tell us what you needed and we'll get you an answer β and fix the page.