Documentation

Geolocation Fields Overview

Last modified: March 16, 2025

Introduction

The Geolocation for Ninja Forms plugin enhances your forms with advanced geolocation features, enabling real-time address autocomplete, interactive maps, and precise location-based inputs.
Once installed and activated, it adds specialized geolocation fields to the Ninja Forms editor, allowing seamless integration of location-based functionality into your forms.

Geolocation Fields in Ninja Forms

Geolocation for Ninja Forms provides a variety of geolocation-enabled fields, each designed to add powerful mapping and location features to your forms.

Ninja Forms Geolocation Fields
Geolocation-specific fields available in Ninja Forms.
  • Geocoder: A hidden field that enables geolocation data processing, ensuring accurate syncing between geolocation fields.
  • Address: Lets users enter an address, which is then geocoded and linked to other geolocation fields for smooth interactions.
  • Coordinates: Allows users to input latitude and longitude values, which can be reverse-geocoded or used with other fields.
  • Google Map: Displays an interactive map where users can select a location by clicking or dragging a marker.
  • Locator Button: Detects the user’s current location using browser geolocation or IP-based services.
  • Directions: Calculates directions between two locations, providing travel distances and estimated travel time.
  • Directions Panel: Displays step-by-step directions when used with the Directions Field.
  • Reset Location: Clears geolocation field data and resets the form's location fields.

Synchronizing Geolocation Fields

To enable real-time updates between fields, geolocation fields in Ninja Forms must be synchronized using the Geocoder Field. Proper syncing ensures that all fields work together smoothly. For example:

  • When a user enters an address in the Address Field, the map marker updates to reflect the location.
  • Dragging the map marker updates the Address Field with the new address.

Syncing is a key feature of Geolocation for Ninja Forms, ensuring dynamic, accurate, and user-friendly interactions between fields.
Learn more about syncing geolocation fields.

How to Use Geolocation Fields

Follow these steps to configure and optimize geolocation fields in Ninja Forms:

  1. Add Geolocation Fields: Drag and drop the fields into your form from the Ninja Forms editor.
  2. Enable Field Syncing: Use the Geocoder Field to ensure proper synchronization between geolocation fields.
  3. Adjust Field Settings: Customize each field's settings to define the default behavior, required inputs, and display options.
  4. Test Your Form: Preview the form to verify geolocation accuracy, including address input, map interaction, and automatic field syncing.
menu-circle