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.

Our integration works with the standard Address 1 field to show matching addresses in a drop-down 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.

Here's how to set that up:

1. Open your campaign in the Campaign Builder.
2. Click the edit icon to pop up the Form Container Widget's settings (a Form Container Widget is required - check out our Form Container Widget help doc for more information).
3. Click Advanced on the left side.
4. In the Integrations sub-section, click Configure Integrations - this will open in a new pop-up.
5. Select the radio button beside Google Maps.
6. Choose a Google Maps Profile.
   • If you don't have one pre-established, click on the Add button at the bottom.
     1. 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.
     2. Your new Google Maps Profile will now appear on the list.
     3. Click to highlight it.
7. Click Select at the bottom.
8. In the Integration Settings window, click Save.
9. 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 drop-down 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.