Comment ajouter le localisateur de magasins à n’importe quelle page ou sous forme de bouton contextuel ?

En plus de sa propre page, le localisateur de One Stop Store Locator & Maps peut apparaître à deux autres endroits. L’app embed Store locator button ajoute un bouton flottant, « Trouver un magasin » par défaut, sur toutes les pages de votre boutique, et ouvre le localisateur dans une fenêtre superposée. Le bloc Store locator place le localisateur dans n’importe quel modèle de page, par exemple votre page de contact, via l’éditeur de thème. Les deux affichent les mêmes emplacements et les mêmes réglages que la page du localisateur de magasins, et aucun ne demande de code ni de clé API.

Étapes

  1. Pour le bouton contextuel, ouvrez « Paramètres » dans l’application, puis « Bouton contextuel ».
  2. Cliquez sur « Ouvrir l'éditeur de thème ». Sous Intégrations d’applications, activez Store locator button, puis enregistrez le thème.
  3. De retour dans l’application, réglez « Texte du bouton » et « Position du bouton » (« En bas à droite » ou « En bas à gauche »). « Couleur du bouton », « Couleur du texte du bouton », « Taille du texte du bouton » et « Style du texte du bouton » définissent son apparence. Enregistrez.
  4. La carte « Bouton contextuel » affiche « Actif » une fois l’app embed activé.
  5. Pour une section sur une page, ouvrez Boutique en ligne dans votre interface Shopify, puis Thèmes, puis Personnaliser.
  6. Ouvrez le modèle de page voulu, choisissez Ajouter une section, sélectionnez Store locator sous Applications, puis enregistrez.
  7. Sur « Accueil » dans l’application, un badge « Section: Actif » apparaît une fois le bloc placé sur une page.

Points de vigilance

  • Le bloc Store locator exige un thème Online Store 2.0, car c’est un bloc d’application. La page du localisateur de magasins créée par l’application n’a pas besoin de bloc.
  • Le bouton contextuel s’affiche sur toutes les pages dès que l’app embed est activé. Aucun réglage ne permet de le limiter à certaines pages.
  • Les textes, les couleurs et le comportement viennent de l’application. Le bloc et l’app embed n’ont aucun réglage propre dans l’éditeur de thème.