Use autocomplete to give your form fields, on Elementor Pro Form, the type-ahead-search behaviour of the Google Maps search field.

The autocomplete service can match on full words and substrings, resolving place names and addresses.

To use this feature you must set:

  • Google Maps API on our APIs tab on Elementor > Dynamic Content;

  • enable Geocoding API in the Google Cloud Console, in the same project you set up for the Maps JavaScript API.

To view your list of enabled APIs:

  1. Go to the Google Cloud Console.

  2. Click the Select a project button, then select the same project you set up for the Maps JavaScript API and click Open.

  3. From the list of APIs on the Dashboard, look for Geocoding API.

  4. If you see the API in the list, you’re all set. If the API is not listed, enable it: at the top of the page, select ENABLE API to display the Library tab. Alternatively, from the left side menu, select Library. Search for Geocoding API, then select it from the results list. Select ENABLE. When the process finishes, Geocoding API appears in the list of APIs on the Dashboard.

Did this answer your question?