Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter l’Emplacement d’un magasin Google Maps dans WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous ajouter un localisateur de magasin Google Maps à votre site WordPress ?

Un localisateur de magasin est une carte indiquant l’emplacement de votre entreprise. Si vous gérez une entreprise locale, il aidera vos utilisateurs/utilisatrices à vous trouver sur la carte, à obtenir un itinéraire et à partager votre emplacement.

Dans cet article, nous allons vous afficher comment ajouter facilement un localisateur de magasin Google Maps dans WordPress.

How to Add Google Maps Store Locator in WordPress (Free Option)

Pourquoi ajouter l’Emplacement de magasin de Google Maps dans WordPress ?

Beaucoup d’utilisateurs/utilisatrices de WordPress gèrent des sites de petites entreprises qui desservent une ville ou une région particulière. Cela inclut des entreprises comme les restaurants, les agents immobiliers, les plombiers, les fournisseurs de services de maintenance, les petits magasins, les salons, et plus encore.

L’ajout d’un localisateur de magasin Google Maps à votre site aidera vos utilisateurs/utilisatrices à vous trouver. Ils pourront obtenir l’itinéraire pour se rendre à votre stock et partager l’Emplacement avec leurs amis.

Il peut également aider à améliorer la visibilité de votre site sur les moteurs de recherche et à attirer davantage d’internautes.

Voyons comment ajouter un module de localisation de magasin Google Maps sur votre site WordPress. Nous allons vous afficher les méthodes gratuites et payantes avec leurs avantages et leurs inconvénients, puis vous pourrez choisir celle qui correspond le mieux à vos besoins.

Méthode 1 : Ajout d’un localisateur de magasin simple à WordPress (gratuit)

Cette méthode est gratuite et facile car elle requiert pas l’effort supplémentaire de créer une clé API Google Maps. Elle est recommandée pour les utilisateurs/utilisatrices qui souhaitent ajouter une carte simple de l’emplacement de leur magasin.

Tout d’abord, vous devez vous rendre sur le site de Google Maps sur votre ordinateur. Saisissez ensuite l’adresse de votre magasin dans le champ de recherche et Google Maps l’affichera sur la carte à l’aide d’un marqueur épinglé.

Search for Your Store Location in Google Maps

Confirmez que le marqueur est placé au bon endroit. Vous pouvez sélectionner un niveau de zoom en cliquant sur les boutons de zoom dans le coin inférieur droit.

Une fois que vous êtes satisfait de l’aspect de la carte, vous devez cliquer sur le bouton « Partager » dans la colonne de gauche. Une fenêtre surgissante s’affiche, dans laquelle vous devez passer à l’onglet « Contenu embarqué ».

Select Google Map's Embed a Map Option

Vous verrez maintenant l’Emplacement recherché sur la carte avec le code HTML. Vous devez cliquer sur le lien « Copier HTML » pour obtenir le code d’intégration.

Rendez-vous maintenant dans la zone d’administration de votre site WordPress et modifiez la publication ou la page dans laquelle vous souhaitez afficher la carte de localisation des magasins.

Emplacement : les utilisateurs/utilisatrices ajoutent un module de localisation de magasins sur leur page de formulaire de contact, avec le numéro de téléphone et les heures d’ouverture de leur entreprise.

Dans l’écran de modification de l’article, vous devez ajouter un bloc « HTML personnalisé ».

Add a Custom HTML Block to Your Page

Vous devez coller le code que vous avez copié depuis Google Maps dans la zone de texte du bloc « HTML personnalisé ».

Vous pouvez désormais prévisualiser la page pour voir Google Maps embarqué dans votre page. Elle affichera l’Emplacement de votre magasin sur la carte avec des liens permettant de s’y rendre ou d’enregistrer l’emplacement.

Preview of Embedded Google Map

Cette méthode permet d’embarquer rapidement des cartes Google, mais elle n’offre pas un maximum d’avantages en termes de référencement. En d’autres termes, elle ne vous aidera pas à obtenir un meilleur classement et un trafic plus important à partir des moteurs de recherche ou des recherches sur les cartes Google.

Si vous êtes une petite entreprise, un restaurant ou une boutique en ligne dans un ou plusieurs Emplacements physiques, alors nous vous recommandons d’utiliser la solution suivante pour améliorer votre classement SEO local.

Méthode 2 : Ajouter un Emplacement de magasin avec le SEO local (recommandé)

Près de 46% de toutes les recherches sur Google ont une intention locale. All in One SEO (AIOSEO) est la meilleure extension WordPress SEO sur le marché et vous aide à apporter plus de trafic gratuit des moteurs de recherche à votre site.

Avec AIOSEO, vous pouvez saisir les emplacements de vos magasins, leurs coordonnées et leurs heures d’ouverture à l’aide dubalisage de schéma afin que les informations soient affichées dans les pages de résultats des moteurs de recherche.

Par exemple, lorsque vous recherchez sur Google « Emplacements Mcdonald’s en Floride », un extrait de fonctionnalité s’affiche avec les différentes destinations et une carte avec les emplacements épinglés.

Multiple location map preview on Google

Cela aidera à améliorer le classement de votre site en matière de référencement et à augmenter votre taux de clics dans les recherches.

Note : Vous aurez besoin au minimum de l’offre AIOSEO Plus pour accéder à la fonctionnalité SEO local nécessaire pour ce tutoriel.

Tout d’abord, vous devez installer et activer l’extension AIOSEO pour WordPress. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Lors de l’activation, l’extension lancera un assistant de configuration. Si vous avez besoin d’aide pour configurer l’extension, veuillez consulter notre guide sur la façon de définir AIOSEO pour WordPress.

AIOSEO setup wizard

Une fois le processus de configuration terminé, vous devrez vous rendre dans All in One SEO  » SEO local s ur votre Tableau de bord WordPress.

Vous pouvez cliquer sur le bouton  » Activer le SEO local  » pour Premiers pas définir les Réglages locaux.

Activate Local SEO in AIOSEO

Ensuite, vous devez cliquer sur l’onglet  » Cartes  » en haut de la page du SEO local.

Sur la page Maps, vous devriez voir le champ « Clé de l’API ».

Paste Your Google Maps API Key

Vous pouvez obtenir une clé API pour Google Maps en vous rendant sur la plateforme Google Maps et en vous connectant avec votre compte Google.

Cliquez ensuite sur le bouton « Premiers pas ».

Welcome to Google Maps Platform

Les ressources du cloud de Google sont organisées par projet. Si vous n’avez pas encore de projet, un projet sera automatiquement créé pour vous.

Note : vous devrez activer la facturation pour le projet afin de commander l’API Google Maps. Cependant, il est peu probable que vous ayez à payer quoi que ce soit.

Les demandes d’intégration de cartes sont gratuites et leur utilisation est illimitée , comme indiqué dans la documentation de Google. Vous bénéficiez également d’un crédit mensuel de 200 $.

Vous devez cliquer sur le bouton « Créer un compte de facturation ».

Enable Billing for Your Project

La page Informations sur le compte s’affiche. Vous devez sélectionner votre pays dans le menu déroulant et accepter les termes de service.

Lorsque vous êtes prêt, cliquez sur le bouton « Continuer ».

Agree to Google Maps Terms of Service

Vous devez maintenant sélectionner un profil de paiement existant ou en créer un nouveau.

Le profil sera celui d’un particulier ou d’une entreprise et comprendra le nom du particulier ou de l’entreprise, un moyen de paiement et une adresse.

Start Your Free Trial

Une fois ces informations saisies/saisie, vous devez cliquer sur le bouton « Commencer mon essai gratuit ».

Ne vous inquiétez pas de la mention « Essai gratuit ». Les demandes d’intégration de cartes restent gratuites même lorsque l’essai gratuit est terminé, et votre carte bancaire ne sera jamais débitée tant que vous n’aurez pas mis manuellement à niveau votre compte vers un compte payant.

Il se peut également que l’on vous demande de répondre à une enquête de 30 secondes sur votre entreprise afin de s’assurer que vous recevez les informations les plus pertinentes.

You May Be Asked to Fill In a 30 Second Survey

Lorsque vous cliquez sur le bouton « Envoyer », votre clé de l’API Google Maps s’affiche. Vous devrez saisir cette clé dans les paramètres de l’extension pour les Réglages 2 et 3.

Vous pouvez ensuite cliquer sur l’icône « Copier dans le presse-papiers » à la fin du champ « Votre clé API ». Une fois que vous avez fait cela, il vous suffit de fermer la fenêtre surgissante en cliquant sur le bouton « Go to Google Maps Platform ».

Copy Your API Key

Restriction de la clé de l’API de Google Maps

Nous vous recommandons de restreindre la clé afin qu’elle ne puisse pas être utilisée par d’autres personnes.

Après avoir créé votre clé d’API, Google affiche une fenêtre surgissante « Protéger votre clé d’API » dans laquelle vous pouvez restreindre votre clé afin qu’elle fonctionne uniquement sur votre propre site.

Dans le menu déroulant « Sélectionné le type de restriction », vous devez sélectionner « Référents HTTP (sites web) ». Ensuite, dans le champ suivant, vous devez saisir le nom de domaine de votre site dans le champ « Nouvel article » en utilisant la composition *exemple.com/*.

Protect Your API Key

Vous devriez voir apparaître le message suivant : « La restriction de votre clé de l’API a été effectuée avec succès ». La clé fonctionnera uniquement pour les cartes Google Maps embarquées sur votre site.

De retour sur votre site, vous devez saisir votre clé API dans le champ prévu à cet effet. Ensuite, vous pouvez défiler vers le bas pour modifier les paramètres de la carte.

AIOSEO vous permet d’afficher Google Maps à l’aide d’un bloc Gutenberg (éditeur WordPress), d’un shortcode, d’un widget ou d’un code PHP. Il vous permet également de choisir différents styles de cartes et d’ajouter un marqueur personnalisé à votre carte.

Edit map settings

Pour ce tutoriel, assurez-vous que le réglage ‘Gutenberg Block’ est sélectionné. N’oubliez pas de cliquer sur le bouton  » Enregistrer les modifications  » lorsque vous avez terminé.

Vous pouvez maintenant créer votre carte d’Emplacement de magasin. La manière de procéder varie selon que votre entreprise dispose d’un seul ou de plusieurs emplacements.

Ajout d’une carte pour un Emplacement unique

Si votre entreprise n’a qu’un seul emplacement physique, la carte utilisera les informations que vous avez fournies sur la page « Réglages des emplacements » de All in One SEO.

Allez-y maintenant et passez à l’onglet ‘Emplacements’ de la page All in One SEO  » SEO local.

Comme vous n’avez qu’un seul emplacement physique, vous devez vous assurer que l’option « Emplacements multiples » est définie sur « Aucun ».

Set Multiple Locations to No

Ensuite, vous devez défiler jusqu’à la section « Informations sur l’entreprise » et fournir autant d’informations que possible sur votre entreprise.

C’est important, car ces informations peuvent s’afficher lorsque quelqu’un recherche votre entreprise à l’aide de la recherche Google ou de Google Maps.

Business Info Will Be Displayed in Google Searches

Ensuite, défilez vers le bas jusqu’à la section « Cartes » pour épingler votre emplacement exact.

Il vous suffit de saisir votre adresse dans le champ « Saisir une requête ». Une épingle sera ajoutée à cet Emplacement, et vous pourrez déplacer l’épingle en la faisant glisser vers un nouvel emplacement si nécessaire.

Enter Your Store Location as a Query in the Map Section

Lorsque vous avez terminé, vous devez défiler jusqu’en haut ou en bas de la page et cliquer sur le bouton « Enregistrer les modifications » pour stocker vos Réglages.

Vous pouvez désormais ajouter la carte de votre emplacement de magasin à n’importe quelle publication ou page WordPress. Pour commencer, il vous suffit de modifier ou d’ajouter une nouvelle publication ou page sur votre site.

Une fois dans l’éditeur de blocs, cliquez sur le bouton ‘+’ en haut et ajoutez le module ‘AIOSEO Local – Map’ n’importe où sur la page. Confirmez votre choix en cliquant sur le bouton « Mettre à jour » ou « Publier ».

Add an AIOSEO Local Map Block to Your Page

Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps Emplacement des magasins Google Maps

Ajout de publicités pour plusieurs Emplacements

Pour ajouter une carte pour un emplacement différent, vous devez naviguer vers l’onglet Emplacements de la page All in One SEO  » SEO local. Une fois là, vous devez cliquer sur l’option  » Oui  » pour Emplacements multiples, puis sur le bouton  » Enregistrer les modifications  » en haut de l’écran.

Set Multiple Locations to Yes

Une fois que vous aurez enregistré vos modifications, vous remarquerez qu’un nouveau type de publication personnalisé Emplacements a été ajouté à la colonne latérale d’administration. C’est ici que vous saisirez les emplacements de vos entreprises.

Allez dans Emplacements  » Tous les emplacements et cliquez sur le bouton « Ajouter une nouvelle ».

Add a new location

Vous accédez à l’éditeur/éditrices Emplacements. Vous devrez ajouter un titre pour l’Emplacement que vous ajoutez, par exemple le nom du magasin ou de la ville.

Défilez ensuite vers le bas de la page jusqu’à la section « Entreprise locale AIOSEO », sous le contenu de la publication.

Confirmez que vous saisissez autant d’informations que possible, car elles peuvent s’afficher lorsque quelqu’un recherche votre entreprise dans la recherche Google ou Google Maps.

Fill In the Business Info Section

Vous trouverez ensuite la section « Cartes » et saisirez votre adresse dans le champ « Saisir une requête ».

Une épingle sera affichée à cet Emplacement.

Add multiple map locations

Après avoir saisi/saisie votre Emplacement sur la carte et ajouté des informations sur l’emplacement, cliquez sur le bouton « Publier ».

Vous pouvez maintenant répéter cette étape et ajouter vos autres Emplacements.

Une fois que vous avez terminé, vous pouvez ajouter une carte de localisation de magasin à votre site pour chaque emplacement en utilisant le bloc  » AIOSEO Local – Map  » dans l’éditeur WordPress.

Add an AIOSEO Local Map Block to Your Page

Vous devez maintenant choisir l’emplacement à afficher sur la carte.

Pour ce faire, consultez le volet des Réglages du bloc situé à droite de l’écran et choisissez le magasin que vous souhaitez afficher dans le menu déroulant « Emplacement ».

Choose a Store Location From the Drop Down Menu on the Settings Pane

Il suffit d’ajouter des blocs de cartes locales supplémentaires pour tout autre emplacement. N’oubliez pas de cliquer sur le bouton « Publier » ou « Mettre à jour » en haut de la page pour afficher les cartes sur votre site.

Méthode 3 : Affichage de plusieurs emplacements de magasins sur une seule carte

Les deux premières méthodes vous permettent d’ajouter des cartes de localisation de magasins pour un seul emplacement. Si vous avez plusieurs Emplacements, vous devez ajouter une carte distincte pour chacun d’entre eux.

Vous pouvez également utiliser notre troisième méthode pour afficher plusieurs emplacements sur une seule carte.

La première chose à faire est d’installer et d’activer l’extension Locatoraid Store Locator. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Lors de l’activation, vous devez vous rendre sur le site de Locatoraid  » Réglages et configurer l’extension.

Dans l’onglet « Google Maps », vous devrez coller une clé API de Google Maps. Vous pouvez suivre la méthode ci-dessus dans la méthode 2 pour en créer une.

Vous devez ensuite cliquer sur l’icône « Enregistrer » pour stocker la clé. Vous devriez notifier que Google Maps est en mesure de se charger correctement dans la fenêtre « Prévisualisation du style de carte ».

Paste Your Google Maps API Key

Ensuite, vous pouvez visiter l’onglet « Configuration » et choisir d’afficher les miles ou les kilomètres sur la carte.

Vous pouvez également vérifier les autres options, telles que le format de l’adresse, les détails que vous souhaitez afficher sur la carte et les utilisateurs/utilisatrices qui peuvent utiliser l’extension.

Configure Your Map Including the Units You Wish to Use

Une fois que vous êtes satisfait des réglages de l’extension, cliquez sur le bouton « Enregistrer » pour stocker vos réglages.

Vous êtes maintenant prêt à ajouter les emplacements de vos stockages. Vous devez vous rendre sur Locatoraid  » Emplacements. Une fois arrivé, vous devez cliquer sur le bouton  » Ajouter une nouvelle « .

Click the Add New Button on the Locations Page

Vous accéderez à la page « Ajouter un nouvel Emplacement ». Vous pouvez y saisir le nom du stock, l’Emplacement et d’autres détails.

Lorsque vous avez terminé, cliquez sur le bouton « Ajouter un nouvel Emplacement » en bas de la page.

Fill In Your Store's Address and Other Information

Vous accéderez à la page « Modifier l’Emplacement » où vous pourrez voir l’emplacement du stock sur une carte.

Si tout semble correct, cliquez sur le bouton  » < Emplacement  » en haut de l’écran pour revenir à la page  » Emplacements «  de Locatoraid dans votre tableau de bord.

Confirm That the Map Is Correct Then Click the Locations Button

Vous pouvez ajouter d’autres emplacements en cliquant sur le bouton « Ajouter un emplacement » et en répétant ces étapes.

Une fois que tous les emplacements de vos magasins ont été créés, vous pouvez ajouter la carte à votre site.

Il vous suffit d’ajouter ou de modifier une page et de cliquer sur l’icône bleue  » + Ajouter un bloc « . Vous devez faire glisser un bloc de code court sur la page et saisir le code court [locatoraid] dans le champ.

Add a Shortcode Block to Your Page

Ce code court par défaut convient à la plupart des sites. Cependant, vous pouvez personnaliser la carte en utilisant un code court différent. Visitez la page Locatoraid  » Publier pour en savoir plus.

Vous pouvez maintenant publier ou mettre à jour la page et visiter votre site pour voir la carte de localisation de votre magasin.

Tous les emplacements de vos magasins seront affichés sur la même carte. Si vos utilisateurs/utilisatrices saisissent leur adresse ou cliquent sur le lien « Emplacement », ils peuvent trouver les magasins les plus proches et obtenir un itinéraire.

Preview of Locatoraid Map With Multiple Locations

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter un localisateur de magasin Google Maps dans WordPress. Vous voudrez peut-être aussi apprendre comment créer une adresse e-mail professionnelle gratuite ou consulter notre liste des meilleurs chatbots IA pour votre site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

5 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Priscilla says

    Hi there, the shortcode you have in the instructions on this page for the store locator is incorrect and conflicting.
    you have [wpls] in the instructions but the actual shortcode which you have in the screenshot is [wpsl].
    The s and the l are around the wrong way :)

  3. Pablo Cardozo says

    Since Google Maps charges for using its service, would not it be nice to also offer the option to use Open Street Map? I’m sure there must be plugins that do it and doing it by hand is not so different from the Google option either.

    • WPBeginner Support says

      We do not have a specific plugin we would recommend at the moment but we will certainly keep an eye out.

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.