Adding Google Maps Address Lookup to a Form

PRO PLAN

Overview

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.

How to Set Up Google Maps Integration

1. Open your campaign in the Campaign Builder.
2. Click the edit icon to open the Form Container Widget's settings.
3. Click Advanced on the left side.
4. In the Integrations subsection, 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.
   • 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.
7. In the Integration Settings window, click Save.
8. 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.