Insérer un plan Google Maps sur une page

Vous bénéficiez d’un plan Google Maps sur votre page contact qui s’affiche automatiquement, à partir de la formule Premium.
Toutefois, si vous souhaitez en insérer sur une autre page, c’est possible, en utilisant l’élément Google Map de l’Editeur CmonSite.

Il existe deux manières de le faire.

 

1. En utilisant le module Google Map de l’Editeur CmonSite

Pour accéder à l’éditeur de page, allez dans la rubrique « Pages / Catégories » et sélectionnez la page où vous souhaitez insérer un plan.
Ensuite cliquez sur le lien « Google Map » et ajoutez-le à l’endroit souhaité dans votre page.

 

Vous allez pouvoir renseigner les informations nécessaires à la création de votre carte :

  • l’adresse
  • le type d’affichage (carte, satellite ou carte + satellite)
  • le niveau de zoom sur la carte (plus ou moins éloigné du point)
  • la largeur de votre carte en pixels
  • la hauteur de la carte en pixels

 

 

Votre carte apparaîtra alors automatiquement sur votre page !

 

 

2. En utilisant le code source d’une carte

Rendez-vous sur le site Google Maps, et renseignez votre adresse au complet. Lorsque la bonne adresse a été trouvée, cliquez sur le bouton « Partager » comme sur l’image ci-dessous.

Une fenêtre apparaît comme ci-dessous, avec deux éléments : Envoyer un lien et Intégrer une carte. Rendez-vous dans « Intégrer une carte« , puis, pour intégrer le plan sur une page, vous devez copiez le code .

Une fois le code copié, rendez-vous sur la page de votre choix avec l’Editeur CmonSite.
Ajoutez dans votre page le module Code Source à l’endroit où vous souhaitez voir apparaître votre plan :

Une fois l’élément intégré dans votre page, vous allez pouvoir renseigner le code source dans le panneau de configuration qui s’affiche :

Voilà, votre plan Google Maps est en place !
Celui-ci ne s’affiche pas directement dans l’Editeur CmonSite.
Rendez-vous sur votre site pour le voir, cliquez sur «Voir mon site» :

Si vous souhaitez utiliser le plan intégré à la page de contact cliquez ici.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.