---
title: Ajouter une carte Google à votre page
description: Vous pouvez intégrer une carte Google à votre page HubSpot en utilisant un module HTML.
---

<https://knowledgeqa.hs-sites.com/fr>

# [Ajouter une carte Google à votre page](https://knowledgeqa.hs-sites.com/fr/cos-general/how-do-i-add-a-google-map-to-my-hubspot-page)

 Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 7 Jul 2020 à 4:00:00

Pour ajouter une carte Google interactive à votre page HubSpot, vous pouvez copier le code d'intégration de carte et l'ajouter à un module HTML.

** **

**Remarque :** si la carte était déjà intégrée dans un module Google Maps, vous devez d'abord passer de l'ancien module au module HTML. En raison des modifications apportées à l'[API de Google](https://cloud.google.com/maps-platform/user-guide/), ce module ne sera plus pris en charge. 

Pour passer d'un module de carte existant à un module HTML :

- [Télécharger le module HTML ](https://app.hubspot.com/l/marketplace/products/hubspot/html)sur le Marketplace. 
- Dans votre compte HubSpot, [accédez à vos pages de destination ou à vos pages de site web](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/account/a-guide-to-hubspots-new-navigation). 
- Placez le curseur sur une page et cliquez sur **Modifier**.
- Cliquez sur l'onglet **Paramètres**, puis sélectionnez **Options avancées**. 
- Dans la section *Modèle*, passez le curseur sur la vignette et cliquez sur **Modifier le modèle**.
- Cliquez sur le **module de carte** existant pour ouvrir l'éditeur de module. 
- Dans l'éditeur de module à droite de l'écran, cliquez sur le menu déroulant **Nom** du module et sélectionnez **Module HTML**.
- Cliquez sur **Publier les modifications**.

Si vous devez ajouter le module HTML à votre modèle :

- Dans votre compte HubSpot, [accédez à vos pages de destination ou à vos pages de site web](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/account/a-guide-to-hubspots-new-navigation).
- Placez le curseur sur une page et cliquez sur **Modifier**.
- Cliquez sur l'onglet **Paramètres**, puis sélectionnez **Options avancées**.
- Dans la section *Modèle*, passez le curseur sur la vignette et cliquez sur **Modifier le modèle**.
- Dans l'éditeur de modèle, dans la barre latérale de droite, cliquez sur **+ ****Ajouter**.
- Utilisez la barre de recherche pour rechercher le module HTML. Faites glisser le module à l'emplacement souhaité sur le modèle.
- Cliquez sur **Publier les modifications**.

Une fois le module HTML ajouté au modèle, vous pouvez ajouter la carte à vos pages.  

- Accédez à [Google Maps](https://www.google.com/maps).
- Utilisez la barre de recherche pour rechercher votre adresse. 
- Cliquez sur **Partager**, puis sélectionnez **Intégrer une carte**.  

- Personnalisez la taille, puis cliquez sur **Copier HTML**. 

- Dans HubSpot, [accédez à une page de site web ou à une page de destination](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/account/a-guide-to-hubspots-new-navigation).
- Placez le curseur sur la page et cliquez sur **Modifier**.
- Cliquez sur **Modifier les modules** dans la barre latérale de gauche.
- Sélectionnez le **module **HTML. Collez dans le champ *HTML *le code HTML que vous avez copié dans Google Maps, puis cliquez sur **Enregistrer et aller à la liste des modules**.

- Cliquez sur **Mettre à jour** dans l'angle supérieur droit de l'écran pour activer les modifications.  

[Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/cos-general/how-do-i-add-a-google-map-to-my-hubspot-page)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpot Support"
  },
  "dateModified" : "2020-07-08T15:15:22.793Z",
  "datePublished" : "2020-07-07T04:00:00Z",
  "headline" : "Ajouter une carte Google à votre page",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://knowledgeqa.hs-sites.com/fr/cos-general/how-do-i-add-a-google-map-to-my-hubspot-page",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "FR | Knowledge Quick Answers"
  }
}
```