Voir Augmenter les ventes en magasin grâce au localisateur de magasins.

Avec le modèle d’application Retail React, vous pouvez inclure un localisateur de magasin sur votre site de kit Progressive Web App (PWA) avec un temps de mise en œuvre réduit. Les acheteurs peuvent trouver des magasins dans le monde entier en fonction du code postal, de la ville, etc. Ajoutez facilement les informations de vos magasins dans Business Manager pour personnaliser les métadonnées de localisation affichées sur votre site.

Ce guide explique comment configurer et utiliser un localisateur de magasins.

Pour inclure un localisateur de magasin :

• Construisez votre site avec :

  • Le modèle de l’application Retail React
  • Retail React App version 4.0 ou ultérieure
  • Commerce SDK React version 2.0.1 ou ultérieure

• Utilisez un client SLAS (Shopper Login and API Access) avec l’étendue sfcc.shopper-stores. Suivez la procédure décrite dans Autorisation pour les API Shopper ou utilisez le point de terminaison de l’API registerClient pour créer ou mettre à jour un client public ou privé SLAS.

  • Dans le champ Étendues, incluez cette étendue : sfcc.shopper-stores.

  Un client privé SLAS offre plusieurs avantages par rapport à un client public. Voir Utiliser un client privé SLAS.

1. Dans Business Manager :

   • Ajoutez les pays que vous souhaitez que les acheteurs trouvent sur votre site. Données de géolocalisation des magasins dans B2C Commerce
   • Ajoutez les magasins que vous souhaitez que les acheteurs trouvent sur votre site. Vous pouvez modifier les informations de magasin que vous avez déjà ajoutées. Vous pouvez également importer des magasins en bloc. Créer des magasins dans B2C Commerce

2. Dans app/constants.js

   • Définissez la STORE_LOCATOR_IS_ENABLED constante sur true.

   • Dans la SUPPORTED_STORE_LOCATOR_COUNTRIES constante, ajoutez la liste des pays que vous souhaitez que les acheteurs voient dans la liste déroulante Pays.

     Les codes pays que vous ajoutez doivent correspondre à ceux des magasins que vous avez ajoutés dans Business Manager.

     Si la SUPPORTED_STORE_LOCATOR_COUNTRIES constante est vide, lorsqu’un acheteur recherche des magasins, le localisateur de magasin utilise le code postal saisi par l’acheteur. Le localisateur de magasin recherche dans le pays spécifié dans la constante définie dans app/constants.js. DEFAULT_STORE_LOCATOR_COUNTRY

Pour les acheteurs qui ont déjà activé le partage de position sur leur appareil, le localisateur de magasin affiche des résultats autour de la position GPS de l’appareil de l’acheteur.

Pour les acheteurs qui n’ont pas activé le partage de position sur leur appareil, le rendu initial du localisateur de magasin affiche des résultats pour la géolocalisation par défaut spécifiée dans ces constantes dans app/constants.js.

• DEFAULT_STORE_LOCATOR_POSTAL_CODE
• DEFAULT_STORE_LOCATOR_COUNTRY

Localisateur de magasins

• Renvoie jusqu’à 200 magasins à la fois

• Recherche des magasins dans un rayon maximum de 100 kilomètres

  L’unité par défaut est km (kilomètres), comme spécifié dans la STORE_LOCATOR_DISTANCE_UNIT constante de app/constants.js. Si vous le souhaitez, pour utiliser des miles pour l’unité, vous pouvez définir STORE_LOCATOR_DISTANCE_UNIT sur mi.

  Le rayon maximal par défaut est 100, comme spécifié dans la STORE_LOCATOR_DISTANCE constante de app/constants.js. Si vous le souhaitez, vous pouvez définir STORE_LOCATOR_DISTANCE le rayon maximal que vous avez choisi.

Cette section propose une solution à une erreur courante que vous pouvez rencontrer lors de l’utilisation du localisateur de magasins.

Cause potentielle : Vos données de localisation dans Business Manager sont inexactes.

Solution suggérée : Assurez-vous que les informations sur l’emplacement de votre magasin sont exactes et reflètent tout changement d’adresse, de numéro de téléphone, d’heures d’ouverture ou d’autres données du magasin. Gestion des magasins dans B2C Commerce