Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.

Ajouter une carte Google au contenu HubSpot

Dernière mise à jour: février 21, 2023

Disponible avec :

Tous les produits et les abonnements

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


Obtenir le code d'intégration de la carte Google

  • Accédez à Google Maps.
  • Dans la barre de recherche, saisissez une adresse
  • Dans la liste de l'adresse, cliquez sur Partager.

search-for-address-in-google-maps-

  • Dans la boîte de dialogue, cliquez sur l'onglet Intégrer une carte
  • Cliquez sur le menu déroulant de taille de la carte et sélectionnez une taille
  • Cliquez sur Copier le HTML pour copier le code d'intégration de la carte. embed-a-google-map

Ajouter une carte Google à l'éditeur glisser-déposer 

  • Accédez à votre contenu :

    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
  • Passez le curseur de votre souris sur votre contenu et cliquez sur Modifier
  • Dans l'éditeur de contenu, saisissez HTML dans la barre de recherche de l'éditeur de la barre latérale. 
  • Cliquez sur le module HTML et faites-le glisser en position dans votre contenu. 

add-html-module-to-page

  • Cliquez sur le module HTML pour le modifier.
  • Dans l'éditeur de la barre latérale, collez le code d'intégration de votre carte Google.

Ajouter une carte Google à un contenu sans zone de glisser-déposer

Si votre contenu ne dispose pas d'une zone de glisser-déposer, vous devrez ajouter le module HTML directement au modèle, puis modifier le module HTML dans l'éditeur de contenu. 

Ajouter un module HTML à un modèle

  • Une fois l'installation du module terminée, naviguez vers votre contenu :

    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
  • Passez le curseur de votre souris sur votre contenu et cliquez sur Modifier
  • Cliquez sur l'onglet Paramètres, puis cliquez sur Options avancées.
  • Dans la section Modèle, cliquez sur Modifier ce modèle.
  • Dans le gestionnaire de conception, cliquez sur + Ajouter dans l'inspecteur
  • Dans la barre de recherche, saisissez HTML
  • Cliquez sur le module HTML et faites-le glisser dans votre modèle. 

add-html-module-to-template

  • Dans l'angle supérieur droit, cliquez sur Publier les modifications.

Insérer le code d'intégration dans le module HTML

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.