Cómo incluir autocompletar para campos de dirección en WordPress
¿Alguna vez se registró en un nuevo sitio web, completó un formulario o ingresó la información de su tarjeta de crédito y usó la dirección de autocompletar para acelerar el proceso? Es molesto, pero afortunadamente puede acelerar el proceso para sus visitantes agregando campos de autocompletado para direcciones en WordPress.
El uso de un complemento de dirección de autocompletar para ayudar a sus visitantes cuando están completando formularios es extremadamente útil. Es muy beneficioso cuando tienes un gran evento como el Black Friday y verás una gran cantidad de nuevos clientes que buscan una venta.
Hoy demostraré cómo configurar y usar el complemento Autocompletar dirección de Google para WordPress.
¿Por qué agregar campos de dirección de autocompletar en WordPress?
La respuesta más obvia es la rapidez y comodidad que ofrece a los clientes. Poder pagar rápidamente acelera el proceso para los visitantes y le permite recibir su pago mucho más rápido.
Hay otra ventaja que no es tan obvia.
Si puede hacer que los clientes pasen rápidamente por caja, será más probable que realicen una compra. Hay un gran porcentaje de compradores que se preguntan si realmente necesitan comprar un artículo o no.
Hacer que terminen de pagar rápidamente les dará menos tiempo para reconsiderar su compra.
Cómo agregar campos de autocompletar para direcciones en WordPress
Paso 1: Instale Autocompletar dirección de Google
El complemento Autocompletar direcciones de Google es una herramienta increíblemente simple que es muy efectiva para agregar formularios de autocompletar para direcciones en WordPress. Todo lo que necesita hacer es ingresar la clave API de autocompletar "Lugares" de Google.
Después de eso, solo necesita activar la API en campos de entrada de texto específicos al proporcionar la ID del formulario. En general, es increíblemente simple y tendrá formularios de autocompletado de direcciones totalmente funcionales en cuestión de minutos.
Comencemos yendo al área de complementos de WordPress y haciendo clic en la opción Agregar nuevo.
Busque Autocompletar dirección de Google en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.
Desplácese hacia abajo hasta que encuentre el complemento Autocompletar dirección de Google y haga clic en el botón "Instalar ahora" y active el complemento para su uso.
Paso 2: obtener la clave API de lugares
La buena noticia es que no tiene ninguna configuración para configurar. En cambio, todo lo que necesita hacer es ingresar la clave API y elegir las entradas en las que funcionará. Por supuesto, obtener la clave API puede ser un poco confuso si es la primera vez que obtiene una de Google.
Dicho esto, si obtuvo una clave API de Google en el pasado, el proceso es idéntico a cualquier otro.
En el panel de administración de la izquierda, haga clic en la opción Autocompletar.
Ahora deberá visitar la página de desarrolladores de Google . Aquí puede conectarse con los servicios de Google. En este caso, buscamos la API de Google Places, que te dará acceso a los 100 millones de ubicaciones disponibles en Google Maps.
Utilice el cuadro de búsqueda para buscar la API de lugares.
Seleccione la API de lugares.
Aquí, puede leer una descripción general de lo que esta API será capaz de hacer. También puede encontrar la información de precios, que es bastante importante. Actualmente, Google proporciona a todas las cuentas un crédito gratuito de $200 cada mes, y esto es más que suficiente para sitios con poco tráfico.
Sin embargo, si supera este umbral, tendrá que pagar. El único problema es que ingresar su información de facturación no es opcional. Debe ingresar información válida de la tarjeta de crédito, lo que tiende a asustar a los principiantes que buscan utilizar exclusivamente el crédito gratuito.
Haga clic en el botón "Habilitar".
Luego, se le pedirá que ingrese la información de facturación (suponiendo que aún no la haya ingresado). Simplemente siga los pasos en pantalla y debería recibir su clave API, que es todo lo que necesita para el complemento.
Paso 3: Ingrese la API y las ID de formulario
Volvamos a nuestro sitio web de WordPress. Aún debe estar en la página de configuración principal para el complemento.
Pegue la clave de API en el cuadro Clave de API de Google Place.
Ahora solo necesita ingresar el ID de formulario en el que desea que funcione la API. Puede ingresar varios ID de formulario separándolos con una coma.
Felicitaciones, ha configurado con éxito un complemento de Autocompletar dirección de Google para su sitio web. Recuerde nunca compartir su clave API porque alguien podría usarla en su sitio, lo que consumiría su crédito y podría costarle dinero.
Complementos adicionales para agregar campos de autocompletar en WordPress
Dado que la vinculación con Google Maps y otras API de Google es muy común, existen muchos complementos que lo ayudarán a lograrlo. Aquí hay algunos complementos que puedo recomendar probar.
WP Google Maps
WP Google Maps es el complemento más popular relacionado con Google Maps con más de 300,000 instalaciones activas. Tiene una versión pro con todas las funciones que pueda necesitar para que su sitio web utilice Google Maps.
Tiene muchas opciones de personalización para los mapas que tiene en su sitio web y es compatible con la función Autocompletar de Google Maps. Es un gran complemento que se usa ampliamente y recomiendo usarlo.
Autocompletar dirección de pago para WooCommerce
Una de las razones más comunes por las que un visitante necesita ingresar su dirección en un sitio web es si está solicitando un producto en línea. Y en WordPress, probablemente esté utilizando WooCommerce para vender ese producto en línea, por lo tanto, necesita una herramienta que pueda integrarse con él.
No busque más allá del complemento Autocompletar dirección de pago para WooCommerce . Este complemento permite a los clientes usar el autocompletado al ingresar sus direcciones en las secciones de facturación y envío.
Es fácil de usar y gratuito, así que asegúrese de probarlo.
Autocompletar direcciones a través de Google for Gravity Forms
Si usa Gravity Forms para crear formularios de contacto en WordPress, debería considerar usar el complemento Autocompletar direcciones a través de Google para Gravity Forms . Como sugiere el nombre, le permite agregar fácilmente direcciones de autocompletado a sus formularios de contacto.
Similar al complemento que acabamos de cubrir, utiliza la clave API de Places, por lo que funcionará de manera idéntica pero solo para Gravity Forms.
Autocompletar campos en WordPres ahorra tiempo a los visitantes
Mantener su sitio web conectado a servicios como Google Maps y otros servicios muy populares es clave para mantenerse al día. Y lo que es más importante, conectarse con estos servicios realmente puede ahorrarles tiempo a los visitantes.
Es importante mantener su sitio web vinculado a estos servicios modernos. Nadie querrá usar un sitio web obsoleto que está haciendo lo mínimo. Y cuando se trata de direcciones, Google Maps se ha convertido en el elemento básico que esperan los visitantes.
Cualquier cosa menos y pueden comenzar a pensar que su sitio web es más antiguo.
Hay muchos componentes clave que la mayoría de los visitantes en línea esperan cuando acceden a un sitio web. Así como Google Maps puede ayudar a los restaurantes a dar direcciones a los visitantes, PayPal puede ayudar a acelerar el método de pago para los sitios web en línea.
Estoy seguro de que puede pensar en algunas características que la mayoría de los principales sitios web usan que le gustaron. Trate de ser único, pero no olvide incluir siempre las cosas básicas que los visitantes esperan.
¿Cuántos formularios tiene que utilizan la función Autocompletar dirección que ofrece la API de Google? ¿Ha notado una menor cantidad de tiempo dedicado a los formularios donde se ofrece esta función?