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.
- 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.
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.
- Personnalisez la taille, puis cliquez sur Copier 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.
- Cliquez sur Mettre à jour dans l'angle supérieur droit de l'écran pour activer les modifications.