Recently Updated Sale
Address Autocomplete
A dynamic addon that suggests up to 5 places in order to auto-fill the Address field.
User Registration form
Make the address entry routine quick and simple for your customers – spare them manual input.
Address Autocomplete
A dynamic addon that suggests up to 5 places in order to auto-fill the Address field.
Works with any WordPress theme
Address Autocomplete Use Cases
Job Application form
Allow auto-filling the address compliant with the global standardization and validate its mailability.
Online survey
Autocomplete prevents typos; once the user types few characters, the rest of the address fills automatically.
Voting form
Limit the invalid address entry – it will help you obtain votes from real and mailable addresses.
Order submission form
All address fields can be auto-filled during order placement – country, city, state, ZIP code, etc.
Explore Functionality
Address Autocomplete
field block
A new field type appears in the Fields Settings. For smooth operation, select this field type in form settings.
Multiple countries
allowed
Feel welcome to set the search restrictions by several countries at the same time.
Custom
styling
Apply the style settings to the inbuilt Google Maps search widget in both Elementor and Gutenberg.
Different
place types
Restrict the places to be searched by these five Place types – Geocode, Address, Establishment, Regions, Cities.
Unlock All Addon Options
Address Autocomplete field
Add a special field block to proceed to the search on the front-end.
Field label
Apply a custom label to the Address Autocomplete field block.
Form field name
You can change the field’s slug if desired.
Field description
Provide the necessary field description.
Default value
Specify here the value that will be shown in the field by default.
Restricted countries
Pick the countries throughout which you do not want the plugin to do the searching.
Place type
Choose the desired type(s) from these five – Geocode, Address, Establishment, Regions, Cities.
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.
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.
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.
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.
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.
- 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.
- View types supported by autocomplete here. A service message that redirects you to the additional info page about Place Types.
