Ajouter une carte Google au contenu HubSpot

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.

• 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. 

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. 

• 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. 

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

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

• 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. 
• Dans l'éditeur de contenu, cliquez sur le module HTML. 
• Dans l'éditeur de barre latérale, collez le code d'intégration pour votre carte Google.