Gravity Forms Autocomplete (+ champ d’adresse)
Ce plugin est un module complémentaire pour Gravity Forms qui active une fonction de saisie semi-automatique. Ainsi, il suggère des complétions possibles pour le champ que l’utilisateur a commencé à saisir. La saisie semi-automatique simplifie et accélère le processus de remplissage d’un formulaire et permet à vos utilisateurs de gagner du temps en trouvant les données nécessaires avec des suggestions.
Veuillez noter que vous pouvez choisir une source de suggestions. Et actuellement, il prend en charge plusieurs types de source : ‘WordPress’, ‘URL’, ‘Manuellement’ et ‘Adresse’. Veuillez remplir gratuitement pour nous informer du nouveau type de source et il sera ajouté dans une prochaine version.
Veuillez vérifier la démo du plugin ici : Démo GF Auto Complete
Comment ça fonctionne?
Par exemple, il existe un formulaire appelé « Test » et vous allez ajouter un champ de saisie semi-automatique à ce formulaire. Il vous suffit de mettre le champ de saisie semi-automatique sur le formulaire.
Lorsque le champ sera ajouté, double-cliquez dessus pour afficher les paramètres du champ. Choisissez « Manuellement » pour « Où obtenir les options ? » puis un nouveau paramètre « Entrer les données pour la saisie semi-automatique » s’affichera. Mettons-y quelques données comme sur une capture d’écran ci-dessous.
Veuillez noter qu’il existe une case à cocher « Autoriser l’ajout d’une nouvelle option », cochez-la pour permettre aux utilisateurs d’ajouter de nouvelles options aux données de saisie semi-automatique sur le frontend.
Pour enregistrer le nouveau champ dans les paramètres du formulaire, appuyez simplement sur un bouton « mettre à jour le formulaire ». Après cela, le nouveau champ apparaîtra sur le frontend.
Veuillez noter que le nouveau champ a une étiquette « sans titre » car il s’agit d’une étiquette de champ par défaut dans Gravity Form. Il peut être modifié facilement dans les paramètres du champ. De plus, le formulaire doit être ajouté à une page wordpress comme dans un exemple ci-dessus, sinon il ne sera pas affiché sur votre site Web.
Où obtenir des options ?
Utilisez ce paramètre pour définir une source d’options (suggestions). Attention il existe plusieurs types de source : ‘WordPress’, ‘URL (json)’ et ‘Manuellement’. Ci-dessous, chacun sera décrit.
- Le ‘Manuellement’ L’option est utilisée lorsqu’il est nécessaire de définir les options manuellement (comme dans un exemple ci-dessus).
- Le ‘WordPress’ L’option est pour l’utilisation des différentes sources WordPress telles que : les utilisateurs, les pages, les publications, les catégories, etc.
- Le ‘URL (json)’ obtient les options de saisie semi-automatique à l’aide d’AJAX à partir d’une URL qui renvoie des données au format json (comme : valeur1, valeur2, valeur2, etc.).
- Le ‘Adresse’ obtient des options de saisie semi-automatique à l’aide de l’API de suggestion de Google Places.
Veuillez regarder les captures d’écran où ces options sont dans le réglage.
Si vous choisissez « WordPress » comme source pour vos options, le titre du message est utilisé dans la liste de suggestions. Remarque : l’identifiant de publication est enregistré dans les données d’entrée. Si vous souhaitez enregistrer un autre attribut de publication à la place (par exemple : post_title, post_name, etc. ou enregistrer un champ de publication personnalisé), cela peut être fait à l’aide d’un module complémentaire spécial. Contact notre centre d’assistance pour acheter cet addon.
Vérifiez également un exemple de fichier JSON :
{« 1 » : « valeur1 », « 2 » : « valeur2 », « 3 »: « valeur3 », « 4 » : « valeur4 », « 5 » : « valeur5 », « 6 » : « valeur6″, » 7″ : « valeur7 », « 8 » : « valeur8 »}
Par défaut, la liste de suggestions comprend les valeurs : « valeur1 », « valeur2 », « valeur3 », etc.
Si vous souhaitez utiliser les clés à la place (« 1 », « 2 », « 3 », etc.), veuillez activer l’option « Utiliser les clés JSON comme valeur de champ »
Comment activer la saisie semi-automatique d’adresse ?
Vous devez définir la source des suggestions sur « Adresse ».
Dans certains cas, la clé API du navigateur Google peut être requise. Dans ce cas, veuillez obtenir la clé API du navigateur Google auprès de http://console.developers.google.com/ et l’ajouter aux paramètres
Veuillez vous assurer d’activer les API suivantes dans Google :
Vérifiez le formulaire sur le frontend. Votre champ d’adresse doit être activé sur la saisie semi-automatique.
Méthode 1 :
Méthode 2 :
Merci beaucoup d’avoir évalué cet article. Nous serons heureux de vous aider si vous avez des questions concernant cet article. Notez également le plugin si vous l’aimez 
Journal des modifications
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 Version 1.8.6 - 20 December 2021 ### Added new option to set the maximum number of items which can be selected in a multi-value mode. If the value of this option is less than 1, the number of selected items will not be limited. ### Refactor of the field settings page ### Updated select2 library to the latest version. Old version of the library caused the conflicts with Elementor. Version 1.8.8 - 18 March 2022 ### Fixed quotes handling in the manual data source ### Fixed bug: Now if you enable "Allow adding new option" and choose WordPress as autocomplete data source, a new post is created on form submission
0 réponses sur "Gravity Forms Autocomplete (+ champ d'adresse)"