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.
Landing Pages

Ajouter une carte Google au contenu HubSpot

Dernière mise à jour: juillet 23, 2021

Disponible avec :

Hub Marketing Professional, Enterprise
Hub CMS Professional, Enterprise
Ancienne version Hub Marketing Basique

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 

add-html-module-to-page
  • Cliquez sur le module HTML pour le modifier.
  • Dans l'éditeur de barre latérale, collez le code d'intégration pour votre carte Google.
  • Cliquez sur Appliquer les modifications.

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

Si votre contenu n'a pas de zone glisser-déposer, vous devez 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

  • Dans votre compte HubSpot, accédez à votre blog, à vos pages de destination ou à vos pages de site web.
  • 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