Buenas tardes Negociantes, debido a la cantidad de visitas y b煤squedas de esta soluci贸n, he actualizado el art铆culo a JULIO del 2020. Aun recibo muchas preguntas por email y puedo confirmarles que el plugin sigue funcionando. Varias personas de diferentes partes de Latinoam茅rica lo han configurado en sus sitios con 茅xito.

Entrando en materia, te comparto los pasos para configurar un plugin de Geolocalizaci贸n, lo puedes encontrar aqu铆:聽 Descargar Plugin o si te suscribes a mi plataforma de Cursos en l铆nea con tu membres铆a puedes descargarlo sin costo adicional por $10 dlls. mensuales, te comparto mi plataforma:聽 www.negociodemarketing.com

Este plugin sirve para que nuestro cliente nos indique la ubicaci贸n de entrega con un PIN en el Mapa de Google al momento de realizar una compra en nuestro sitio web.

Esta soluci贸n es ideal si vendes en l铆nea y utilizas woocommerce, ya que como sabemos las direcciones aqu铆 en M茅xico u otros paises de Latinoamerica no est谩n muy completas o son un poco complicadas de encontrar. Imaginemos una negocio de comida que desea entregar sus pedidos o una tienda de regalos que cuente con compras en l铆nea es ideal.

驴Qu茅 necesitamos para que funcione correctamente?

  1. Debes tener una tienda en l铆nea en WordPress con Woocommerce
  2. Puedes contratarme por $49dlls. (clic aqu铆 +info) y te ayudo a hacer la integraci贸n (te incluye el plugin) o puedes comprarlo en Themeforest, aqu铆 lo puedes comprar:聽 Descargar Plugin
  3. Cuenta en Google Cloud para generar tu API de geolocalizaci贸n
  4. Certificado de seguridad instalado en tu dominio o puedes utilizar el que regularmente te da gratis tu proveedor de hosting (Certificado de cPanel)
  5. Una taza de caf茅 bien cargado

隆Pasemos a la acci贸n!

Una vez que compras el plugin directamente en Themeforest y lo descargas viene comprimido, as铆 que es necesario descomprimirlo y quedar谩 de la siguiente manera:

Al darle doble clic entrar谩s a la carpeta PLUGIN y dentro encontrar谩s un archivo comprimido de nombre:聽聽woocommerce-nw-location-picker.zip

Es importante mencionarte que ese archivo esta comprimido, no es necesario que lo descomprimas, puesto que tu instalaci贸n de WordPress lo reconocer谩 sin problema.

Lo siguiente que haremos es en tu BACKEND de tu sitio web ve a la ruta:聽 PLUGINS -> A脩ADIR NUEVO -> SUBIR PLUGIN

Estando en esa ruta de tu backend haz clic donde dice “Seleccionar archivo” y buscas el plugin comprimido con extensi贸n .zip, dale clic en “Abrir“, despu茅s “Instalar ahora” y por 煤ltimo “Activar Plugin

Hasta este punto ya lo tendremos instalado y activado, lo siguiente es la configuraci贸n.

 

Para ir a la configuraci贸n es necesario ir a la siguiente ruta en tu BACKEND:聽 聽AJUSTES -> LOCATION PICKER聽y la configuraci贸n debe de quedar de la siguiente manera (Desbloquea el contenido para ver la imagen):

Nota: En el campo “Default Location Latitude” (& Longitude) ponemos la coordenada que deseamos que aparezca de forma predeterminada.

Para definir nuestra coordenada predeterminada vamos al siguiente enlace y ponemos el pin donde queramos mostrar la ubicaci贸n predeterminada.

Ejemplo:聽 聽Clic aqu铆 para definir Latitud y Longitud

Para el ejemplo utilizare una coordenada de Hermosillo, Sonora, M茅xico y la puedes ver en la siguiente imagen:

Hasta este paso, ya tenemos el plugin instalado y configurado, ahora necesitamos generar la API key en la plataforma de Google para utilizar sus servicios.聽

Para ello es necesario que te registres en Google Cloud, te dejo el enlace directo:聽 聽https://cloud.google.com/maps-platform

Al registrarte te pedir谩 des de alta una tarjeta de debito o credito con la finalidad de que respaldo el uso que le das al servicio ya que tiene costo. Sin embargo, en este momento (JULIO, 2020) te da lo equivalente a $300 dlls. mensuales que equivalen a una cantidad de consultas determinada, si vas iniciando, no ser谩 problema. Cuando tengas bastante tr谩fico ser谩 necesario que consideres esas solicitudes en tu costo de mantenimiento. Cada vez que un usuario llega hasta este punto donde hace la compra y le pide permitir la ubicaci贸n se traduce en una solicitud para google.聽

Primeramente tienes que crear una API key, le puedes poner el nombre de tu proyecto.聽

Como segundo paso es necesario que habilites los siguientes servicios en la API y lo haces de la siguiente manera:

MENU -> API Y SERVICIOS -> PANEL

Es importante mencionarte que en el campo desplegable debe de mostrarse el nombre del proyecto que creaste y como paso n煤mero dos haces clic en el bot贸n “HABILITAR API Y SERVICIOS

Una vez que damos clic en el bot贸n de “HABILITAR API Y SERVICIOS” nos llevar谩 a la biblioteca para buscarlos y prenderemos los siguientes servicios, uno por uno:

Buscamos uno por uno y le damos click en “HABILITAR”, una vez habilitado le damos regresar en el navegador y prendemos el siguiente, asi hasta prender los 4:

  • Geocoding API
  • Maps JavaScript API
  • Distance Matrix API
  • Maps Static API

Una vez habilitados los servicios, necesitamos crear las credenciales mediante la siguiente ruta:聽 聽MENU -> API Y SERVICIOS -> PANEL -> CREDENCIALES -> CREAR CREDENCIALES -> CLAVE DE API

Autom谩ticamente nos genera una llave API y esta es la que pondremos en la configuraci贸n de nuestro plugin

Hasta aqui hemos terminado la configuraci贸n y resta hacer la prueba.

Solo ve a tu tienda en linea, agrega un producto, lleva la compra hasta donde es necesario agregar la informacion de entrega, ahi pedira el navegador que permitas detectar tu ubicacion y se mostrara un PIN con la ubicacion de donde te encuentras en ese momento, a eso se le conoce como una solicitud de api, te pongo el ejemplo a continuacion.

Y al permitir detectar la ubicaci贸n m谩s abajo nos mostrar谩 el mapa con nuestra ubicaci贸n aproximada, la cual podemos fijar a merced moviendo el pin.

Te recomiendo que forces todo el tr谩fico hacia el protocolo https, solo es necesario instalar y activar el siguiente plugin:

Really Simple SSL

Te dejo el enlace directo:聽 https://wordpress.org/plugins/really-simple-ssl/

Esto es recomendable para que funcione correctamente y no se despliegue contenido con protocolo mixto, es decir http y https.

Espero que no te haya quedado alguna duda, en caso contrario puedes escribirme aqui en mi web o enviarme un correo a info@tijuanamovil.com

 

隆Nos vemos!
Oscar Ramirez

Comentarios via Facebook

Recibe noticias en tu Email
Te enviamos consejos y herramientas para crecer tu negocio.
Tambi茅n odiamos el spam.
Chat con Oscar
驴Necesitas ayuda? 馃檮
隆Hola!馃枑 Preg煤ntame aqu铆 sin compromiso
Powered by