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.

Utiliser des icônes sociales personnalisées dans le contenu

Dernière mise à jour: août 8, 2024

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Tous les produits et les abonnements

Pour utiliser des icônes sociales personnalisées dans un module Social follow ou Social sharing sur une page ou un modèle HubSpot, créez une version personnalisée du module pour ajouter vos propres icônes sociales.

1. Cloner le module par défaut

  • Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  • Dans la colonne de gauche, cliquez sur le module Social follow ou Social sharing 
  • Dans l'alerte de l'éditeur de module, cliquez sur Cloner le module.
custom-social-sharing-module
  • Dans la boîte de dialogue, entrez un nom pour votre module cloné, puis cliquez sur Cloner.

2. Remplacer les icônes

  • Dans l'inspecteur de module, localisez la section Linked files . Sous Other files, notez les noms des fichiers d'icônes sociales pour chaque réseau (par exemple facebook-color.png).
  • Veillez à ce que vos images d'icônes sociales personnalisées soient au format PNG et portent le même nom de fichier que les fichiers d'icônes sociales existants pour chaque réseau dans le module (par exemple facebook-color.png).
  • Pour remplacer une icône sociale existante pour un réseau, cliquez sur le symbole à droite du fichier. Cliquez ensuite sur Ajouter à côté de Autres fichiers.

  • Dans le panneau de droite, utilisez la barre de recherche  pour localiser votre icône sociale personnalisée dans votre gestionnaire de fichiers, ou cliquez sur Ajouter un fichier en bas à gauche et sélectionnez Télécharger des fichiers pour télécharger vos icônes sociales personnalisées depuis votre appareil.
  • Cliquez sur le nom de fichier  pour ajouter l'icône au module.

  • Après avoir remplacé les fichiers d'icônes sociales, cliquez sur Preview en haut à droite de l'éditeur de module pour ouvrir un aperçu du module.
  • Lorsque vous êtes satisfait de l'apparence du module, cliquez sur Publier les modifications en haut à droite de l'éditeur de module. Vous pouvez désormais ajouter ce nouveau module personnalisé à votre contenu HubSpot.


3. Ajouter le module à votre modèle

Une fois le module publié, vous pouvez l'ajouter à un modèle de glisser-déposer ou à un modèle codé.

Modèles de glisser-déposer

  • Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  • Dans la colonne de gauche, cliquez sur le nom  d'un modèle. 
  • Dans la colonne de droite, cliquez sur + Ajouter
  • Cliquez sur le nouveau module , puis faites-le glisser en position sur votre modèle. 
  • Dans l'angle supérieur droit, cliquez sur Publier les modifications.

Modèles codés

  • Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
  • Dans la colonne de gauche, cliquez sur le nom  du nouveau module. 
  • En haut à gauche, cliquez sur le menu déroulant Actions, puis sélectionnez Copier l'extrait.

    design-manager-copy-module-snippet
  • Dans la colonne de gauche, cliquez sur le nom  du modèle codé. 
  • Dans le modèle codé, collez le bloc de texte où vous souhaitez que le module apparaisse.
  • En haut à droite, cliquez sur Publier les modifications.
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.