Vous pouvez intégrer Google Maps dans WordPress soit en utilisant un code d’in­té­gra­tion HTML pour la carte choisie, soit en recourant à l’un des plugins dis­po­nibles. Les deux méthodes sont re­la­ti­ve­ment simples et ne né­ces­si­tent pas de con­nais­sances préa­lables spé­ci­fiques.

Nom de domaine
Votre domaine en un clic
  • 1 cer­ti­fi­cat SSL Wildcard par contrat
  • Fonction incluse Domain Connect pour une con­fi­gu­ra­tion DNS sim­pli­fiée

In­té­gra­tion possible avec ou sans plugin

Il y a plusieurs bonnes raisons de vouloir insérer une carte de Google Maps sur votre site WordPress. Cette option se révèle la plus simple et la meilleure, notamment si vous gérez une fiche Google Maps et que vous souhaitez montrer à vos clients comment vous trouver, ou encore afficher un trajet entre deux des­ti­na­tions. Intégrer Google Maps à votre site WordPress est re­la­ti­ve­ment facile. Il existe dif­fé­rentes méthodes, plus ou moins per­ti­nentes selon la structure de votre site. Vous avez le choix entre plusieurs plugins WordPress dédiés et une in­té­gra­tion sans plugin.

Intégrer Google Maps dans WordPress sans plugin : guide rapide

  1. Créez une carte ;
  2. Copiez le code d’in­té­gra­tion ;
  3. Insérez le code ;
  4. Vérifiez via l’aperçu ;
  5. En­re­gis­trez les mo­di­fi­ca­tions.

La méthode la plus simple pour intégrer Google Maps dans WordPress est proposée par le service de car­to­gra­phie en ligne lui-même.

Étape 1 : affichez tout d’abord la carte que vous cherchez à intégrer. Vous pouvez choisir un seul lieu ou sé­lec­tion­ner un trajet entre deux ou plusieurs points ;

Étape 2 : une fois que la carte cor­res­pond à vos attentes, cliquez en haut à gauche sur le menu avec les trois traits ho­ri­zon­taux ;

Étape 3 : sé­lec­tion­nez ensuite l’option « Partager ou intégrer la carte » ;

Étape 4 : une fenêtre pop-up s’ouvre alors. En cliquant en haut sur « Intégrer une carte », il est possible de copier le code d’in­té­gra­tion et de choisir aussi la taille souhaitée ;

Étape 5 : cliquez ensuite sur « Copier le contenu HTML » ;

Étape 6 : insérez main­te­nant le code de Google Maps dans votre page WordPress. Pour cela, utilisez l’éditeur HTML et copiez-collez le code HTML dans le bloc ;

Étape 7 : avec la fonction Aperçu, contrôlez si la carte a bien été intégrée dans votre site et effectuez les mo­di­fi­ca­tions au besoin.

Il est important d’insérer aussi votre clé API si vous souhaitez intégrer Google Maps sur un site WordPress com­mer­cial. Nous allons voir plus loin cette méthode en détail.

In­té­gra­tion via My Maps

Il est aussi possible de créer et d’intégrer des cartes par le biais de Google My Maps. Cette méthode permet d’afficher plus de détails et d’ajouter vos propres com­men­taires. Cela peut se révéler très utile si vous souhaitez, par exemple, indiquer les pos­si­bi­li­tés de sta­tion­ne­ment à proximité ou afficher des iti­né­raires al­ter­na­tifs. Une fois la carte créée, l’in­té­gra­tion se déroule de la même manière que la méthode expliquée ci-dessus. Vous générez un code d’in­té­gra­tion pour le copier et l’intégrer dans l’éditeur.

Conseil

La solution d’hé­ber­ge­ment WordPress par IONOS inclut jusqu’à trois domaines gratuits et toutes les mises à jour né­ces­saires de manière au­to­ma­tique. Trouvez l’offre qui vous convient parmi nos dif­fé­rents packs.

Intégrer Google Maps dans WordPress avec plugin

Il est aussi possible d’utiliser un plugin pour intégrer Google Maps à WP, ou une carte d’un service de car­to­gra­phie al­ter­na­tif. Cela facilite l’in­té­gra­tion et élargit les pos­si­bi­li­tés de con­cep­tion du site. Un plugin est la solution la plus pratique, notamment si vous cherchez à intégrer plusieurs cartes sur un même site. Après l’avoir installé, effectuez les réglages né­ces­saires depuis le tableau de bord. Voici un choix des meilleurs plugins WordPress pour Google Maps.

Google Maps Widget

Le widget Google Maps est une méthode par­ti­cu­liè­re­ment facile à utiliser si vous souhaitez intégrer Google Maps dans WordPress. Installez et activez d’abord le widget, puis en­re­gis­trez votre clé API. Vous trouverez ensuite le widget dans le menu latéral gauche de WordPress sous « Apparence ». Cet outil permet d’intégrer des cartes où vous voulez sur votre site, et aussi de créer des cartes in­te­rac­tives. Pour la plupart des usages, les pos­si­bi­li­tés offertes par ce widget gratuit suffisent largement.

Google Maps Easy

Là encore, le nom annonce la couleur : la par­ti­cu­la­rité de Google Maps Easy est de pouvoir créer de nouvelles cartes à l’aide d’une interface de gestion dédiée. L’outil permet d’insérer des des­crip­tions, des com­men­taires et des images, ainsi que de définir les options de zoom. Si vous avez créé votre propre carte, vous pourrez l’insérer fa­ci­le­ment à l’aide d’un shortcode.

WP Google Maps

WP Google Maps est l’une des méthodes les plus utilisées pour intégrer Google Maps dans WordPress. Il existe une version de base gratuite et une version payante avec quelques fonc­tion­na­li­tés sup­plé­men­taires. La version gratuite inclut déjà dix thèmes dif­fé­rents et permet d’intégrer des détails aussi précis que des pistes cyclables, des ins­truc­tions de direction ou des in­for­ma­tions sup­plé­men­taires et de définir les options de zoom.

Hero Maps Premium

Du haut de ses 20 $ à l’achat, Hero Maps Premium reste une option assez chère juste pour intégrer une simple carte. Néanmoins, si vous cherchez à intégrer dans WordPress des cartes Google Maps per­son­na­li­sées, qui s’intègrent par­fai­te­ment dans votre site et avec toutes les options sup­plé­men­taires pour les visiteurs, ce plugin est la solution idéale. Sa fonction de filtrage, en par­ti­cu­lier, se révèle un petit plus très utile en fonction de l’uti­li­sa­tion. Pour savoir si son prix en vaut la peine, vous pouvez d’abord essayer la version de dé­mons­tra­tion gratuite.

WP Google Map Plugin

WP Google Map Plugin dispose lui aussi de sa propre interface. Les cartes sont créées via une nouvelle entrée de menu. Les dif­fé­rentes étapes pour arriver au résultat restent in­tui­tives pour un processus qui très rapide. Il suffit dans un premier temps de définir les lieux qui doivent figurer sur la carte avant de régler quelques pa­ra­mètres. L’in­té­gra­tion se fait ensuite par shortcode. Le plugin WP Google Map reste certes limité comparé à d’autres options, mais il se révèle largement suffisant pour des cartes simples et sans fio­ri­tures.

Conseil

En quelques clics, obtenez l’URL dont vous rêvez : chez IONOS, en­re­gis­trez votre nom de domaine préféré et profitez du cer­ti­fi­cat SSL Wildcard, du ver­rouil­lage du transfert de domaine et de 2 Go pour vos boîtes email. Jetez un œil et voyez si votre URL préférée est dis­po­nible !

Une clé API est né­ces­saire pour les boutiques en ligne

Si vous souhaitez intégrer Google Maps dans un site WordPress à but com­mer­cial, il vous faudra une clé API. En général, celle-ci est gratuite. Elle n’entraîne des frais mensuels que si votre site est par­ti­cu­liè­re­ment fréquenté et qu’il attire des milliers de visiteurs chaque mois, ou si vous souhaitez utiliser plus qu’une simple carte. Cette clé API peut être obtenue par la console Google Cloud Platform. Sur cette interface, créez votre projet et choi­sis­sez ensuite le produit approprié. Si vous souhaitez intégrer Google Maps sur votre site WordPress sans plugin, choi­sis­sez l’option « API Maps Embed ». Avec un plugin, le bon choix est « API Maps Static ».

Il est aussi possible de sé­lec­tion­ner plusieurs produits ou de les modifier par la suite. Activez ensuite le produit choisi via l’option « Enable ». Vous trouverez ensuite votre clé API sous « Cre­den­tials ». C’est là que vous pourrez également définir des res­tric­tions pour la clé, afin que personne ne puisse l’utiliser pour d’autres pages. Si vous intégrez une carte sur votre site, insérez la clé dans le code ou déposez-la dans le plugin cor­res­pon­dant. Si votre site n’est pas destiné à la vente, ce n’est pas la peine de chercher à avoir une clé API propre.

Hé­ber­ge­ment pour Managed WordPress
Créez votre site avec l'IA, nous gérons le reste
  • Fonctions d'IA faciles à utiliser, quel que soit votre niveau de com­pé­tence
  • Nombreux thèmes et plugins pour une per­son­na­li­sa­tion complète
  • Mise à jour sans efforts et moins d'ad­mi­nis­tra­tion

En résumé : intégrer Google Maps dans un site WordPress

Il est facile d’intégrer Google Maps dans un site WordPress, avec ou sans plugin. Si vous souhaitez uni­que­ment intégrer une des­crip­tion d’iti­né­raire vers votre adresse, cela ne pose aucun problème. Pour afficher plusieurs cartes ou insérer des fonctions sup­plé­men­taires, cela peut valoir la peine de passer par un plugin qui vous fa­ci­li­tera la per­son­na­li­sa­tion des cartes selon vos besoins.

Conseil

Le Digital Guide de IONOS concentre toutes les infos à connaître sur le CMS le plus célèbre au monde. Retrouvez par exemple les meilleurs thèmes WordPress, ou apprenez comment rendre votre site WordPress plus rapide. Et si vous cherchez des al­ter­na­tives à WordPress, vous y trouverez aussi toutes les in­for­ma­tions.

Aller au menu principal