Comment insérer une carte Google Maps sur un site internet ?

Dans le cadre de ses formations au digital, Morpheus Formation vous propose des tutos ! Cette article sera détaillé étape par étape avec des photos légendées pour vous aider à intégrer une carte Google Maps à votre site internet. Et cela, que vous ayez codé vous-même ou bien avec WordPress.

Aujourd'hui, Google Maps est l’outil de carte interactive la plus connue et la plus utilisée. Son intégration sur votre site internet représentera un atout. En effet, vos prospects trouveront plus facilement l’endroit votre adresse.

Google offre la possibilité d’intégrer leur carte sur n’importe quel site à l’aide d’un code contenu dans une balise HTML. HTML est un langage de programmation qui est interprété par les navigateurs.

Évidemment, pour un site que vous développez vous-même ou pour un site WordPress, il existe différentes façons de procéder, mais aujourd’hui, cette formation vous propose la méthode la plus simple. Elle ne nécessite aucun téléchargement ou l’utilisation d’outils extérieurs.

Cette carte Google Maps est facilement intégrable sur votre site internet. Elle permet de positionner des marqueurs liés à des adresses pour, par exemple, un champ contact au sein de votre site internet.

Prérequis : 

• un navigateur internet
• un éditeur de code
• quelques bases de HTML

Niveau requis : Débutant

Étape 1 : Générer la carte Google Maps

Pour ce faire, vous devez vous rendre sur Google Maps.

Saisissez l’adresse souhaitée dans le champ de recherche de Google Maps.

Une fois la recherche effectuée, tapez sur "Entrée" pour valider la recherche et pour que le marqueur s’affiche sur la carte Google Maps.

Dès que le marqueur s’est affiché, donc que la recherche a abouti, cliquez sur le bouton “Partager” qui se situe en dessous de l’adresse.

Une fois que vous avez cliqué sur le bouton “Partager”, une fenêtre s’affiche et cliquez sur “Intégrer une carte”.

Copiez le contenu HTML en cliquant sur le bouton “Copier le contenu HTML”.

Il s’agit de la méthode la plus simple pour récupérer le code de la carte Google Maps. Elle est très utilisée dans les sections contacts sur les sites vitrines ET elle est gratuite ! Dans votre section contact, votre carte Google Maps, pointant sur l’adresse de l’entreprise, peut être accompagné d’un formulaire de contact.

Cette carte est interactive, et il est possible de zoomer, cliquez dessus ou de créer un itinéraire depuis votre position !

Pour les prochaines étapes, il vous sera détaillé comment intégrer votre carte Google Maps sur votre site développé pour vous et après, sur votre site WordPress.

Étape 2 : Insérer le code de la carte Google Maps

Après avoir généré le code de la carte Google Maps dans la section précédente, nous allons voir comment insérer ce code au sein de votre site.

Cette partie sera divisée en deux points : un pour un site que vous développez vous-même et un pour un site WordPress.

Intégrer une carte Google Maps sur un site codé par vous-même

Rendez-vous sur votre éditeur de code, et dans votre code HTML, insérer la carte Google en collant ce que vous avez copié.

Une fois le code collé, lancez votre page internet.

Et voilà, vous avez inséré une carte Google Maps au sein de votre site internet.

Bien sûr, il est possible de pousser les fonctionnalités encore plus loin avec un site que vous développez vous-mêmes !

Il existe d’autres solutions pour insérer une carte du type Google Maps sur votre site. Elles peuvent proposer un certain nombre de fonctionnalités supplémentaires.

Intégrer une carte Google Maps sur WordPress

Une fois que le code HTML est copié depuis Google Maps, rendez-vous sur le Tableau de bord de votre site WordPress. Faites “Ajouter un bloc HTML personnalisé” à l’aide de l’éditeur de contenu. Collez le code de la carte Google Maps.

Après cela, vous pouvez prévisualiser la carte en cliquant sur le bouton “Prévisualiser”. Par la suite publier en cliquant sur le bouton “Publier”.

Ce qui ajoutera la carte Google Maps au sein de votre site internet.

Cette méthode est la méthode la plus simple. Il n’est pas utile d’utiliser de plugins comme MapPress ou bien WP Google Maps.

Vos différentes questions

Pour compléter cet article sur Google Maps, voici des réponses aux questions les plus courantes concernant l'insertion d’une carte Google Maps sur internet.

Est-il possible d’utiliser Google Maps de façon gratuite sur son site ?

Comme dit précédemment, insérer de cette manière une carte Google Maps ne vous coûtera rien, et cela, pour n’importe quel site, que ce soit un site WordPress, Wix ou PrestaShop. Cependant, dès lors que vous dépassez les 25 000 visites par jour, Google peut vous demander à ce que vous payez.

Quel est le but d’insérer une carte Google Maps sur son site internet ?

Cela va permettre de mieux localiser l’endroit que vous voulez promouvoir sur votre site internet. Comme elle est interactive, les personnes pourront créer des itinéraires ou se localiser grâce à votre carte Google Maps.

Doit-on payer pour avoir accès à l’API Google Maps ?

L’API Google Maps est initialement gratuit, néanmoins, comme dit auparavant, si votre site internet cumule un très grand nombre de demandes vers l’API, Google peut vous demander de payer l’utilisation de l’API.

Quel est le meilleur plugin permettant l’ajout d’une carte Google Maps sur son site internet ?

Aujourd’hui, il existe un grand nombre de plugins WordPress qui vous offre la possibilité d’intégrer de manière simple et rapide une carte Google Maps sur votre site internet. Néanmoins, s’il faut vous en conseillé un, ça serait le plugin WP Google Maps proposé par Google. Il est également gratuit et est très simple d’utilisation, il ne nécessite aucune compétence particulière en développement web. Il est accessible via votre panneau d’administration WordPress, puis il faut vous rendre dans la partie “Extensions”.