Modifiez le logo, le favicon, les couleurs, les polices et le thème de votre marque

Les utilisateurs disposant de l'autorisation Modifier les paramètres par défaut du compte peuvent modifier le logo, le favicon, les couleurs, le thème et les polices de votre marque dans votre kit de marque. 

Remarque : vous pouvez créer un kit de marque par compte. Si vous disposez du module complémentaire Marques, vous pouvez créer un kit de marque par marque.

Ajouter ou modifier votre logo

Dans l’onglet Présentation de la marque , vous pouvez modifier votre logo par défaut. Vous pouvez remplacer ce logo par des éléments de contenu individuels. 

1. Dans votre compte HubSpot, accédez à Contenu > Marque.
2. Si vous utilisez le module complémentaire Marques, cliquez sur le menu déroulant dans l’angle supérieur droit et sélectionnez la marque dont vous souhaitez modifier le logo.
   
   
3. Dans la section Kit de marque , cliquez sur Logos.
4. Dans le panneau de droite, 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. 
  • Si vous ne souhaitez pas utiliser le domaine par défaut, cliquez sur le menu déroulant Domaine du logo et sélectionnez un domaine spécifique pour le logo.
  • 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éliore l'accessibilité et le SEO de votre site. Découvrez-en davantage sur l’accessibilité du site web dans la documentation des 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.
  • Si vous souhaitez que ce logo soit le logo par défaut, cochez la case Faire de ce logo mon logo par défaut .
  • Pour supprimer un logo, cliquez sur Supprimer.
  • Pour ajouter un autre logo, cliquez sur + Ajouter un autre logo en bas.
    
    

• • Lorsque vous avez terminé de modifier votre logo, cliquez sur Mettre à jour.

Ajouter ou modifier votre favicon

Dans l’onglet Vue d’ensemble de la marque, 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 sera uniquement appliqué au contenu hébergé sur HubSpot. 

Remarque : Vous pouvez ajouter jusqu'à 20 favicons par marque.

1. Dans votre compte HubSpot, accédez à Contenu > Marque..
2. Si vous utilisez le module complémentaire Marques, cliquez sur le menu déroulant dans l’angle supérieur droit et sélectionnez la marque dont vous souhaitez modifier le logo.
   
   
3. Dans la section Kit de marque , cliquez sur Favicons. 
4. Dans le panneau de droite, ajoutez votre nouveau favicon :
   
   • Pour ajouter une image existante depuis l'outil Fichiers comme logo, cliquez sur Parcourir les images. Cliquez ensuite sur l’image. 
   • Pour ajouter une nouvelle image, cliquez sur Télécharger, puis ajoutez une image à partir de votre ordinateur. 
5. Dans le champ Nom du favicon, entrez un nom pour le favicon. 
6. Pour faire de la favicon la valeur par défaut, sélectionnez la case à cocher En faire mon favicon par défaut .
7. Pour ajouter un autre logo, cliquez sur + Ajouter un autre favicon .
8. Pour supprimer une image existante, cliquez sur Supprimer.
   
   
   
9. Lorsque vous avez terminé de modifier votre favicon, cliquez sur Mettre à jour.

Ajouter ou modifier les couleurs de votre marque

Vous pouvez définir les couleurs de votre marque dans l’onglet Présentation de la marque qui s’affiche dans l’éditeur de contenu, ainsi que les pages de planification, les devis et les canaux de conversations. Les couleurs de la marque n’apparaîtront pas dans les modèles commerciaux et les e-mails. 

1. Dans votre compte HubSpot, accédez à Contenu > Marque.
2. Si vous utilisez le module complémentaire Marques, cliquez sur le menu déroulant dans l’angle supérieur droit et sélectionnez la marque dont vous souhaitez modifier le logo.
   
   
3. Dans la section Kit de marque , cliquez sur Couleurs.
4. Pour définir les couleurs de votre marque, dans le panneau de droite :
   
   • Pour importer vos couleurs depuis une URL, 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. 
     • Glissez et déposez les couleurs que vous souhaitez utiliser à côté de la couleur que vous souhaitez leur attribuer. Par exemple, faites glisser #754262 vers la section Couleur primaire .
       
       
   • Pour saisir le code hexadécimal ou sélectionner des couleurs :
     • Couleur principale : la couleur principale utilisée pour votre marque. Dans Couleur principale, saisissez une valeur hex ou cliquez sur le sélecteur de couleur et sélectionnez une couleur. 
     • Couleur secondaire : la deuxième couleur la plus utilisée dans votre marque. Dans Couleur secondaire, saisissez une valeur hex ou cliquez sur le sélecteur de couleur et sélectionnez une couleur.
     • Couleurs d’accent : couleurs qui complètent les couleurs principales et secondaires de votre marque. Dans Couleur du thème, saisissez une valeur hex ou cliquez sur le sélecteur de couleur et sélectionnez une couleur. 
     • Couleurs supplémentaires : ces couleurs ne sont pas automatiquement utilisées, mais seront disponibles dans les sélectionneurs de couleurs et pourront être référencées dans les outils de développement. Cliquez sur Ajouter add à côté de Couleurs supplémentaires, saisissez une valeur hex ou cliquez sur le sélecteur de couleur et sélectionnez une couleur. Pour supprimer une couleur supplémentaire, cliquez sur Supprimer.

Changer de thème

Un thème est un ensemble de modèles, de modules, de contenus globaux et de paramètres de style utilisables pour créer un site web entier. Vous pouvez modifier les pages et les articles à l’aide d’un thème dans l’éditeur de contenu et définir des modèles de blog pour utiliser un thème dans vos paramètres de blog.

Tous les comptes ont accès à au moins un thème HubSpot par défaut. Les thèmes peuvent également être téléchargés à partir du marketplace des modèles.

Remarque : les bases de connaissances utilisent une version modifiée des thèmes. Découvrez-en davantage sur la modification des paramètres de thème de la base de connaissances.

Pour modifier votre thème :

1. Dans votre compte HubSpot, accédez à Contenu > Marque.
2. Si vous utilisez le module complémentaire Marques, cliquez sur le menu déroulant dans l’angle supérieur droit et sélectionnez la marque dont vous souhaitez modifier le logo.
3. Dans la section Kit de marque , cliquez sur Thème.
   
   

• • Sélectionnez Définir le thème ou Modifier le thème pour sélectionner un autre thème.
    
    • Vos thèmes disponibles s'affichent. Cliquez sur Définir comme thème actif à côté du thème que vous souhaitez utiliser pour votre unité commerciale. 
    • Saisissez un nom de thème dans la barre de recherche pour rechercher un thème.

• • • Cliquez sur Afficher des thèmes dans le marketplace pour afficher d'autres thèmes disponibles au téléchargement.
    • Sélectionnez Aperçu pour prévisualiser l'apparence de votre thème.
  • Sélectionnez Modifier pour modifier les paramètres du thème.

Ajouter, modifier ou supprimer des polices

L’onglet Vue d’ensemble de la marque vous permet de définir des polices principales, secondaires et personnalisées qui seront utilisées dans votre contenu. 

Ajouter des polices

1. Dans votre compte HubSpot, accédez à Contenu > Marque.
2. Si vous utilisez le module complémentaire Marques, cliquez sur le menu déroulant dans l’angle supérieur droit et sélectionnez la marque dont vous souhaitez modifier le logo.
   
   
3. Dans la section Kit de marque , cliquez sur Polices.
   
   

• • Pour définir la police qui sera utilisée pour le corps du texte :
    • Sous Corps du texte, cliquez sur le menu déroulant Sélectionner une police .
    • Saisissez le nom de la police dans la barre de recherche ou sélectionnez la police dans la liste.

• • Pour définir la police qui sera utilisée pour les titres et les gros caractères :
    • Sous Principal, cliquez sur le menu déroulant Sélectionner une police .
    • Saisissez le nom de la police dans la barre de recherche ou sélectionnez la police dans la liste.

• • Pour définir une police personnalisée qui sera disponible dans le sélecteur de police des éditeurs de contenu :
    
    
    • Sous Polices personnalisées, cliquez sur + Ajouter une police personnalisée.
    • Dans le champ Nom de la police , saisissez le nom de votre police.
    • Cliquez sur Choisir un ou plusieurs fichiers de police.
    • Sélectionnez les fichiers de police à télécharger depuis votre ordinateur. Formats de fichiers pris en charge : TTF, OTF et WOFF.
    • Cliquez sur + Charger plus de fichiers pour ajouter plus de fichiers de police.
    • Cliquez sur Suivant.
    • Utilisez les menus déroulants pour sélectionner le style de police correspondant.
    • Cliquez sur + Ajouter un autre style de police pour ajouter des styles supplémentaires.

• • Cliquez sur Mettre à jour.
  • Vous pouvez ajouter plusieurs polices personnalisées. Pour en ajouter un autre, suivez à nouveau les étapes .

Modifier ou supprimer des polices personnalisées

Pour modifier des polices personnalisées :

1. Dans votre compte HubSpot, accédez à Contenu > Marque.
2. Si vous utilisez le module complémentaire Marques, cliquez sur le menu déroulant dans l’angle supérieur droit et sélectionnez la marque dont vous souhaitez modifier le logo.
   
   
3. Dans la section Kit de marque , cliquez sur Polices.

• • Sous Polices personnalisées, à côté de la police existante, cliquez sur Actions, puis sélectionnez Modifier ou Supprimer. 

• • Utilisez les menus déroulants pour sélectionner un style de police correspondant.

• • Cliquez sur + Ajouter un autre style de police pour ajouter des styles supplémentaires.
  • Cliquez sur Mettre à jour.