WordPress
time_read34mn de lecture

Comment ajouter Google Maps à WordPress ?

15 août 2022

Comment ajouter Google Maps à WordPress ?

Ajouter Google Maps à WordPress est la meilleure façon de permettre à vos visiteurs de trouver l’emplacement de votre entreprise. Si vous opérez dans le secteur du voyage, vous vendez des produits physiques ou des services en présentiel à une cible locale, une carte topographique est plus efficace qu’une simple adresse affichée sur votre site😀. De plus, vos visiteurs peuvent rapidement trouver leurs itinéraires rien qu’en interagissant avec votre carte Google Maps.🚘

WordPress fournit trois moyens simples pour vous aider à afficher une carte Google Maps. 😎

Objectif

Cet article donne des détails sur les différentes méthodes pour ajouter une carte Google Maps sur un site WordPress. Il vous permet aussi de comprendre, l’importance d’ajouter Google Maps à WordPress.🤔

Prérequis

Avant de vous lancer dans cette démarche, vous devez au préalable :

  • Avoir installé WordPress sur votre hébergement web
  • Avoir un accès administrateur à l’espace d’administration de votre site WordPress
  • Savoir installer un plugin WordPress
  • Avoir une clé API Google Maps. Si vous n’avez pas encore de clé, vous pouvez l’obtenir depuis votre compte Google Developers. Vous n’aurez besoin que de votre adresse e-mail.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Pourquoi ajouter Google Maps à WordPress ?Google Maps

Ajouter une carte Google Maps sur votre site est toujours une option que vous devez envisager pour booster votre SEO local. Aujourd’hui, la plupart d’internautes sont familiers avec Google Maps. Ce qui veut dire qu’ils peuvent facilement utiliser cette application de Google pour trouver votre société. Cette meilleure visibilité locale peut vous aider à surmonter la concurrence.

De plus, contrairement à une simple adresse ajoutée à votre site, une carte Google Maps est interactive. Donc, vos visiteurs peuvent basculer la vue de la carte afin d’avoir une idée réelle sur votre situation géographique. Ils peuvent aisément prévisualiser votre rue ou votre région depuis n’importe quel appareil intégrant Google Maps.

D’où, Google Maps offre la façon la plus simple pour vos clients de trouver le bon itinéraire dans le but d’atteindre votre emplacement. D’ailleurs, ajouter une carte Google Maps ne vous coûtera presque rien comparativement à ce que cela peut apporter à votre entreprise. De plus, vos clients peuvent vous faire plus confiance, car ils sont rassurés qu’ils sont en face d’une entreprise fiable.

Les 3 méthodes pour ajouter Google Maps à WordPress

methode pour ajouter Google Maps à WordPressNotez que WordPress n’intègre pas nativement la fonctionnalité d’ajout de cartes Google Maps. Heureusement, le faire ne sera pas difficile pour vous en suivant les trois méthodes que nous allons décrire dans la partie suivante. Vous pouvez notamment :

  • Ajouter Google Maps à WordPress en utilisant un plugin
  • Ajout manuel de Google Maps à WordPress
  • Utiliser un thème pour ajouter une carte Google Maps à votre site

1. Ajouter Google Maps à WordPress en utilisant un plugin

Si WordPress est un CMS puissant, c’est en partie grâce à son catalogue riche en plugins et en thèmes. Les plugins WordPress permettent de presque tout faire avec ce logiciel open source. Et c’est aussi lorsqu’il faut ajouter une carte Google Maps à votre site.

Il existe des nombreuses extensions WordPress pour afficher une carte Google Maps sur votre site. Nous n’allons pas toutes les détailler ici car, en général, elles sont faciles à utiliser. Nous allons plutôt les citer pour votre connaissance.

Pour le besoin de cet article, nous allons utiliser un d’entre ces plugins. Cela pour vous aider à avoir une idée sur ce que vous devez faire pour intégrer Google Maps à WordPress à l’aide d’un plugin.

Il s’agit en effet du plugin WP Google Maps. Pour commencer, connectez-vous à votre espace d’administration. Ensuite, rendez-vous dans la section « Extensions › ajouter ». Vous serez redirigé vers le répertoire officiel des extensions de WordPress. Vous pouvez utiliser la zone de recherche pour le trouver rapidement. Il vous suffit de taper le mot-clé et attendre les résultats.

Une fois que vous l’avez trouvé, cliquez sur le bouton « Installer maintenant ».installer WP Google Maps Après installation et activation, il sera ajouté à votre menu dans le tableau de bord. Avant de continuer, vous devez enregistrer une clé API Google Maps.

Pour cela, accédez à l’option « Cartes › réglages ». Ensuite, rendez-vous dans l’onglet « Configurations avancées ».configurations avancées Vous pouvez obtenir votre clé sur Google Developers Console. En cliquant sur le bouton correspondant, vous serez redirigé vers la plateforme Google Cloud pour créer votre première clé.👇Google Developers Console Vous devez suivre toutes les étapes nécessaires et après l’avoir obtenu, vous devez la copier et la coller dans la zone prévue.👇enregistrer une nouvelle cléD’autres options peuvent garder leurs configurations par défaut. Pour continuer, accédez à l’option « Cartes ». Vous trouverez une carte créée par défaut que vous pouvez modifier et adapter à votre contexte. Pour cela, cliquez sur le bouton « Modifier ». modifier la cléDans la page suivante, défilez jusqu’à la section « Créer votre carte ».enregistrer une nouvelle carte

  • ShortCode : cette option comporte le code de votre carte qui vous servira à l’implémenter dans n’importe quelle section de votre site (pages ou articles).
  • Nom de la carte : saisissez dans cette zone, le nom de votre carte qui permet de l’identifier facilement
  • Niveau de zoom : vous pouvez ici déterminer le niveau de zoom. Vous pouvez basculer à droite pour augmenter le zoom ou à gauche pour le diminuer
  • Largeur : il est recommandé de maintenir la largeur de la carte à 100 %. C’est la dimension idéale pour que votre carte Google Maps soit responsive.
  • Hauteur : pour cette option, vous pouvez adopter une mesure qui correspond mieux avec la largeur afin que la carte soit visible même sur les petits appareils.

Après avoir donné ces informations, défilez la page et ajoutez la carte depuis ce plan de Google Maps. Vous pouvez soit basculer la carte afin de trouver votre localisation.👇plan de carte de Google MapsVous pouvez aussi avoir une vue satellitaire si vous le souhaitez.👇vue satellitaire de la carteUne autre option pour trouver votre emplacement géographique consiste à utiliser les coordonnées GPS sous la section « Ajouter un marqueur ».ajouter un marqueur Dans ce contexte, le marqueur est une icône qui indique avec précision votre emplacement. Ce qui permet à vos visiteurs de vous localiser avec facilité. La version gratuite du plugin WP Google Maps dispose de six marqueurs.

Par exemple, vous pouvez utiliser un polygone pour dessiner un polygone limitant votre emplacement à l’aide des points. Vous pouvez également utiliser un cercle pour mettre en évidence l’emplacement de votre société.

D’autres marqueurs sont notamment le rectangle, les polylines et les heatmaps. Après avoir choisi un marqueur, vous devez cliquer sur le bouton « Ajouter un marqueur » pour l’enregistrer. Pour une bonne expérience utilisateur, vous pouvez aussi ajouter des animations à votre carte ou des bulles d’information.

Une fois que vous avez terminé, vous devez cliquer sur le bouton « Enregistrer une carte ».

👏Excellent ! Votre carte est maintenant enregistrée. Il s’accompagne d’un ShortCode qui permet de l’intégrer partout où vous souhaitez sur votre site.ShortCode pour une carte Google MapsDans la version professionnelle du plugin, vous avez la possibilité d’ajouter plusieurs cartes sur votre site WordPress.

D’autres plugins pour ajouter une carte Google Maps à WordPress

En dehors de WP Google Maps, vous avez d’autres extensions que vous pouvez utiliser afin d’afficher une carte Google Maps sur votre site WordPress. Vous avez notamment WP MAPS, qui se présente comme une première alternative.WP MAPSVous avez également un autre plugin que vous pouvez utiliser gratuitement, WP Google Map. C’est une extension facile à utiliser et vous pouvez créer rapidement vos cartes sans connaissances techniques particulières.WP Google Map En outre, si vous souhaitez afficher vos cartes Google Maps dans un widget, l’extension WordPress Maps Widget for Google Maps est votre meilleure solution. Maps Widget for Google MapsVous pouvez installer ces extensions en accédant au répertoire officiel depuis votre espace d’administration. Par ailleurs, la méthode d’ajout de Google Maps à WordPress à l’aide d’une extension est celle qui est rapide lorsque vous êtes débutant.

2. Ajouter manuellement Google Maps à WordPress

Si vous ne voulez pas utiliser un plugin, vous pouvez également procéder manuellement pour ajouter Google Maps à votre site WordPress. Pour ce faire, vous avez besoin d’utiliser des services qui vous permettent d’intégrer des cartes à votre site. L’un des services prêts à l’emploi que vous pouvez utiliser pour le faire est Embed Google Map.

Son fonctionnement est simple. Cet outil vous permet de rechercher votre adresse sur Google Maps. Ensuite, il génère un code HTML que vous pouvez intégrer à n’importe quelle section de votre site. De plus, ce service est gratuit et vous n’avez pas besoin de configurer une quelconque API afin de vous en servir.

Pour ce faire, rendez-vous sur Embed Google Map, ensuite, recherchez votre adresse à travers la zone de recherche. Il suffit de taper votre adresse complète et votre emplacement sera affiché sur la carte. rechercher l'adresse de son entrepriseVous pouvez également activer une vue satellitaire de votre emplacement. Vous pouvez par ailleurs zoomer votre emplacement pour afficher une vue rapprochée, montrant clairement les indices pour bien trouver votre entreprise.

Les options « largeur » et « hauteur » vous permettent aussi d’ajuster la taille de votre carte Google Maps afin qu’elle soit bien visible. Une fois que vous avez terminé, cliquez sur le bouton « Get HTML Code ». Un tableau contextuel sera affiché avec un code HTML de votre carte que vous devez copier et coller sur un endroit de choix sur votre site.👇copier le code HTML de la carteLa prochaine étape consiste à vous connecter à votre tableau de bord et trouver l’emplacement où vous pouvez afficher votre carte. De préférence, vous devez créer une nouvelle page ou l’afficher dans les pieds de votre site à l’aide d’un widget.

Pour afficher votre carte sur une page, ouvrez votre page dans l’éditeur de contenus. Si vous utilisez l’éditeur classique, basculez dans le mode d’édition « Texte ».editeur HTMLCollez ensuite votre code dans l’interface d’édition. Cela apparaîtra comme sur l’image ci-dessous.👇coller votre code Google MapsVous ne devez pas ajouter d’autres éléments à l’intérieur de ces lignes de codes. En revenant dans le mode d’édition visuelle, vous aurez un aperçu de votre carte depuis cette interface. Vous pouvez même agrandir le plan pour une bonne visualisation.👇affichage carte Google Maps en mode visuelCette image est une preuve que tout s’est déroulé correctement. C’est si simple comme vous avez pu le voir.

Cette méthode est rapide à utiliser mais elle ne possède pas assez beaucoup de fonctionnalités pour rendre vos cartes interactives. Vous ne pouvez pas par exemple, ajouter des marqueurs spécifiques comme dans la première méthode. Elle reste tout de même une alternative que vous devez envisager si vous ne voulez pas utiliser un plugin.

3. Utiliser un thème pour ajouter une carte Google Maps à votre site

La troisième méthode nécessite d’utiliser un thème qui intègre une fonctionnalité Google Maps. Et ce sont en général des thèmes premium et ils sont relativement faciles à utiliser. Cela veut dire que vous devez prévoir un budget pour acquérir une licence. Il existe un nombre assez considérable de thèmes WordPress avec des fonctionnalités pour ajouter Google Maps à WordPress.

Mais trouver un thème de cette catégorie peut nécessiter un peu de travail et beaucoup de temps. Pour vous aider à y aller vite, nous allons vous parler de quelques thèmes WordPress avec une fonctionnalité Google Maps. Il s’agit notamment de :

  • Estato
  • Travelmatic
  • Reales WP
  • Divi

Par exemple le thème Divi est très riche en fonctionnalités. Il permet de créer un site avec la personnalisation la plus avancée. Si vous avez installé Divi sur votre site, ajouter une carte Google Maps ne vous prendra que quelques minutes.

Pour ce faire, ouvrez la page où vous souhaitez ajouter une carte avec le constructeur de pages de Divi. Habituellement, vous devez commencer par ajouter une section. Ensuite, vous pouvez ajouter une ligne, une rangée et enfin des modules. Il suffit de cliquer sur le bouton noir « + ».modifier une page avec DiviPar la suite, un tableau contextuel de modules sera affiché, vous devez sélectionner le module « Carte ».module carteDans l’interface résultante, vous devez entrer votre clé API Google Maps, ensuite, rechercher votre emplacement sur Google Maps. Une fois que tout cela est terminé, vous pouvez ajuster la taille, le zoom et configurer d’autres options fournies.ajouter Google Maps à WordPressLorsque vous avez terminé, vous pouvez publier votre carte. Les étapes à suivre avec d’autres thèmes sont expliquées dans les documentations respectives.

Conclusion

🥳Toutes nos félicitations pour avoir lu cet article, Google Maps aide vos clients à trouver facilement l’emplacement de votre entreprise. Ajouter Google Maps à WordPress n’est pas si difficile. Comme vous avez pu le voir, cela ne prend que quelques minutes et ne nécessite pas de compétences techniques particulières.

Si vous avez des questions, utilisez la section Commentaires pour nous écrire.

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.