Comment implémenter techniquement un localisateur de produits sur votre plateforme
Sommaire
Cet article présente les différentes façons d'implémenter techniquement un Product Locator sur votre plateforme.
Un Product Locator est un outil permettant aux clients de vérifier la disponibilité d'un produit dans les magasins les plus proches d'eux, directement sur la page produit d'un site marchand. En déployant cet outil, clients et vendeurs gagnent du temps et réduisent les coûts sur le parcours d'achat et la livraison.
La première étape consiste à récupérer la localisation du client afin d'identifier le stock disponible le plus proche. Deux méthodes principales permettent de le faire, détaillées ci-dessous. La combinaison d'API retenue dépendra de l'objectif visé : géolocalisation manuelle, automatique, ou les deux. Nous recommandons de combiner les deux pour optimiser et fluidifier l'expérience utilisateur (UX).
Deux exemples d'implémentation de Product Locator sont présentés en fin de tutoriel pour illustrer concrètement l'amélioration de l'expérience utilisateur.
Une géolocalisation manuelle, fluide et prédictive
La première méthode consiste à laisser l'utilisateur saisir sa localisation.
Récupérer les coordonnées de votre client
Localities API (ou Widget) : l'utilisateur saisit manuellement son code postal ou le nom de sa ville dans le champ de recherche étendu. À partir de cette information, l'API récupère les coordonnées et interroge les magasins référencés sur la plateforme Woosmap via la Store Search API.
Query all your stores
Once the Store Search API queried according to the user’s coordinates, a list of shops (or storage locations) filtered by distance will appear. The distance can be calculated on a straight line or by driving, walking, cycling either by distance or duration, thanks to Distance Matrix API.
Users will only have to check available stock according to the store’s name and address. The more information you put on the shops, the easier it will be for users to make a decision. You can add name, address, opening hours, photo of the store front, and even pinpoint your store on a map to provide users with a visual reference.
Automatic geolocation
The second method is to locate users automatically before they fill out a search field. This can be implemented on its own or as a solution to complement Localities API.
IP Automatic Geolocation
The Automatic Geolocation API can be set to have a very good accuracy on users’ geolocation either for an area of 50, 20 or 5 kilometres. The accuracy field represents an approximate accuracy radius, in kilometres, around the latitude and longitude associated with the IP address. And it will depend on the density of shops in certain areas and/or the conversion rate and zone you are targeting.
The more shops there are in an area, the more accuracy you will need on the IP geolocation to query the right stores for your users. Our API is usually more accurate for broadband IP addresses and less accurate for cellular networks (more than 20 kilometres). Compared to the user Geolocation returned from the built-in browser geolocation capability, it is less accurate, but it has the potential to be much more broadly applied. Keep in mind that the more accuracy you ask for, the less traffic you’ll get per shop.
Once the API is implemented you can easily create this type of rule according to your stock location and availability. For example, if you're looking for a precise geolocation, a user that is 5 kilometres away from a certain store, will automatically see it on their list (if stock is available, of course).
Pour aller plus loin, vous pouvez intégrer Distance API afin de proposer la meilleure option accessible en voiture, notamment pour les zones rurales.
Interroger automatiquement vos magasins et leurs stocks
Lorsque l'utilisateur arrive sur votre page produit, son IP est localisée par l'API de géolocalisation automatique. En fonction de l'attribut de précision retourné (20 kilomètres, par exemple), vous pouvez utiliser la liste des magasins triés par distance fournie par la Store Search API et afficher le plus proche disposant du stock disponible.
Le tout, sans même demander à l'utilisateur de saisir un code postal !
Checkout the stores platform with a Product Locator
Decathlon’s Product Locator
Decathlon is one of the best examples of Woosmap APIs integrations in this concept. After implementation, their “add to basket” activity went up by 15% and they also had an increase in conversion rate.
Check out one of the product pages to see an example. The UX examples are also interesting to see how to implement the feature and increase your user's experience with the nearest available stock!
Leroy Merlin Product Locator
Thanks to Automatic Geolocation API, Leroy Merlin customises the selection of the nearest shop of its users if they don’t have a favourite shop. And the information is reused throughout the user's journey to propose the best personalised offer.
