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.

Modifier votre logo, votre favicon et les couleurs de votre marque

Dernière mise à jour: mai 15, 2024

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

Tous les produits et les abonnements

Les utilisateurs ayant accès à l'autorisation Modifier les paramètres par défaut du compte peuvent modifier le logo, le favicon et les couleurs de votre marque dans votre kit de marque. 

Remarque : Pour vous aider à gérer les logos et favicons de votre marque à partir d'un seul endroit, HubSpot déplacera tous les paramètres de branding depuis Site Web > Pages > Branding vers les paramètres de Kit de marque sur un déploiement progressif commençant le 8 avril 2024 et se terminant en juin. Bien que votre compte puisse ne pas être concerné dès le début par ce déploiement, nous vous conseillons de définir votre logo principal et votre favicon avant que le déploiement ne commence. HubSpot migrera automatiquement les logos et favicons spécifiques à un domaine depuis pages de branding vers les kits de branding, en préservant leur association au domaine. Si le logo ou le favicon principal de votre kit de marque est vide le jour où votre compte est concerné par le déploiement et que vous avez défini un logo ou un favicon par défaut dans les paramètres des pages, nous migrerons ce logo ou ce favicon vers votre kit de marque.

Modifier votre logo

Dans les paramètres de votre compte, vous pouvez modifier votre logo par défaut. Vous pouvez remplacer ce logo par des éléments de contenu individuels. 

  • Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
  • Dans le menu latéral de gauche, cliquez sur Paramètres par défaut du compte.
  • Cliquez sur l'onglet Branding  
  • Cliquez sur le kit de marque que vous souhaitez modifier. 
  • Pour ajouter un nouveau logo, cliquez sur + Ajouter dans la section Logos
  • Ajoutez votre nouveau logo :
    • Pour ajouter une image existante depuis l'outil Fichiers comme logo, cliquez sur Parcourir les images. Dans le panneau de droite, cliquez sur l'image
    • Pour ajouter une nouvelle image, cliquez sur Télécharger, puis ajoutez une image à partir de votre ordinateur. 
  • Dans le champ Nom du logo, saisissez un nom pour le logo. Ce champ est obligatoire. 
  • Dans le champ Texte alternatif du logo, saisissez une description de votre logo pour les moteurs de recherche et les lecteurs d'écran. Cela améliorera l'accessibilité et le SEO de votre site. Pour en savoir plus sur les accessibilité du site web, consultez la documentation destinée aux développeurs de HubSpot.
  • Dans le champ URL du logo , saisissez une URL si vous souhaitez que votre logo soit cliquable.
  • Pour redimensionner votre logo, saisissez une nouvelle dimension dans le champ Largeur ou Hauteur . L'autre champ s'ajustera automatiquement pour conserver les proportions de l'image.
  • Pour ajouter un autre logo, cliquez sur + Ajouter en bas de la section Logos.
  • Pour supprimer une image existante, survolez-la et cliquez sur le X dans l'angle supérieur droit. Pour supprimer un logo, cliquez sur le menu déroulant Actions, puis sélectionnez Supprimer.
edit-logo
  • Lorsque vous avez terminé de modifier votre logo, cliquez sur Enregistrer dans l'angle inférieur gauche.
Vous pouvez remplacer un logo par défaut par du contenu spécifique dans l'éditeur de contenu ou le gestionnaire de conception. Dans le module Logo, activez l'option Remplacer le logo par défaut, puis téléchargez un logooverride-default-logo-in-content-editor

Modifier votre favicon

Dans les paramètres du compte, vous pouvez personnaliser le favicon de votre site web, la petite image dans un onglet du navigateur à côté du titre de la page. Votre favicon ne sera appliqué qu'au contenu hébergé dans HubSpot. 

  • Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
  • Dans le menu latéral de gauche, cliquez sur Paramètres par défaut du compte.
  • Cliquez sur l'onglet Branding  
  • Cliquez sur le kit de marque que vous souhaitez modifier. 
  • Pour ajouter un nouveau favicon, cliquez sur + Ajouter dans la section Favicon
  • Ajoutez votre nouveau favicon : 
    • Pour ajouter une image existante depuis l'outil Fichiers comme favicon, cliquez sur Parcourir les images. Dans le panneau de droite, cliquez sur l'image
    • Pour ajouter une nouvelle image en tant que favicon, cliquez sur Télécharger, puis ajoutez une image de votre ordinateur. 

Remarque : Pour un résultat optimal, enregistrez votre favicon en tant qu'image 48 x 48 pixels dans l'un de ces formats suivants : .ico, .gif ou .png.

  • Dans le champ Nom du favicon, saisissez le nom de votre favicon. 

add-favicon

  • Lorsque vous avez terminé de modifier votre favicon, cliquez sur Enregistrer dans l'angle inférieur gauche. 

Modifier les couleurs de votre marque

Dans vos paramètres, vous pouvez définir des couleurs de marque qui apparaîtront dans l'éditeur de contenu, ainsi que dans les pages de planification, les devis et les canaux de conversation. Les couleurs de la marque n'apparaîtront pas dans les modèles commerciaux et les e-mails. 

  • Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
  • Dans le menu latéral de gauche, cliquez sur Paramètres par défaut du compte.
  • Cliquez sur l'onglet Branding  
  • Cliquez sur le kit de marque que vous souhaitez modifier. 
  • Dans la section Mon kit de marque, cliquez sur l'onglet Couleurs
  • Pour définir votre couleur principale, saisissez une valeur hex ou cliquez sur le sélecteur de couleur et sélectionnez une couleur. La couleur principale est utilisée dans les pages de planification, les devis et les canaux de conversation.
  • Pour ajouter d'autres couleurs de marque, cliquez sur + Ajouter, puis saisissez une valeur hex ou cliquez sur le sélecteur de couleur et sélectionnez une couleur. Pour une couleur non principale, cliquez sur l'icône Supprimer delete à côté de la couleur.

select-brand-colors

  • Vous pouvez également importer des couleurs à partir d'une page en ligne qui utilise déjà les couleurs de votre marque : 
    • Cliquez sur Importer des couleurs depuis l'URL.
    • Dans la boîte de dialogue, saisissez l'URL d'une page aux couleurs de votre marque et cliquez sur Trouver des couleurs
    • Lorsque l'analyse est terminée, décochez la case en regard des couleurs que vous ne souhaitez pas importer, puis cliquez sur Importer

import-colors

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.