Afficher vos points de vente sur votre boutique en ligne

L’app ajoute trois blocs à votre thème. Vous les placez dans l’éditeur de thème, comme n’importe quelle section, et ils prennent les polices et les couleurs de votre thème.

Bloc	Ce qu’il affiche	Où l’ajouter
Store locator	Une carte et la liste de vos points de vente, avec une recherche.	Sur une page, par exemple « Nos boutiques ».
Page point de vente	La page d’un point de vente : photos, horaires, services, itinéraire.	Sur le template Store page, une fois pour tous vos points de vente.
Liste des points de vente	Vos points de vente en grille de cartes, regroupés par pays, sans carte.	Sur une page, à la place ou en plus du store locator.

Seuls les points de vente actifs s’affichent, et chacun sur les canaux cochés sur sa fiche : le store locator, sa page, ou les deux.

Ajouter un bloc

Dans Shopify, ouvrez Boutique en ligne > Thèmes, puis cliquez sur Personnaliser.
Ouvrez la page ou le template où placer le bloc.
Cliquez sur Ajouter une section, puis ouvrez l’onglet Applications.
Choisissez le bloc, puis cliquez sur Enregistrer.

Le guide de configuration de l’app vous accompagne pour le store locator et les pages des points de vente. Voir Configurer l’app.

Le store locator

Ce que voient vos visiteurs

La carte et la liste : la liste contient les points de vente de la zone que le store locator a cadrée, à l’arrivée, après une recherche, un filtre ou Autour de moi. Vos types viennent d’abord, dans l’ordre des Réglages, puis les villes par ordre alphabétique, une ville qui a plusieurs points de vente sous un titre ; ou par distance quand le visiteur a partagé sa position. Déplacer ou zoomer la carte ne change pas la liste : quand la carte montre des points de vente absents de la liste, un bouton Rechercher dans cette zone apparaît sur la carte, puis Revenir à … rend la liste d’avant. La liste écrit ses points de vente au fil du défilement : même avec des milliers de points de vente, la page reste fluide. Chaque point de vente a le marqueur de son type, réglé dans les Réglages, avec une légende en bas de la carte sur ordinateur.
Des groupes de points de vente : quand la vue en contient plus de 50, les points de vente trop proches sont réunis en une pastille avec leur nombre ; la toucher zoome dessus. À l’échelle d’une ville, chaque point de vente a son marqueur.
Un lien sous la liste revient à la vue d’arrivée une fois que la liste l’a quittée (après une recherche, par exemple) : « Voir tous les points de vente en « France » », ou « Voir les points de vente près de toi ».
Avec des distances, chacune est à droite du nom, et le premier point de vente est marqué « Le plus proche ».
Pour chaque point de vente : son nom, son type, son adresse, son téléphone, et Page de la boutique → s’il a une page ; la flèche dit que le visiteur quitte le store locator.
Toucher une fiche centre la carte sur le point de vente et marque la fiche ; la liste garde ses points de vente. Toucher un marqueur marque aussi sa fiche. L’infobulle sur la carte ajoute l’adresse, s’il est ouvert en ce moment, le téléphone, Itinéraire et Page de la boutique →.
Sur téléphone, la recherche, Autour de moi et les filtres tiennent sur une ligne au-dessus d’une carte plus courte, et la liste défile dans sa propre boîte en dessous. Les fiches ont Itinéraire (sur ordinateur, il est dans l’infobulle ; l’ouverture est sur la fiche partout) ; l’infobulle ne garde que le nom, s’il est ouvert en ce moment, le téléphone et Page de la boutique →. Pas de légende sur téléphone : le type est écrit sur chaque fiche.
La recherche, par ville, code postal ou nom de point de vente. Des suggestions apparaissent pendant la frappe : les villes avec leur nombre de points de vente, puis les points de vente. Quand aucune de vos villes ne correspond, des lieux apparaissent sous les suggestions (villes, codes postaux) : en choisir un montre ses points de vente les plus proches, avec leur distance, et le dit quand même le plus proche est loin. Tant que le visiteur n’a ni cherché ni partagé sa position, une phrase sous la recherche l’y invite.
Autour de moi : le visiteur partage sa position, et la carte montre ses 3 points de vente les plus proches, avec leur distance.
Les filtres par type et par service, sous la recherche.

Le store locator garde la recherche, les filtres et la position de la carte dans l’adresse de la page : un visiteur qui revient d’une page de point de vente retrouve la carte telle qu’il l’a laissée.

Ses principaux réglages

Réglage	Ce qu’il fait
Titre	Le titre de la page, au-dessus de la carte (« Trouver une boutique » à l’ajout du bloc). Videz-le si votre template de page affiche déjà le titre de la page, pour n’avoir qu’un titre.
Vue de la carte à l’arrivée	Ce que la carte montre à l’arrivée du visiteur : le Marché de la boutique en ligne (le pays choisi dans le sélecteur de pays du thème, par défaut), la Position du visiteur, un Pays fixe, ou Toutes les boutiques.
Si aucun point de vente dans cette zone	Ce que la carte montre quand le pays visé n’a aucun point de vente : le Pays le plus proche qui a des points de vente, le Pays qui a le plus de points de vente, ou Tous les points de vente. Une phrase le dit au visiteur.
Recherche, Filtre par type, Filtre par service	Affichent ou masquent la recherche et chaque filtre.
Raccourcis de villes	Sous la recherche, les villes qui ont le plus de points de vente, à choisir d’un geste.
Carte à la demande sur téléphone	Sur téléphone, pas de carte à l’arrivée : un bouton Voir sur la carte l’ouvre. Le visiteur commence par sa ville ou sa position.
Remplir la hauteur de la fenêtre, Hauteur de la carte	La taille de la carte.

Le détail de chaque réglage est dans Blocs de thème.

Les pages des points de vente

Chaque point de vente actif publié en page a sa propre adresse, par exemple votre-boutique.com/pages/stores/paris-le-marais. Toutes ces pages partagent un seul template de votre thème, Store page : vous y ajoutez le bloc Page point de vente une fois.

Ce que voient vos visiteurs

Le nom du point de vente, sa photo principale en bandeau et son type.
À propos de la boutique : sa description.
Adresse, avec Itinéraire, et ses Services.
Contact : téléphone et e-mail.
Horaires d’ouverture, avec un badge Ouvert en ce moment ou Fermé, à l’heure du point de vente, et ses prochains Horaires exceptionnels.
Une carte : un clic dessus ouvre l’itinéraire dans Google Maps.
Ses autres photos.
Points de vente à proximité : les 3 points de vente les plus proches qui ont une page.

Ses réglages

Réglage	Ce qu’il fait
Titre	`[name]` est remplacé par le nom du point de vente. Videz-le si vous ajoutez au-dessus le bloc de titre de votre thème, relié au nom du point de vente. Voir Configurer l’app.
Afficher les photos, Afficher la carte, Afficher les points de vente à proximité	Chaque partie de la page.
Lien vers tous les points de vente	Un lien vers votre page de store locator, à côté du titre. Vide, pas de lien.

La liste des points de vente

Une autre façon de présenter vos points de vente, sans carte : pratique pour une marque présente dans quelques pays, ou pour une page « Nos boutiques en France » ou « Nos revendeurs ».

Ce que voient vos visiteurs

Le titre du bloc (« Nos boutiques » par défaut ; vide, pas de titre).
Un titre par pays, puis la grille de ses points de vente (ou un titre par type, ou une seule grille : voir Regrouper par), dans l’ordre alphabétique (ou par ville, ou par type : voir Trier par).
Un bouton Filtres en haut à gauche, avec le nombre de points de vente à droite : les pays, types et services à afficher. Il fonce, avec le nombre de filtres utilisés (« Filtres (2) »), dès qu’un filtre restreint la liste.
Pour chaque point de vente, une carte : photo principale, nom, type, adresse, ouvert en ce moment, téléphone et un lien Itinéraire vers Google Maps. Toute la carte mène à sa page, s’il en a une.

Ses réglages

Réglage	Ce qu’il fait
Titre	Le titre au-dessus de la liste. Vide : pas de titre.
Filtre par pays, Filtre par type, Filtre par service	Affichent ou masquent chaque filtre. Sans aucun filtre, ni le bouton ni le nombre de points de vente ne s’affichent.
Regrouper par	Pays (par défaut), Type (vos types dans l’ordre des Réglages) ou Rien.
Trier par	Nom, Ville, puis nom, ou Type, puis ville : vos types dans l’ordre des Réglages, par exemple vos boutiques avant vos revendeurs.
Afficher seulement ces pays	Les codes des pays à afficher, séparés par des virgules (FR, BE, CH). Vide : tous les pays.
Afficher seulement ces types de points de vente	Les noms des types à afficher, comme dans les Réglages de l’app, séparés par des virgules (Flagship, Stockist). Les points de vente sans type sont écartés. Vide : tous les types.
Taille des cartes	Petite, moyenne ou grande. La liste affiche autant de cartes par ligne que la largeur de la section en contient : une sur un téléphone.
Afficher le type de point de vente, Afficher les photos, Afficher l’adresse, Afficher le statut d’ouverture, Afficher le lien d’appel, Afficher le lien d’itinéraire	Chaque partie des cartes, sous Contenu des cartes.
Espace au-dessus, Marge latérale	Sous Espacement : voir plus bas.

Les pages pays et villes

Une page par pays et, si vous le voulez, une page par ville, qui listent tous leurs points de vente du store locator : « Où acheter en Belgique », « Nos boutiques à Lyon ». Les moteurs de recherche les indexent et y trouvent le chemin vers les pages de vos points de vente. Activez-les dans Réglages > Pages de la boutique en ligne, puis créez leurs templates dans l’éditeur de thème (« Country page », « City page ») et ajoutez à chacun le bloc Page pays ou ville. Le guide de configuration vous y amène.

Ce que voient vos visiteurs

Le fil d’Ariane (Accueil / France / Lyon), si vous l’avez activé dans les Réglages.
Le nom du pays ou de la ville, et votre texte d’introduction, s’il y en a un.
La grille des points de vente, avec les cartes et les filtres de la liste des points de vente. Un point de vente qui a une page mène à elle.
Sous les points de vente : sur une page pays, les liens vers ses pages villes ; sur une page ville, un lien vers son pays et vers les autres villes du pays.

Le bloc Annuaire des boutiques (« Nos boutiques par pays ») liste les liens vers vos pages pays et, avec Afficher les villes, leurs pages villes : posez-le sous le store locator, ou en bas des templates des pages pays et villes.

Ses réglages

Réglage	Ce qu’il fait
Titre	Le titre de la page ; `[name]` est remplacé par le nom du pays ou de la ville. Vide : pas de titre, si le bloc Titre de votre thème est au-dessus.
Filtre par type, Filtre par service	Affichent ou masquent chaque filtre.
Regrouper par	Type : un titre par type, dans l’ordre des Réglages.
Titre des villes, Lien vers le pays	Les textes des liens sous les points de vente ; `[country]` est remplacé par le nom du pays.

Les réglages des cartes et de l’espacement sont ceux de la liste des points de vente. Les titres préremplis s’écrivent dans la langue de votre éditeur de thème quand vous ajoutez le bloc.

Votre thème a un en-tête fixe ou des sections sans marges

Deux réglages, communs aux trois blocs, corrigent l’affichage sur certains thèmes :

Espace au-dessus : si l’en-tête de votre thème reste en haut de l’écran et cache le haut du bloc, réglez l’espace à laisser au-dessus.
Marge latérale : si le bloc va jusqu’aux bords de l’écran, réglez l’espace à laisser de chaque côté.

L’aperçu de l’éditeur de thème montre le résultat en direct.