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: mars 25, 2024

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

Tous les produits et les abonnements

Les utilisateurs ayant Edit account defaults permission access 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 les favicons de votre marque dans l'ensemble du contenu à partir d'un seul endroit, HubSpot déplacera tous les paramètres de marque de Site web > Pages > Branding vers Kit de marque paramètres sur un déploiement progressif commençant le 8 avril 2024 et se terminant en juin. Bien que votre compte puisse ne pas être inclus dans les premiers paramètres, nous vous conseillons de définir votre logo principal et votre favicon avant le début du déploiement. 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 à la date à laquelle votre compte est inclus dans le déploiement, et que vous avez un logo ou un favicon par défaut défini 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. 

  • Depuis votre compte HubSpot, accédez à 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. 
  • Ajoutez votre nouveau logo dans la section Logos  : 
    • 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. Découvrez-en davantage sur l'accessibilité du site web dans la documentation des développeurs
  • 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 maintenir 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 supplémentaire, cliquez sur le menu déroulant Actions et 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. 

  • Depuis votre compte HubSpot, accédez à 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. 

  • Depuis votre compte HubSpot, accédez à 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é. 

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 depuis l'URL.
    • Dans la boîte de dialogue, saisissez l'URL d'une page aux couleurs de votre marque. 
    • 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.