JetFormBuilder Address Autocomplete

Description

A dynamic addon that suggests up to 5 places in order to auto-fill the Address field.

How to Configure Address Autocomplete

How to set up

To install the addon, go to JetFormBuilder > Addons and find the “Address Autocomplete” addon in the All Available Addons section. Press the “Install Addon” button and, once installed, it will appear on Your Installed Addons. Next, click “Activate Addon” to get it ready for further work.

address autocomplete addon installation
JetFormBuilder Address Autocomplete 6

As you can see, all PRO version addons can be installed and activated through JetFormBuilder Dashboard.

After you finish the installation and activate the plugin, the new section called Address Autocomplete API will appear in the global settings. To find it, go to JetForms > Settings, then press on the Address Autocomplete API tab.

address autocomplete api tab in jetforms settings
JetFormBuilder Address Autocomplete 7

You will see a Google Place API key bar. If you already have a key, make sure to upgrade your Cloud Billing account, then paste the key here and click on the “Save” button. Otherwise, follow the steps below to obtain a new key.

How to obtain Google Places API key

 

Please follow this link and click on the “Get Started” button, then complete all the steps it requires. To locate your Google Maps API key, click on “Credentials” in the left-side menu of the Google Cloud Platform. The so-called Maps API Key from the API Keys section is what you need. Copy that key and paste it to the Google Place API key bar in the Address Autocomplete API section as shown on the screenshot above.

copying the google maps api key
JetFormBuilder Address Autocomplete 8
Address Autocomplete Field Settings

 

Go to JetForms > Forms and open one of the created forms. Click on the plus-shaped button in the upper left corner of the page editing window. In the Search bar, type “Address Autocomplete Field” and drag-n-drop this block to the desired area.

address autocomplete field block
JetFormBuilder Address Autocomplete 9

Once you click on the field block, you will see that a new section called Field Settings appeared in the right-side menu within the Address Autocomplete Field block. Let’s go over its settings.

address autocomplete field settings
JetFormBuilder Address Autocomplete 10
  • Countries allowed. In this text area, you can select those countries the search results from which will shown  in the Address Autocomplete Field. To select multiple countries, hold down Ctrl and left-click the countries you wish to exclude (Command + left-click for Mac);
  • Place types. Here, you can restrict results from a certain Place type. The type parameter indicates which Place type results will be returned and which not. If you select nothing in this text area, all types’ results will be returned. Please note that you are allowed to select only one type here. The supported Place types are as follows:
  • Geocode. When selected, this request returns geocoding results with locations that may be indeterminate;
  • Address. Returns results with a precise address only;
  • Establishment. Pick this Place type to return only business results;
  • Regions. By selecting this type, you instruct the Places service to return any result that matches such types as locality, sublocality, postal_code, country, administrative_area_level_1, administrative_area_level_2;
  • Cities. This Place type will return results matching locality or administrative_area_level_3.

There are no reviews yet.

Write a review

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.