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

Les modules par défaut Partage sur les réseaux sociaux et Suivre sur les réseaux sociaux de HubSpot incluent des icônes de réseaux sociaux courants (par exemple, Facebook ou LinkedIn). Pour remplacer les icônes de réseaux sociaux par défaut, vous pouvez cloner et personnaliser le module. Ajoutez ensuite votre module de réseaux sociaux personnalisé à vos pages ou modèles. 

Cloner le module de réseau social par défaut

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
2. Dans l’outil de recherche, saisissez du texte pour rechercher le module Partage sur les réseaux sociaux ou Suivi sur les réseaux sociaux .
3. Cliquez sur le module Suivi sur les réseaux sociaux ou Partage sur les réseaux sociaux. 
4. Dans l’éditeur de module, cliquez sur Cloner le module dans l’alerte Module est en lecture seule .

5. Dans la boîte de dialogue, entrez un nom pour votre module cloné, puis cliquez sur Cloner. Vous serez dirigé vers l’éditeur de module pour continuer à personnaliser les icônes de réseaux sociaux.

Remplacer les icônes de réseaux sociaux

1. Dans l’inspecteur, recherchez la section Fichiers liés. Dans le champ Autres fichiers, notez les noms des fichiers d’icônes de réseaux sociaux pour chaque réseau (par exemple, facebook-color.png ou linkedin-color.png).
2. Vérifiez que vos images d’icônes de réseaux sociaux personnalisées sont au format PNG.
   
3. Vérifiez que vos nouvelles images d’icônes de réseaux sociaux ont les mêmes noms de fichiers que les fichiers d’icônes de réseaux sociaux existants pour chaque réseau du module (par exemple, facebook-color.png ou linkedin-color.png).
4. Cliquez sur le X pour supprimer le fichier d’icône de réseau social existant.
5. Cliquez sur Ajouter à côté du champ Autres fichiers.

6. Dans le panneau de droite, trouvez votre icône de réseaux sociaux personnalisée dans le gestionnaire de fichiers. Pour télécharger un fichier depuis votre appareil, cliquez sur Charger.
7. Cliquez sur le nom de fichier  pour ajouter l'icône au module.
8. Pour prévisualiser le module de réseau social, cliquez sur Aperçu dans l’angle supérieur droit de l’éditeur de module.
9. Lorsque vous avez terminé, cliquez sur Publier les modifications. 

Ajouter le module à votre modèle

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

Modèles de glisser-déposer

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
2. Dans l’outil de recherche, cliquez sur le nom d’un modèle. 
3. Dans l’inspecteur, cliquez sur + Ajouter. 
4. Cliquez sur le nouveau module de réseau social, puis faites-le glisser jusqu’à l’emplacement souhaité sur votre modèle. 
5. Lorsque vous avez terminé, cliquez sur Publier les modifications dans l’angle supérieur droit.

Modèles codés

1. Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
2. Dans l’outil de recherche, cliquez sur Nouveau module de réseau social.
3. Cliquez sur le menu déroulant Actions et sélectionnez Copier le bloc de texte prédéfini.
4. Dans l’outil de recherche, cliquez sur le modèle codé. 
5. Dans l’éditeur de code, collez le bloc de texte prédéfini à l’endroit où vous souhaitez que le module apparaisse.
6. Lorsque vous avez terminé, cliquez sur Publier les modifications dans l’angle supérieur droit.