Intégrer une carte Google Maps sur mon site internet

Découvrez comment intégrer facilement la localisation de votre entreprise sur votre site web grâce à Google Maps. Améliorez l'expérience utilisateur et facilitez la prise de contact pour vos clients.

mer. 31 juil. 2024, 11:41

Si vous êtes commerçant, que vous avez un lieu dans lequel recevoir vos clients ou bien que vous intervenez sur une zone géographique précise, afficher la localisation de votre entreprise est un plus. Cela rassure votre clientèle, qui souhaite souvent consulter les avis ou vérifier l’itinéraire jusqu’à vos locaux.


Obtenir la carte Google Maps de la localisation de mes locaux

Suivez ces étapes pour récupérer le code afin d'afficher la carte Google Maps sur votre site :

  1. Ouvrez Google Maps (maps.google.com) dans un nouvel onglet de votre navigateur.

  2. Recherchez le nom de votre entreprise ou son adresse dans la barre de recherche.

  3. Une fois que votre entreprise apparaît sur la carte, cliquez sur le bouton Partager situé sous le nom de l'établissement (dans le volet gauche ou la fenêtre contextuelle).

  4. Dans la fenêtre qui apparaît, cliquez sur l'onglet Intégrer une carte.

  5. Choisissez la taille de la carte parmi les options (Petite, Moyenne, Grande ou Personnalisée).

  6. Copiez le code de la carte en cliquant sur Copier le contenu HTML.


Ajouter la carte Google Maps à ma page

Une fois que vous avez copié le code de la carte Google Maps, suivez ces étapes pour l’intégrer à votre site :

  1. Rendez-vous dans l’onglet Site internet > Liste des Pages Web.

  2. Cliquez sur la page que vous souhaitez modifier, ou sur n’importe quelle page si vous voulez l’ajouter à votre pied de page, puis sur Modifier.

  3. Dans la section où vous souhaitez faire apparaître la carte, cliquez sur le bouton +Élément.

  4. Choisissez l’élément Intégration.

  5. Dans l’encart Code iframe dans le volet de droite, cliquez sur Modifier le code.

  6. Remplacez le code en place par celui que vous avez copié précédemment.

  7. Cliquez sur Valider le code pour faire apparaître votre carte.

Vous pouvez maintenant personnaliser la forme de la carte via le menu d’édition dans le volet de droite.