Docs

Location Field

Video Tutorial

The Location Field in MakeForms allows users to input a location which then interacts with the Google Maps API to fetch and display relevant data. This feature is particularly useful for forms where a precise location input is critical, such as for event registrations, delivery services, or customer address verification.

Setting Up the Location Field

Step 1: Add the Location Field

To add the Location Field to your form:

  • Navigate to the form builder in MakeForms.
  • Locate the Location Field at the bottom of the available fields.
  • Click on the field to add it to your form.

Step 2: Configure Field Settings

Once the Location Field is added, you can configure various settings:

  • Field Name: Customize the name of the field, e.g., “Your Office Address.”
  • Required: Toggle whether the field is mandatory for form submission.
  • Alignment: Adjust the alignment of the field within the form.
  • Helper Text: Add a brief description or instruction that appears as a tooltip, aiding users in filling out the field. For example, “Search for office.”

Step 3: API Key Integration

To enable the Google Maps functionality:

  • Obtain a Google Maps API key from the Google Cloud Platform.
  • Insert the API key in the designated section of the Location Field settings.

Step 4: Select Data to Display

Decide which details you want to retrieve from the Google Maps API once a location is selected:

  • Formatted Address
  • Place Name
  • Google Place ID
  • Latitude and Longitude
  • You can choose to fetch all available data provided by Google Maps for the selected location.

Using the Location Field

Inputting a Location

  • Users will type a location into the Location Field.
  • As they type, suggestions powered by Google Maps will appear, allowing them to select the correct location.

Viewing Location Data

  • After selecting a location and submitting the form, the chosen data points (address, place name, coordinates, etc.) are displayed on the form submission confirmation page or integrated into the form’s data output.