Activer et configurer le Store Locator (carte des points de vente)

Le Store Locator est une page front-office qui permet à vos clients de visualiser l'ensemble de vos points de vente sur une carte interactive, de rechercher le magasin le plus proche par ville ou code postal, d'obtenir un itinéraire en un clic et d'accéder directement aux produits disponibles dans ce magasin. La page est désactivée par défaut.

Activer le Store Locator

1. Rendez-vous au menu Administration > Front-end.

2. Cliquez sur l'onglet "Store Locator" dans le sous-menu horizontal.

3. Activez le bouton radio "Activer la page Store Locator". Une fois activée, la page est accessible sur votre front-office à l'URL /store-locator. Seuls les points de vente actifs y apparaissent.

Choisir le service de cartographie

4. Dans la liste déroulante "Service de cartographie", sélectionnez le fournisseur souhaité :

• Leaflet / OpenStreetMap (gratuit) — aucune clé API requise, utilisable immédiatement.
• Google Maps — nécessite une clé API et un Map ID (voir ci-dessous).
• Woosmap — nécessite une clé API Woosmap (voir ci-dessous).

Configuration Google Maps

Si vous choisissez Google Maps, deux champs supplémentaires apparaissent.

5. Renseignez votre clé API Google Maps dans le champ "Clé API Google Maps". Il s'agit d'une clé Google Maps Platform, créée depuis la Console Google Cloud. Un compte de facturation avec carte bancaire associée est obligatoire pour que la carte s'affiche (Google offre un crédit mensuel gratuit largement suffisant pour la plupart des usages).

Dans la Console Google Cloud, menu API et services > Bibliothèque, activez pour votre projet les deux API suivantes :

• Maps JavaScript API : pour l'affichage de la carte interactive ;
• Routes API : pour le calcul des distances entre votre client et vos points de vente.

Attention : le calcul des distances utilise Routes API. L'API Distance Matrix n'est pas utilisée : si Routes API n'est pas activée sur votre projet, les distances ne peuvent pas être calculées.

6. Renseignez votre Map ID dans le champ "Map ID Google Maps". Le Map ID est requis pour afficher les épingles des magasins sur la carte. Pour le créer :

• Rendez-vous dans la Console Google Cloud > Google Maps Platform > Gestion des cartes.
• Cliquez sur "Créer un ID de carte".
• Donnez-lui un nom (ex : "Store Locator"), sélectionnez le type JavaScript et le rendu Vecteur.
• Enregistrez et copiez l'ID généré.

Bon à savoir : Pour sécuriser votre clé API, pensez à la restreindre à votre nom de domaine depuis l'onglet Identifiants de la Console Google Cloud.

Configuration Woosmap

Si vous choisissez Woosmap, un champ supplémentaire apparaît. Vous devez disposer d'un compte Woosmap pour obtenir une clé API — rendez-vous sur woosmap.com pour en créer un.

7. Renseignez votre clé API Woosmap dans le champ "Clé API Woosmap". Dans la section "Products" de votre projet Woosmap, activez les produits suivants :

• Maps Javascript API : pour l'affichage de la carte interactive ;
• Routes API : pour le calcul des distances et des temps de trajet ;
• Geocoding API : pour la recherche d'adresses ;
• Places API (New) : pour la recherche de points de vente.

La clé à renseigner est votre clé publique, généralement préfixée par woos_, disponible dans la section "Security" de votre projet. Pensez également à autoriser votre domaine dans les paramètres de votre clé ("Authorized referrers"), sans quoi la carte ne s'affichera pas.

Configurer la mise en cache

8. Renseignez la durée du cache (en minutes) dans le champ "Durée du cache (minutes)". Ce paramètre définit pendant combien de temps les données de vos magasins sont mises en cache, afin de limiter le volume d'appels vers les API de cartographie. Une valeur de 60 à 120 minutes est recommandée pour un usage standard.

Choisir les liens affichés sur chaque point de vente

Deux liens peuvent apparaître sur la fiche de chaque point de vente. Vous les activez indépendamment l'un de l'autre, selon ce que vous souhaitez proposer à vos clients.

9. Activez le bouton radio "Afficher le lien « voir les produits disponibles »" pour ajouter, sur chaque fiche de point de vente, un lien vers votre catalogue filtré sur le stock de ce magasin. Ce lien est désactivé par défaut.

10. Activez ou désactivez le bouton radio "Afficher le lien « Itinéraire »", qui ouvre l'itinéraire vers le magasin dans Google Maps. Ce lien est activé par défaut.

Bon à savoir : le libellé "Voir les produits disponibles" tel qu'il s'affiche sur votre site est modifiable depuis les traductions de votre front-end.

Enregistrer

11. Cliquez sur "Enregistrer" pour appliquer vos paramètres.

Ce que voient vos clients sur le front-office

Une fois activée, la page "Nos points de vente" est accessible depuis votre site. Vos clients peuvent :

• Rechercher un magasin par ville ou code postal — les points de vente dans un rayon de 50 km s'affichent avec leur distance.
• Cliquer sur "Me géolocaliser" pour se positionner automatiquement sur la carte via le GPS de leur navigateur.
• Consulter pour chaque magasin : nom, adresse, numéro de téléphone (cliquable), horaires d'ouverture et statut ouvert/fermé.
• Utiliser les boutons "Voir sur la carte" (centre la carte sur le magasin), "Itinéraire" (ouvre Google Maps avec l'itinéraire) et "Voir les produits disponibles" (ouvre le catalogue filtré sur ce magasin) — selon les liens que vous avez activés.

Le catalogue filtré par point de vente

Lorsque votre client clique sur "Voir les produits disponibles", il arrive sur votre catalogue, déjà filtré sur le magasin qu'il vient de consulter. Il n'a aucun filtre à appliquer lui-même.

Les produits affichés sont ceux dont dispose ce magasin, ou l'entrepôt qui lui est rattaché :

• Un produit physique apparaît s'il reste du stock dans ce magasin.
• Un produit sans notion de stock (prestation de service, assurance, option…) apparaît toujours, quel que soit le magasin consulté.
• Un pack apparaît si tous les produits obligatoires qui le composent sont en stock dans ce magasin, et qu'au moins un de ses produits y est disponible.

NB : à ce stade, votre client n'a pas encore choisi ses dates de location. Le filtre repose donc sur le stock global du magasin, et non sur la disponibilité pour une période précise. La disponibilité réelle est vérifiée ensuite, lorsque votre client sélectionne ses dates.