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 à votre page

Dernière mise à jour: octobre 31, 2019

Disponible avec :

Hub Marketing Professional, Enterprise
Basique
HubSpot CMS

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, 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 sur le Marketplace. 
  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site web
  • 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.existing%20map%20
  • 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.
  • 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.add%20the%20html

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

  • Accédez à Google Maps.
  • Utilisez la barre de recherche pour rechercher votre adresse. 
  • Cliquez sur Partager, puis sélectionnez Intégrer une carte.  

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

  • Personnalisez la taille, puis cliquez sur Copier HTMLcopy-html
  • Dans HubSpot, accédez à une page de site web ou à une page de destination.
  • 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.

paste-the-html-code

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