Gravity Forms Autocomplete (+address field)

Gravity Forms Autocomplete (+address field)

[ad_1]

Autocompletar formularios de gravedad (+ campo de dirección)

GRAN VENTA: ¡solo $ 10 por las primeras 1000 ventas!

Este complemento es un complemento para Gravity Forms que habilita una función de campo de autocompletado. Por lo tanto, sugiere posibles completaciones para el campo que el usuario ha comenzado a escribir. Autocompletar simplifica y acelera el proceso de llenado de formularios y hace que los usuarios ahorren tiempo al encontrar los datos necesarios con sugerencias.

Tenga en cuenta que puede elegir una fuente de sugerencias. Y actualmente admite varios tipos de fuentes: «WordPress», «URL», «Manualmente» y «Dirección». No dude en informarnos sobre un nuevo tipo de fuente y se agregará en una próxima versión.

Consulte la demostración del complemento aquí: Demostración completa automática de GF

Cambio de registro

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

¿Cómo funciona?

Por ejemplo, hay un formulario llamado «Prueba» y va a agregar un campo de autocompletar a este formulario. Solo necesita poner el campo de autocompletar en el formulario.

Ejemplo de campo autocompletado de formulario de gravedad

Cuando se agregará el campo, haga doble clic en él para mostrar la configuración del campo. Elija «Manualmente» para «¿Dónde obtener opciones?» y luego se mostrará una nueva configuración “Ingresar datos para autocompletar”. Pongamos algunos datos en él como en una captura de pantalla a continuación.

Crear un campo de autocompletar simple

Tenga en cuenta que hay una casilla de verificación «Permitir agregar una nueva opción», márquela para permitir que los usuarios agreguen nuevas opciones para Autocompletar datos en la interfaz.

Permitir agregar una nueva opción

Para guardar el nuevo campo en la configuración del formulario, simplemente presione el botón «actualizar formulario». Después de eso, el nuevo campo aparecerá en la interfaz.

Nuevo campo de autocompletar en la interfaz

Tenga en cuenta que el nuevo campo tiene una etiqueta «sin título» porque es una etiqueta de campo predeterminada en Gravity Form. Se puede cambiar fácilmente en la configuración del campo. Además, el formulario debe agregarse a alguna página de WordPress como en el ejemplo anterior, de lo contrario no se mostrará en su sitio web.

¿Dónde obtener opciones?

Utilice esta configuración para establecer una fuente de opciones (sugerencias). Tenga en cuenta que hay varios tipos de fuentes: «WordPress», «URL (json)» y «Manualmente». A continuación se describirán cada uno.

  1. los ‘A mano’ La opción se usa cuando es necesario configurar las opciones manualmente (como en el ejemplo anterior).
  2. los «WordPress» La opción es para usar las diferentes fuentes de WordPress tales como: usuarios, páginas, publicaciones, categorías, etc.
  3. los «URL (json)» obtiene opciones para autocompletar usando AJAX desde una URL que devuelve datos en formato json (como: valor1, valor2, valor2, etc.).
  4. los ‘Habla a’ obtiene opciones para autocompletar utilizando la API de sugerencias de Google Places.

Mire las capturas de pantalla donde se encuentran estas opciones en la configuración.

Fuentes de WordPress para autocompletar

Fuente de URL (json) para autocompletar

Además, consulte un ejemplo de archivo JSON:

{«1»: «valor1», «2»: «valor2», «3»: «valor3», «4»: «valor4», «5»: «valor5», «6»: «valor6″, » 7 ”:“ valor7 ”,“ 8 ”:“ valor8 ”}

Por defecto, la lista de sugerencias incluye los valores: “valor1”, “valor2”, “valor3”, etc.
sugerencias-autocompletar

En caso de que desee utilizar las claves en su lugar («1», «2», «3», etc.), active la opción «Usar claves JSON como valor de campo»
autocompletar-usar-clave-json-como-valor-de-campo

¿Cómo activar el autocompletado de direcciones?

Debe establecer la fuente de las sugerencias en «Dirección».

Origen de la dirección para autocompletar

En ciertos casos, es posible que se requiera la clave API del navegador de Google. En ese caso, obtenga la clave API del navegador de Google en http://console.developers.google.com/ y agregarlo a la configuración

Configuración de la clave API del navegador de Google

Asegúrese de habilitar las siguientes API en Google:

Habilitar la API Map and Palces en Google

Verifique el formulario en la interfaz. Su campo de dirección debe cambiarse a Autocompletar.

Dirección de autocompletar en la interfaz

Método 1:

instalar el método de complemento 1

Método 2:

instalar plugin plugin método 2

Muchas gracias por revisar este artículo. Estaremos encantados de ayudarle si tiene alguna pregunta relacionada con este artículo. También califique el complemento si le gusta  :)

[ad_2]
Fuente

Gravity Forms Autocomplete (+address field)

Gravity Forms Autocomplete (+address field)

Precio: $10

Añadido a Resourceswp: enero 21, 2021

Categorías: ,

O si lo prefieres, podemos crear tu página web desde 0 con Elementor 2 Pro (Incluido) por un módico precio.

[the_ad id="34291"]

También te puede interesar

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver Política de cookies
Privacidad