Si eres fabricante, distribuidor, o quizá una franquicia o una cadena de establecimientos (tiendas, hoteles, supermercados…) seguro que tienes la necesidad de que tus clientes puedan localizar tu tienda, delegación o distribuidor más cercano a su lugar de residencia, o incluso un mapa con puntos de interés en una zona determinada.
A veces me han consultado si no es mejor hacer un sitio web para cada una de las delegaciones, franquicias, tiendas, etcétera y, aunque cada caso concreto merece un estudio individual, normalmente esa no es una buena idea. Piensa que tener tres, cuatro o los que sean, sitios web distintos hace que los recursos necesarios se dividen y que los esfuerzos de marketing se dividan.
Por lo general suele ser mejor centralizar todo el esfuerzo en un único sitio para así concentrar el tráfico, el marketing de contenidos, la imagen de marca, etcétera, en un sólo sitio web.
Tabla de contenidos
Localizador de distribuidores, delegaciones o puntos de interés
Y ahí es dónde viene el gran problema. Si tu negocio tiene bases fuera de internet, ya sean oficinas, delegaciones, tiendas, sucursales, etcétera, pero todo tu tráfico está focalizado en un único sitio web, necesitas incluir un modo fácil y rápido de que tus clientes te encuentren cerca de donde ellos están.
En WordPress podemos resolver esta necesidad fácilmente con el plugin Store Locator Plus for WordPress y sus add-ons. Vamos a ver de qué forma.
Store Locator Plus for WordPress
Store Locator Plus for WordPress es uno de esos plugins que hacen que una cosa a priori complicada se vuelva muy sencilla de lograr. Configurarlo y ponerlo a funcionar es muy simple y sólo requiere de unos pocos pasos.
El plugin utiliza el motor de Google Maps para generar el mapa, crear las localizaciones y generar las búsquedas, así que necesitarás una clave API. Conseguirla es muy sencilla, basta con ir a la página de Google Developers y pinchar en el botón OBTÉN UNA CLAVE.
Por si tienes dudas sobre el tipo, lo que necesitas es una clave para navegador. Después sólo tienes que dar acceso a tu dominio para el uso de la clave, y listo. Ya puedes copiar la clave y pegarla en la opción que el plugin te proporciona: Store Locator Plus > Información > How To Use > Google Browser Key.
No hay un botón de guardar, pero en cuanto cambies de pantalla la opción quedará automáticamente guardada. Una vez introducida la clave ya no verás esa opción ahí, aunque puedes seguir encontrándola en Store Localor Plus > General > Server > Google Developers Console.
Añadir las localizaciones
Una vez creado sólo hay que ir a Store Locator Plus > Localización > Adicionar para comenzar a introducir las localizaciones que queramos.
Además nos permite dar un montón de información a nuestros visitantes acerca de cada una de esas localizaciones:
- Nombre
- Dirección
- Latitud y longitud (ahora entramos en esto más a fondo)
- Descripción
- Sitio web (muy útil, por ejemplo, si eres importador o fabricante, y lo que indicas son comercios que distribuyen tus productos)
- Horario
- Teléfono y fax
- Imagen personalizada
Pues bien, todo eso es información que se presentará al usuario acerca de cada una de las localizaciones cuando éste las seleccione (o no, ya que también permite incluir localizaciones en modo privado).
¿Estás construyendo tu tienda online o eres implementador WordPress?
¿Necesitas plugins de calidad y con soporte para implementar funcionalidades concretas?
Consigue todos los plugins a la venta en la sección de plugins de esta web y todos los que siga añadiendo. Acceso a los 96 plugins (y subiendo) con soporte directo del desarrollador, actualizaciones y uso ilimitado: úsalos en tantas webs como lo necesites.
En cuanto a la latitud y longitud, si conoces las coordenadas de la localización que estás introduciendo la situará de forma muy precisa, pero si no lo que hará el plugin será consultar a Google Maps acerca de la dirección que le has dado y facilitarte las coordenadas en forma de enlace al mapa correspondiente para que confirmes si son o no correctas.
Publicar el mapa con localizador de delegaciones, tiendas, distribuidores, puntos de interés…
Una vez has introducido todas las localizaciones que necesites lo único que falta es ponerlas en la web.
Nada más sencillo. Lo único que tienes que hacer es añadir una página (ya sabes, Nuevo > Página en la barra de administración o Páginas > Añadir nueva en el menú), titularla como quieras (Encuéntranos, Localiza tu punto de venta más cercano, Nuestros distribuidores…) y añadirle el shortcode [SLPLUS].
Las localizaciones puedes editarlas, junto con su información asociada, en Store Locator Plus > Localización> Administrar. Además, al editarlas puedes ver una previsualización del mapa, lo que te permitirá comprobar que está todo donde debe.
¡Listo! Publicas y voilà:
En el campo de introducción de texto superior el cliente puede introducir su localización (ciudad, país, código postal), elegir en el selector la distancia máxima y pulsar el botón Find Locations (todo esto se puede traducir fácilmente como explico en este artículo).
Al hacerlo el mapa se centra en la posición que ha indicado y le muestra las localizaciones disponibles dentro del rango de distancias que ha marcado, además de actualizar el listado de localizaciones situado bajo el mapa (no aparece en la captura de pantalla) con los resultados.
Por supuesto, el mapa es totalmente interactivo ya que utiliza el motor de Google Maps y, como puedes ver en la imagen, incluye también las capacidades de Google Street View.
Personalización
Además de todo lo dicho hasta ahora, el plugin tiene múltiples opciones de personalización que puedes encontrar en Store Locator Plus > Experience.
Ahí puedes elegir cosas como el mapa base y su idioma, en qué lugar y con qué zoom aparece cargado, la unidad utilizada para las distancias (kilómetros o millas) así cómo los radios predefinidos…
Por personalizar puedes personalizar incluso el marcador a utilizar para posicionar las localizaciones en el mapa, con más de setenta para elegir.
Vídeo: configurar el sistema de mapa de búsqueda de localizaciones
En este vídeo puedes ver en detalle todas las opciones de configuración, y el resultado final. También puedes ver todo el proceso de cómo añadir y editar las localizaciones:
Conclusiones
Ya has visto la sencillez de configuración y de uso y a la vez la potencia y tremenda utilidad de este increíble plugin, que además es gratuito a pesar de aportar un valor premium. En siguientes entradas veremos cómo vincularlo con WooCommerce para dar opción a tus clientes de comprar a través de la web y de recoger en tienda.
Por supuesto, si tienes cualquier duda o consulta sobre este tema o cualquier otro relacionado con WordPress o con WooCommerce, me tienes a tu disposición.
Estimasdo Enrique como puedo llegar a conseguir un mapa con este estilo para wordpres.
**********************
Si fuera el caso cuanto me costaría
Hola Miguel. El que explico en este artículo incluye un buscador que admite localización (admite como dato un departamento, provincia, localidad, código postal…) y distancia máxima, así que es bastante similar a los que enlazas.
Un saludo.
Buenas Enrique,
Me gustaría poder poner en mi web un localizador de tiendas como este: *************************************
Está muy muy bien. Seleccionas tu ciudad y en lugar de publicarte en la web la información de las tiendas, te envían esta información por email. Esta forma es más privada y así la competencia no ve donde estás ubicado. ¿Te suena que sea algún plugin o de qué forma podría hacerse?
Muchas gracias.
Un saludo.
Hola Irene
No, es algo demasiado específico para que haya un plugin. Sin embargo se puede hacer algo similar con el plugin del que hablo en este artículo (con algunas pequeñas modificaciones quizá) combinándolo con Gravity Forms.
Pero vamos, no es algo que pueda hacer alguien sin conocimiento técnico. No hay una forma sencilla que cualquiera pueda hacer.
Un saludo.
Hola Enrique,
muchas gracias, muy interesante. Aunque es un plugin muy interesante, sabes si existe alguno que realice la geolocalización del cliente? Y de ese modo lo muestre la tienda más cercana? Aún teniendo la posibilidad de buscar la tienda más cercana.
No me queda muy claro si también puedes indicar código postal, o solo ciudad.
Gracias. Saludos!
Hola Enrique, me pareció muy interesante tu post.
Hay algún plugin que busque entre varias tiendas e-comerce y te arroje resultados? Por ejemplo: si tengo 4 tiendas que venden una juguetes, otra libros, otra bicicletas y otra relojes. Entonces pongo en el buscador: relojes y me trae la página que vende relojes y asi con todas.
Gracias
Hola Ignacio
Se puede hacer con Multisite Global Search, siempre y cuando todas las webs estén en un multisite.
Un saludo.
Hola Enrique, gracias por tu post, realmente bueno.
Estoy intentando encontrar algo similar y quizás puedas ayudarme.
Tengo un ecommerce donde aglutino a diversos vendedores, sin embargos estos no venden en todo
el pais.
Qué plugin me recomendarias para que el cliente solo tenga que decir su código postal y le apareciesen
todos los clientes que venden en su zona??
Un saludo y gracias
Gracias Santiago
¿Por algún motivo no te sirve el que menciono en este artículo?
Un saludo.
Gracias por contestar Enrique.
He estado visualizando el video, así como leido todo el post, sin embargo
el plugin que mencionas te indica cuál es la tienda más cercana, pero no qué tiendas
tienes a tu disposición.
Dicho de otra manera sencilla, busco algo similar a lo que utilizan webs como JustEat y similares, donde
el usuario indica su código postal y automáticamente aparecen los establecimientos que dan servicio en su zona.
Desconozco realmente si existe un plugin capaz de realizar estas tareas.
Muchas gracias y un saludo
Sin embargo el usuario puede poner su código postal (o ciudad, o dirección exacta) en la caja de búsqueda y establecer el radio de distancia y el plugin le mostrará, tanto en el mapa como en el listado, todas las localizaciones configuradas que estén dentro de ese radio, ordenadas (en la lista) por cercanía. No es exactamente lo mismo que lo que preguntas (que estas delegaciones den servicio en su zona) pero es lo más cercano que conozco.
Siempre se pueden implementar cosas, claro, estableciendo filtros, etc, pero con algo de trabajo. Por ejemplo, una solución que puede funcionar y es relativamente sencilla es asignar un campo personalizado (custom field) a los establecimientos (que tendrían que estar establecidos como custom post types) que indique en qué códigos postales dan servicio, y luego utilizar un filtrado (como el que haría, por ejemplo, FacetWP) a ese CPT, filtrando por el custom field.
Digo que es relativamente sencilla porque no tendrías que programar, podrías hacerlo todo con plugins,, pero necesitarías afinar al menos tres plugins entre ellos (Advanced Custom Fields, FacetWP y uno cualquiera que cree custom post types) para obtener un resultado decente.
Sí, claro que se puede hacer (pocas cosas hay que no se puedan en WordPress) pero desde luego no es como echar un plugin a andar. No conozco ninguno que haga específicamente eso (lo que no quiere decir que no lo haya).
Un saludo.
Soy tu fan! gracias por compartir 🙂
Una pregunta: hay plugins que puedo insertarlos en widgets, pero en este caso solo me lo permite incrustar en página. Sabes si puedo ponerlo en un widget, o como incrustrar el código en el template php para que lo llame?
Gracias!
Gracias a ti por tu comentario, Maria 🙂
Se puede hacer que los resultados de la búsqueda aparezcan en un widget, pero para eso hace falta una extensión de pago, bastante cara por cierto (250$) ya que incluye varias características extra.
Un saludo.
Se puede agregar más de una pagina de localizaciones, pasa que en una tengo listado con médicos y necesito otra solo con sucursales, pero no encuentro la opción de poder hacer por que al agregar el mismo shortcode aparece la que ya esta hecha.
Hola Esteban
No, sólo es posible establecer una lista de localizaciones.
Un saludo
No logro traducir los botones . Si que es cierto que pone en una parte “labels” y que se supone que lo que pones ahi lo cambia , pero no lo hace. Alguno sabe algo sin instalar una plugin por no cargar la web . Gracias
Gracias por todo
Hola Fran
Échale un vistazo a este artículo, te será útil para ello.
Un saludo.
Enrique, como agrego el pugin a la pagina que quiero?
Hola Fátima
No entiendo muy bien tu duda, en cualquier caso en el vídeo puedes ver el proceso completo.
Un saludo.
Hola: hemos seguido los pasos que indicas, pero al configurarlo nos aparece un error que no sabemos a qué atribuir. Con la página y mapa ya creado, hemos incluido dos tiendas, pero al buscar (por ejemplo, escribiendo Madrid en el buscador, se nos abre una ventana en la parte superior de la página con el mensaje Something went wrong, please try again!
¿Alguna idea?
Gracias de antemano. Un saludo,
Hola Lenda
La mejor idea en estos casos es siempre pedir soporte al autor del plugin. En este caso puedes hacerlo a través de los foros de soporte que hay habilitados para ello.
Un saludo.
Hola, exactamente es lo que estaba buscando, buen articulo y te añado a mi página de favoritos para seguir observandote 😉
Hola Enrique, primero de todo gracias por toda la info que compartes.
He seguido todos los pasos y no se me carga el mapa. Me indica lo siguiente:
“Se ha producido un error.
Esta página no ha cargado Google Maps correctamente. Descubre los detalles técnicos del problema en la consola de JavaScript.”
¿Sabes por qué me aparece este aviso?
Mil gracias de antemano por tu ayuda
Hola Paula
Revisa la consola de JavaScript del navegador para ver exactamente qué error se está produciendo.
Un saludo
buenas tardes Enrique, gracias por compartir este video, una pregunta funciona este plugins con Divi
Hola Javier,
Hemos ido a descargara el plugin pero ya no está accesible ¿Conoces otro con la misma funcionalidad?
Hola Paula
Echa un vistazo a éste.
Un saludo
Bunas tardes Enrique,
Estoy encantada con el plugin, he estado mucho tiempo buscando un plugin para incrustar el mapa de Google con buscador, hasta que he dado con tu tutorial!, es perfecto para lo que necesito. He seguido todos los pasos, hasta que al intentr centrar el mapa, de pronto se me ha quedado en gris y no ha vuelto a aparecer.
He medito una localización, para ver si así aparecía, y nada. He puesto la dirección y he dejado en blanco las coordenadas de latitud y longitud, como indicas en el vídeo, pero al guardar no me da una direccón “sugerida”, simplemente se queda tal cual. Lo que quiero decir es que parece que se me ha desvinculado de Google Maps, o que no enlaca con la API.
Quería saber si se te ocurre qué ha podido pasar o cómo volver a vincularlo. Muchas gracias!