Gravity Forms Address Autocomplete

La clave de Google de tu formulario viaja a la vista de cualquiera

Para sugerir direcciones mientras el visitante escribe, el formulario habla con Google desde su navegador. Eso significa que la clave de acceso va dentro del código de la página, y quien abra las herramientas del navegador puede copiarla.

En un autocompletado de direcciones, la clave no es un secreto: la protege la restricción que le pongas en Google Cloud, y esa restricción forma parte de la instalación.

Address Autocomplete es un perk de Gravity Perks para Gravity Forms. Añade sugerencias de direcciones de Google a los campos Dirección, calcula distancia y tiempo de viaje entre dos direcciones y muestra mapas con marcador.

Qué añade a los campos de dirección

• Autocompletado con una casilla: se activa en cada campo Dirección una vez configurada la clave de Google.
• Tipos de dirección: funciona con direcciones de Estados Unidos, de Canadá e internacionales, en escritorio y en móvil.
• Restricción por países: limita las sugerencias a los países elegidos. Los campos de Estados Unidos y Canadá se restringen solos a su país.
• Campo de estimación de viaje: con dos campos Dirección, calcula distancia, tiempo o ambos, con el modo de viaje y la unidad que elijas.
• Campo de mapa: muestra un marcador para una dirección o la ruta entre dos, y se actualiza cuando cambia la dirección.
• Latitud y longitud: se guardan como metadatos de la entrada para cada dirección elegida, y están disponibles en los feeds y en la etiqueta combinada de la entrada.
• Filtros de PHP y JavaScript para ajustar opciones, marcador, mapa y plantilla de la estimación.

Qué pide Google y cómo se configura

Necesitas una cuenta de Google Cloud con la facturación activada para usar la API de Places. Habilitas las API que correspondan: Places API (New) para el autocompletado, Maps JavaScript API para el campo de mapa y Routes API para la estimación de viaje.

Al crear la clave, limítala a esas tres API y, en las restricciones de aplicación, elige sitios web y añade cada dominio permitido, incluidos los de pruebas y staging. Después pegas la clave en Formularios, Ajustes, Autocomplete. Allí también puedes limitar las sugerencias a países concretos.

Un formulario de reparto con origen y destino

Imagina dos campos Dirección con autocompletado, uno de origen y otro de destino, un campo de estimación de viaje que los une y un campo de mapa que muestra la ruta. Al rellenar ambas direcciones, el formulario devuelve la distancia y el tiempo.

La estimación es la de Google. Es una posibilidad entre otras; adáptala a tu reparto.

Cinco países como máximo y otras barreras de Google

• Se pueden elegir hasta 5 países, y la API de Google no permite excluir países.
• La API de Places no filtra por estado.
• La ventana de Google usa el elemento HTML <dialog>, compatible solo desde iOS 15.4.
• Gravity Forms no admite el mismo formulario insertado más de una vez en una página, incluidos los emergentes.
• El autocompletado del navegador viene desactivado por defecto. Un filtro permite volver a activarlo.
• La búsqueda por nombre de negocio o lugar viene desactivada por defecto, y hay un fragmento para activarla.

Para empezar:

1. Ten activos Gravity Forms y Gravity Perks e instala y activa el perk.
2. En Google Cloud, habilita las API que vayas a usar y crea la clave con sus restricciones.
3. Pega la clave en los ajustes de Autocomplete y, si quieres, elige los países.
4. Añade un campo Dirección, abre sus ajustes, entra en Perks y marca Enable Google Address Autocomplete.

Piezas que acompañan a un formulario de dirección

Para copiar la dirección de envío a la de facturación, el perk sugiere combinarlo con Copy Cat. Si además necesitas cálculos en el formulario, mira Advanced Calculations.

Respuestas sobre Address Autocomplete

¿Necesito una clave de Google?

Sí. Se crea en Google Cloud y requiere la facturación activada.

¿Puedo limitar las sugerencias a ciertos países?

Sí, hasta 5 países. Los campos de Estados Unidos y Canadá se limitan solos.

¿Guarda las coordenadas?

Sí. La latitud y la longitud se guardan con la entrada para cada dirección elegida.

¿Se puede calcular la distancia entre dos direcciones?

Sí, con el campo de estimación de viaje, que usa dos campos Dirección con autocompletado.