Gravity Forms Autocomplete (+address field)

LIVE PREVIEWBUY FOR $13

Gravity Forms Autocomplete (+address field)

    This plugin is an add-on for Gravity Forms that enables an autocomplete field feature. So it suggests possible completions for the field that the user has started typing in. Autocomplete simplifies and speeds up a form filling process and make your users save time by finding necessary data with suggestions. 

Please note, you can choose a source for suggestions. And currently it supports several source’s types: ‘WordPress’, ‘ URL ’, ‘Manually’ and ‘Address’. Please fill free to advise us new source type and it’ll be added in a next release.

Please check the plugin demo here: <a href="https://demo.ali2woo.com/test-autocomplete-form/" rel="nofollow">GF Auto Complete Demo</a></p>  
    <h3 id="item-description__how-it-works"><strong>How it works?</strong></h3>
    <p>For example there is a form called &#8220;Test&#8221; and you&#8217;re going to add an autocomplete field to this form. You need just put the autocomplete field on the form.
    <img src="https://i.imgur.com/5hftqmR.png" alt="Example of Gravity form autoomplete field" />

    When the field will be added, make double click on it to show the field&#8217;s settings. Choose &#8220;Manually&#8221; for &#8220;Where to Get Options?&#8221; setting and then a new setting &#8220;Enter Data for Autocomplete&#8221; will be shown. Lets put some data into it like on a screenshot below.
    <img src="https://i.imgur.com/X40stM1.png" alt="Create simple autocomplete field" />

    Please note, there is a checkbox &#8220;Allow adding new option&#8221;, tick it to let users adding new options to Autocomplete data on the frontend.

Allow adding new option
To save the new field in the form settings just press an “update form” button. After that the new field will appear on the frontend.

    <img src="https://i.imgur.com/V4h63vC.png" alt="New autocomplete field on the frontend" />

    Please note, the new field has an &#8220;untitled&#8221; label because this is a default field label in Gravity Form. It can be changed easily in the field&#8217;s settings. Also the form should be added to some wordpress page like in a example above otherwise it will not be displayed on your website. 


    <h3 id="item-description__where-to-get-options"><strong>Where To Get Options?</strong></h3>
    Use this setting to set a source of the options (suggestions). Please note there are several types of source: &#8216;WordPress&#8217;, &#8216;URL (json)&#8217; and &#8216;Manually&#8217;. Below each one will be described. 
    <ol>
    <li>The <strong>&#8216;Manually&#8217;</strong> option is used when it&#8217;s required to set the options manually (like in an example above).</li>
    <li>The <strong>&#8216;WordPress&#8217;</strong> option is for using of the different WordPress sources such as: users, pages, posts, categories and etc.</li>
    <li>The <strong>&#8216;URL (json)&#8217;</strong> gets options for autocomplete using AJAX from an url which returns data in json format (like: value1, value2, value2 and etc.). </li>
  • The ‘Address’ gets options for autocomplete using the Google Places suggest API.
  • Please look at the screenshots where these options are in the setting.
    WordPress sources for autocomplete
    If you choose the “WordPress” as source for your options, then the post title is used in the suggestion list. Please note: the post ID is saved in the entry data. If you want to save another post attribute instead (for example: post_title, post_name, etc. or save the a custom post field), it can be done using special plugin addon. Contact our support center to purchase that addon.
    URL (json) source for autocomplete

    Also, check an example of JSON file:
    
    
    {&#8220;1&#8221; : &#8220;value1&#8221;, &#8220;2&#8221; : &#8220;value2&#8221;, &#8220;3&#8221;: &#8220;value3&#8221;, &#8220;4&#8221; : &#8220;value4&#8221;, &#8220;5&#8221; : &#8220;value5&#8221;, &#8220;6&#8221; : &#8220;value6&#8221;, &#8220;7&#8221; : &#8220;value7&#8221;, &#8220;8&#8221; : &#8220;value8&#8221;}
    
    
    By default, the suggestion list includes the values:  &#8220;value1&#8221;,  &#8220;value2&#8221;,  &#8220;value3&#8221; etc.<br />
    

    autocomplete-suggestions

    In case if you want to use the keys instead (&#8220;1&#8221;, &#8220;2&#8221;, &#8220;3&#8221; etc), then please activate the &#8220;Use JSON keys as field value&#8221; option<br />
    

    autocomplete-use-json-key-as-field-value

    How to activate the address autocomplete?

    You need set the source for the suggestions to ‘Address’.
    Address source for autocomplete

    In certain cases google browser API key may be required. In that case please obtain the google browser API key from http://console.developers.google.com/ and add it to the settings
    Setting up google browser API key

    Please ensure you enable the following APIs in the Google:
    Enable Map and Palces API in the google

    Check the form on the frontend. Your address field should be turned to Autocomplete.
    Address autocomplete on frontend
    Method 1:
    install plugin method 1
    Method 2:
    install plugin plugin method 2

    Thank you so much for reviewing this item. We’d be glad to help you if you have any questions relating to this item. Also do rate the plugin if you like it  :)

    Change Log

    Version 1.0.0 - 22 Dec 2016
    ### Initial release
    
    Version 1.0.1 - 13 Jan 2017
    ### New feature letting the user store the value that not in the autosuggest list.  The function is applicable for a manually created autosuggest list.
    
    Version 1.0.3 - 07 Mar 2017
    ### New feature letting the user to helping your users to enter their address with the Google Places suggest API.
    ### A lot of bugs fixed
    
    Version 1.0.6 - 07 July 2017 
    ### Fixed a multiple address fields bug
    ### Fixed a placeholder bug, updated an autocomplete javascript
    ### Fixed minor bugs with address autocomplete feature
    ### Moved the javascript to the footer
    
    Version 1.0.8 - 18 Aug 2017 
    ### Added ajax method for getting values for auto-complete field's suggestions. Now it's possible to use large data as an autocomplete field source.
    ### Fixed minor bugs
    
    Version 1.0.9 - 18 Dec 2017 
    ### Improved json file supporting. Now it's possible to use external url to JSON-file for suggestions
    ### Updated js autocomplete library. The plugin has been switched to select2 library ( https://select2.org ) 
    ### Fixed minor bugs
    
    Version 1.1.4 - 30 Apr 2018 
    ### Added multi-value mode
    ### Fixed a bug occurring when several auto-complete address fields are placed on the same page of the form
    ### Switched to CDN versions of select2 libraries
    ### Added new routing field types "autocomplete" 
    ### Fixed a bug occuring when user source type has been chosen  for the autocomplete field
    ### Added a little rate limiting (250ms) between ajax calls; 
    ### Added the search terms to the JSON request 
    ### Fixed minor bugs
    
    Version 1.5.5 - 15 Dec 2018 
    ### Fixed bug with the placeholder option
    ### Fixed format for address autocomplete field; Now address number goes before the street name
    ### Fixed the conditional logic for auto-complete field
    ### Fixed the bug with the city field; it was not populated with appropriate value in address-autocomplete mode
    ### Fixed the bug with multiple values of autocomplete field; now entry contains all values and it's possible to edit them on Entry edit page.
    ### Fixed a bug related with WMPL compatibility  
    ### Fixed a compatibility bug with Gravity View plugin
    ### Fixed minor bugs
    
    Version 1.5.9 - 5 Apr 2019
    ### Fixed the bug with gform_field_value filter
    ### Fixed a bug with l35 js array
    ### Fixed a bug with required state for address autocomplete field
    ### Fixed the compatibility bug with new GF version 2.4
    ### Fixed minor bugs
    
    Version 1.6.1 - 20 Jul 2019
    ### Added an ability to add a new option for auto-complete sources types and fixed a bug with js
    ### Fixed a bug with nested forms
    ### Fixed a bug with the dropdown parent select2 option
    ### Added the autocomplete field messages to a language file 
    ### Improved and optimized the plugin code
    ### Fixed minor bugs
    
    Version 1.6.5 - 11 Jan 2020
    ### Improved a function looking for matches in suggestions for the autocomplete field with the JSON data source.
    ### Added an ability to use a JSON key as a value for an autocomplete field when JSON is set as the autocomplete source.
    ### Fixed BOM symbol bug in some plugin files
    ### Added a feature to test the connection to given JSON URL right in edit autocomplete field interface.
    ### Fixed minor bugs
    
    Version 1.6.8 - 19 Mar 2020
    ### Fix json bug
    ### Fix the bug occurring when several autocomplete fields with the same data source are added on the same page
    ### Fix minor bugs
    
    Version 1.7.2 - 04 July 2020
    ###  Added a new two inputs (address name, address street number) for the address autocomplete mode; both input values are available in the entry data
    ### Added the field_use_first_char option for JSON source type. It changes the comparing method in searching for user input through JSON suggestions list.
    ###  Added some hooks in the plugin code: 
    - gfautocomplete_field_input_value_html
    - gfautocomplete_inline_js_on_page_render
    - gfautocomplete_load_fields_settings
    - gfautocomplete_add_custom_settings
    ### Fixed a bug with autocomplete field width
    ### Fixed minor bugs
    
    Version 1.7.3 - 19 July 2020
    ###  Fixed a bug in javascript code (comma-js-bug)
    ### Fixed a bug with manual autocomplete field
    ### Added an ability to make a search in JSON keys instead of values
    ###  Added a new hook in the plugin code: 
    - gfautocomplete_address_parts_after
    
    Version 1.7.6 - 21 Sept 2020
    ###  Fixed a bug when entry value is not saved
    ### Added the German translation
    ### Added the field_min_input_len option to the field settings
    
    Version 1.8.2 - 21 Jan 2021
    ### Updated JavaScript select2 library to the newest version 
    ### Code refactoring and integration with new select2 library
    ### Fixed issues with placeholder
    ### Fixed minor bugs
    
    Version 1.8.3 - 29 May 2021
    ### Fixed a rare bug occurring with the curl module 
    
    Version 1.8.4 - 6 June 2021
    ### Fixed bug: re-init google map script for the address autocomplete field if it's loaded in a form using shortcode with ajax parameter
    

    Ambertemplates Banner
    Source

    Related posts