skip to Main Content

Comment afficher vos boutiques dans une carte Google Map sur WordPress

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Si vous tenez une ou plusieurs boutiques physiques et proposez également vos services en ligne, il serait très intéressant d’afficher leurs positions dans une carte Google Map afin que vos clients puissent facilement se rapprocher de vous.

C’est d’ailleurs une préoccupation posée par un de mes amis qui souhaite créer une boutique en ligne. Ayant été satisfait par ma solution, je me suis dit qu’elle pourra également vous convenir.

Donc dans ce tutoriel, je vous montrerai comment afficher la position de votre boutique dans une carte Google Map. Si un point que je soulève échappe à votre compréhension, n’hésitez pas à nous le faire savoir.

Comment installer et configurer le plugin Store Locator

C’est la première chose à faire afin d’utiliser ce plugin. Pour ne pas perdre du temps, je vous invite à le faire depuis votre tableau de bord. Mais si vous le souhaitez, vous pouvez télécharger le plugin sous forme de fichier zip.

WordPress-store-locator-installation-tableau-de-bord

Après avoir installé et activé le plugin, vous remarquerez le nouveau menu « Store Locator » sur votre tableau de bord. Cliquez sur son sous-menu « MapDesigner » pour créer une nouvelle carte.

Comment créer une nouvelle carte sur Store Locator

Sur cette nouvelle page, vous pouvez configurer l’affichage par défaut de la carte. Vous remarquerez que cette dernière est divisée en 4 parties qui regroupent :

Dans la section « Défaut »

les options qui vous permettent de configurer la carte (type), le nombre de résultats à afficher, la recherche par ville, la localisation de l’utilisateur, etc.

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

section-default-map-designer

Dans la section « Etiquette »

Cette section vous permet de traduire certains champs entre autres :

  • L’adresse
  • Le site web
  • Le rayon
  • Les directions

Plus en haut, au-dessus de cette section, vous pouvez choisir l’emplacement de votre ville afin de mieux circonscrire votre position dans la carte.

section-etiquete-store-locator

Dans la section « Dimensions »

Cette section vous permet de configurer les dimensions de vos cartes et le niveau du zoom.

section-dimensions-store-locator

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Dans la section « Design »

Vous pouvez configurer l’apparence de la carte. Il s’agit plus précisément du thème de la carte. Vous avez également la possibilité de modifier les pointeurs.

design-section-store-locator

Comment ajouter un nouveau lieu

Je vous invite à accéder au sous-menu « Locations » et à cliquer sur le lien « Ajouter un nouveau lieu ».

ajouter-un-nouveau-lieu

Vous accéderez à une nouvelle interface qui vous propose de fournir un certain nombre d’informations notamment :

  • Le nom du lieu
  • Les différentes adresses
  • Les informations supplémentaires
  • Les étiquettes
  • Et d’autres informations utiles à la distinction des lieux.

store-locator-ajouter-un-nouveau-lieu-interface

Une fois que vous aurez rempli les différentes informations, vous pouvez cliquer sur « ajouter un nouveau lieu ».

Ce nouveau lieu s’ajoutera à l’ensemble des emplacements disponibles dans le sous-menu « Locations ».

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [Recommandé]

Ces différents lieux seront disponibles dans la carte que vous afficher sur votre blog à l’aide du shortcode [STORE-LOCATOR]. Vous pourrez utiliser autant de lieux que vous souhaitez pour afficher la position de vos différentes boutiques.

présentation-carte-avec-lieux

C’est tout pour ce tutoriel sur l’ajout d’une carte Google Map avec les différents lieux de vos boutiques sur WordPress. N’hésitez pas à partager la solution avec vos amis sur vos réseaux sociaux préférés.

Cet article comporte 0 commentaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
4 Partages
Partagez2
Tweetez
Enregistrer2