Personnaliser un thème de base de connaissances

Vous pouvez personnaliser l'apparence de votre base de connaissances en sélectionnant votre mise en page et en configurant votre thème dans l'éditeur de thème. Vous pouvez également voir comment le thème de votre base de connaissances apparaîtra sur les modèles, dans différentes langues et dans différentes tailles d’écran.

Avant de commencer

Avant de commencer à utiliser cette fonctionnalité, assurez-vous de bien comprendre les étapes à suivre à l'avance, ainsi que les limites de la fonctionnalité et les conséquences potentielles de son utilisation.

Compréhension des exigences

• Autorisations du super administrateur .
• Autorisation des paramètres de la base de connaissances , autorisation des paramètres du contenu global et du thème , et une licence utilisateur Service Hub attribuée. Découvrez-en davantage sur la tarification de HubSpot basée sur les licences.

Compréhension des limites et des considérations

• Ces outils ne sont disponibles que pour les bases de connaissances migrées. Découvrez-en davantage sur la migration de votre base de connaissances .
• Pour les bases de connaissances qui n'ont pas encore été migrées, découvrez comment créer et personnaliser une base de connaissances héritée.
• Vous ne pouvez pas personnaliser votre base de connaissances dans le gestionnaire de conception ni utiliser de thèmes personnalisés.

Afficher un thème de base de connaissances

Une fois votre base de connaissances créée, vous pouvez voir à quoi ressemble votre thème dans l’éditeur de thème. Vous pouvez voir à quoi ressemble le thème dans différents modèles, langues et tailles d’écran. 

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3.  Pour afficher un modèle avec un exemple de contenu, cliquez sur le menu déroulant Afficher sur dans l’angle supérieur gauche et sélectionnez un modèle. Les modifications apportées au thème seront appliquées à tous les modèles de base de connaissances.

4. Pour afficher un modèle dans différentes langues, cliquez sur le deuxième menu déroulant dans l’angle supérieur gauche et sélectionnez une langue.

5. Pour voir comment un modèle s’affichera sur différents appareils, cliquez sur les icônes d’appareil en haut de l’éditeur ou saisissez une largeur d’écran en pixels. 

Modifier les couleurs, la typographie et la mise en page d’un thème de base de connaissances 

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Pour modifier les couleurs d’un thème, cliquez pour développer la section Couleurs . Saisissez ensuite une valeur hexadécimale ou sélectionnez une couleur dans le sélecteur de couleurs pour les champs d’arrière-plan Principal, Secondaire, Accent et Corps. Les couleurs de votre marque s’afficheront pour chaque option.
4. Pour modifier la typographie d’un thème, cliquez sur Typographie :
   • Dans les sections Primaire et Secondaire , cliquezsur le menu déroulant des polices et sélectionnez une police. Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée.
   • Pour modifier la typographie de l’en-tête, du corps ou du lien, cliquez pour développer les sections En-tête (H1-H6), Corps ou Lien :
     • Cliquez sur le menu déroulant Police et sélectionnez une police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée.
     • Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
5. Pour modifier la mise en page d’un thème, cliquez pour développer la section Mise en page et sélectionnez une option (par exemple, Mosaïques ou Minimal). Différentes options de mise en page prendront en charge différentes options de style.
6. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Modifier les styles d’en-tête d’un thème de base de connaissances

Vous pouvez modifier les styles d’en-tête de votre thème de base de connaissances, y compris la largeur de l’en-tête, la barre supérieure, le sélecteur de langue, le menu, le bouton et la barre de recherche. Vous pouvez également modifier les couleurs, les polices et les styles de survol dans ces éléments.

Largeur de l’en-tête

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur En-tête dans le menu latéral de gauche.
4. Dans la section En-tête , sélectionnez Pleine page ou Largeur du contenu.

Barre supérieure d’en-tête

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur En-tête dans le menu latéral de gauche.
4. Dans la section En-tête , cliquez pour développer la section Barre supérieure .
5. Pour modifier la couleur d’arrière-plan, saisissez une valeur de code hex ou sélectionnez une couleur d’arrière-plan dans le sélecteur de couleurs pour le champ Couleur d’arrière-plan .
6. Cliquez sur le menu déroulant Police et sélectionnez une police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée.
7. Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
8. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Sélecteur de langue de l’en-tête

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur En-tête dans le menu latéral de gauche.
4. Dans la section En-tête , cliquez sur Sélecteur de langue.
5. Dans la section Sélecteur de langue , cliquez sur Listes déroulantes.
6. Cliquez pour développer la section Arrière-plan .
7. Saisissez une valeur de code hex ou sélectionnez une couleur dans le sélecteur de couleur pour les champs Couleur et Survol . 
8. Pour modifier la transparence, saisissez un pourcentage dans le deuxième champ. Par exemple, une transparence de 100 % sera opaque, tandis qu’une transparence de 0 % ne sera pas visible. 
9. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Menu d’en-tête

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur En-tête dans le menu latéral de gauche.
4. Dans la section En-tête, cliquez sur Menu.
5. Pour modifier les styles des menus déroulants, cliquez sur Menus déroulants :
   • Cliquez pour développer la section Arrière-plan et saisissez une valeur de code hexadécimal ou sélectionnez une couleur dans le sélecteur de couleur pour les champs Couleur et Survol . Pour modifier la transparence, saisissez un pourcentage dans le deuxième champ.
     
   • Cliquez pour développer la section Texte . Cliquez ensuite sur le menu déroulant Police et sélectionnez une police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée.
   • Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
6. Pour modifier le style du texte de la police, cliquez pour développer la section Texte :
   • Cliquez sur le menu déroulant Police et sélectionnez une police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée. 
   • Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
7. Pour modifier la couleur d’arrière-plan, cliquez pour développer la section Arrière-plan , puis saisissez une valeur de code hex ou sélectionnez une couleur dans le sélecteur de couleur.
8. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Boutons d’en-tête

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur En-tête dans le menu latéral de gauche.
4. Dans la section En-tête , cliquez sur Bouton.
5. Pour modifier la police, cliquez pour développer la section Texte :
   • Cliquez sur le menu déroulant Police et sélectionnez une police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée.
   • Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
6.  Pour modifier l’arrière-plan, cliquez pour développer la section Arrière-plan et saisissez une valeur de code hex ou sélectionnez une couleur dans le sélecteur de couleur. Pour modifier la transparence, saisissez un pourcentage.
7. Pour modifier le style de bordure, cliquez pour développer la section Bordure , cliquez sur le menu déroulant Style et sélectionnez un style de bordure (par exemple, Pointillés).
8. Pour modifier le style de l’angle, cliquez pour développer la section Angle . Saisissez ensuite une valeur en pixels (par exemple, 30 px) dans le champ Rayon .
9. Pour modifier le style de survol, cliquez sur Placer le curseur :
   • Cliquez pour développer la section Texte .
     • Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
     • Pour appliquer des styles de texte de police, sélectionnez l’icône italicizeIcon italique ou l’icône underlineIcon de texte souligné.
   • Cliquez pour développer la section Arrière-plan et saisissez une valeur de code hex ou sélectionnez une couleur dans le sélecteur de couleur. Pour modifier la transparence, saisissez un pourcentage.
   • Cliquez pour développer la section Bordure , puis cliquez sur le menu déroulant Style pour sélectionner un style de bordure (par exemple, en pointillés).
10. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Barre de recherche d’en-tête

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur En-tête dans le menu latéral de gauche.
4. Dans la section En-tête , cliquez sur Barre de recherche.
5. Pour modifier l’arrière-plan, cliquez pour développer la section Arrière-plan :, puis cliquez sur le menu déroulant Type d’arrière-plan pour sélectionner une option (par exemple, Couleur, Image ou Dégradé). Des options de style supplémentaires s’afficheront en fonction du type d’arrière-plan sélectionné.
6. Pour modifier les styles de texte du libellé, cliquez pour développer la section Texte du libellé : 
   • Cliquez sur le menu déroulant Police et sélectionnez une police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée.
   • Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
7. Pour modifier le style de police d’entrée, cliquez pour développer la section Entrée , puis saisissez une valeur de code hexadécimal ou cliquez sur le sélecteur de couleur pour sélectionner une couleur. Pour modifier la transparence, saisissez un pourcentage.
8. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Modifier les styles de pied de page d’un thème de base de connaissances

Vous pouvez modifier les styles de pied de page de votre thème de base de connaissances, notamment la largeur du pied de page, l’arrière-plan, le menu, le texte et les icônes de réseaux sociaux. Vous pouvez également modifier les couleurs, les polices et les styles de survol dans ces éléments.

Largeur et arrière-plan du pied de page

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur Pied de page dans la barre latérale de gauche.
4. Pour modifier la largeur du pied de page, sélectionnez Pleine page ou Largeur du contenu dans le champ Largeur du pied de page .
5. Pour modifier la couleur d’arrière-plan du pied de page, saisissez une valeur de code hex ou cliquez sur le sélecteur de couleur pour choisir une couleur.

Menu de pied de page

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur Pied de page dans la barre latérale de gauche.
4. Dans la section Pied de page , cliquez pour développer la section Menu.
5. Pour modifier les styles de police du menu, cliquez sur le menu déroulant Police et sélectionnez une police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée.
6. Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
7. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Texte de pied de page

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur Pied de page dans la barre latérale de gauche.
4. Dans la section Pied de page , cliquez pour développer la section Texte.
5. Pour modifier les styles de police du menu, cliquez sur le menu déroulant Police et sélectionnez une police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille de police ou cas de transformation) dépendent de la police sélectionnée.
6. Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
7. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Icônes sociales en pied de page

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez sur Pied de page dans la barre latérale de gauche.
4. Dans la section Pied de page , cliquez pour développer la section Icônes de réseaux sociaux.
5. Pour modifier la taille des icônes de réseaux sociaux, cliquez sur le menu déroulant Taille de l’icône et sélectionnez une option (par exemple, Petite, Ordinaire ou Grande).
6. Pour modifier la forme des icônes de réseaux sociaux, cliquez sur le menu déroulant Forme de l’icône et sélectionnez une option (par exemple, Cercle ou Carré).
7. Pour modifier la couleur des icônes de réseaux sociaux, saisissez une valeur de code hexadécimal ou cliquez sur le sélecteur de couleur pour sélectionner une couleur dans le champ Couleur de l’icône .
8. Pour modifier la couleur d’arrière-plan des icônes de réseaux sociaux, saisissez une valeur de code hex ou cliquez sur le sélecteur de couleur pour choisir une couleur dans le champ Arrière-plan . Pour modifier la transparence, saisissez un pourcentage. 
9. Pour modifier l’alignement des icônes de réseaux sociaux, cliquez sur blockAlignmentLeftIcon Aligner blockAlignmentCenterIcon à gauche, Aligner au centre ou blockAlignmentRightIcon Aligner à droite dans le champ Alignement .
10. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit. 

Modifier le contenu d’un thème de base de connaissances

Vous pouvez modifier le contenu de l’en-tête et du pied de page de votre base de connaissances. Les modifications publiées seront visibles sur toutes les pages de base de connaissances.

Contenu de l’en-tête

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez En-tête.
3. Dans l’éditeur de contenu global, cliquez sur l’icône des siteTree contenus dans la barre latérale de gauche.
4. Dans la barre latérale de gauche, cliquez sur le module En-tête de site web .
5. Pour modifier le contenu du logo d’en-tête, cliquez pour développer la section Logo :
   • Pour remplacer le logo par défaut, activez l’option Remplacer le logo par défaut ou cliquez sur Modifier le logo par défaut dans ce domaine pour mettre à jour le logo par défaut.
   • Si vous avez choisi de remplacer le logo par défaut, vous pouvez cliquer sur Charger ou Parcourir les images pour ajouter un nouveau logo.
   • Pour afficher le nom de votre entreprise lorsqu’un logo n’est pas défini, activez l’option Afficher le nom de l’entreprise lorsque le logo n’est pas défini.
   • Pour ajouter un lien URL à votre logo, saisissez une URL dans le champ Lien .
   • Cliquez sur Appliquer les options pour voir vos modifications.
6. Pour modifier le contenu du menu d’en-tête, cliquez pour développer la section Menu :
   
   • Pour afficher un menu d’en-tête, cliquez sur le menu déroulant Menu et sélectionnez un menu.
   • Pour modifier un menu d’en-tête existant, cliquez sur Modifier.
   • Pour créer un nouveau menu d’en-tête, cliquez sur Créer.
   • Pour modifier le nombre d’enfants d’arborescence de menu qui peuvent être affichés dans le menu d’en-tête, utilisez les icônes d’augmentation upIcon et downIcon de diminution dans le champ Niveaux max . 
   • Cliquez sur Appliquer les options pour voir vos modifications.
7. Pour modifier le contenu du bouton d’en-tête, cliquez sur Bouton :
   
   • Pour ajouter un bouton à votre en-tête, sélectionnez la case à cocher Ajouter un bouton .
   • Pour modifier le texte du bouton dans l’en-tête, saisissez le texte dans le champ Texte du bouton . 
   • Pour modifier le lien de l’URL du bouton, cliquez sur le menu déroulant Lier vers et sélectionnez une option (par exemple, Externe). Des champs supplémentaires s’afficheront en fonction de l’option sélectionnée.
   • Pour que le bouton Lien URL s’ouvre dans une nouvelle fenêtre, activez l’option Ouvrir le lien dans une nouvelle fenêtre . 
   • Pour modifier le type de lien du bouton, sélectionnez la case à cocher à côté de Aucun suivi.
   • Pour ajouter une icône au bouton, cochez la case Ajouter une icône :
     • Cliquez sur Remplacer pour modifier l’icône du bouton. 
     • Cliquez sur le menu déroulant Position et sélectionnez la position de l’icône du bouton.
   • Cliquez sur Appliquer les options pour voir vos modifications.
8. Pour modifier le contenu du sélecteur de langue, cliquez pour développer la section Sélecteur de langue :
   
   • Pour ajouter le sélecteur de langue à l’en-tête, cochez la case Ajouter un sélecteur de langue .
   • Pour modifier le mode d’affichage du sélecteur de langue, cliquez sur le menu déroulant Mode d’affichage et sélectionnez une option (par exemple, Localisé, PageLang, Hybride).
   • Cliquez sur Appliquer les options pour voir vos modifications.
9. Pour modifier le contenu des options de support supplémentaires, développez la section Options de support supplémentaires :
   
   • Pour afficher un lien de portail client, activez l’option Afficher le lien de portail client . Dans le champ Texte Lien du portail client , saisissez le texte qui s’affichera pour les visiteurs.
   • Pour afficher une connexion à un contenu restreint, activez l’option Afficher l’inscription à un contenu restreint . Dans les champs Texte du lien de connexion et Texte du lien de déconnexion , saisissez le texte qui s’affichera pour les visiteurs.
   • Pour afficher un formulaire de support, activez le bouton Formulaire de support , puis sélectionnez un formulaire dans le menu déroulant Formulaire . Dans les champs Lien du texte du formulaire de support et Titre du formulaire de support , saisissez le texte qui s’affichera pour les visiteurs.
   • Cliquez sur Appliquer les options , affichez vos modifications.
10. Lorsque vous avez terminé, cliquez sur Publier sur [#] ressources dans l’angle supérieur droit.

Contenu du pied de page

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Pied de page.
3. Dans l’éditeur de contenu global, cliquez sur l’icône des siteTree contenus dans la barre latérale de gauche.
4. Pour afficher un menu de pied de page, cliquez sur le module Menu de pied de page :
   
   • Cliquez sur le menu déroulant Menu et sélectionnez un menu.
   • Pour modifier un menu de pied de page existant, cliquez sur Modifier.
   • Pour créer un nouveau menu de pied de page, cliquez sur Créer.
   • Pour modifier le nombre d’enfants d’arborescence de menu qui peuvent être affichés dans le menu de pied de page, utilisez les icônes d’augmentation upIcon et downIcon de diminution dans le champ Profondeur d’affichage du menu. 
   • Pour afficher le menu de pied de page, sélectionnez la case à cocher Afficher le menu.
   • Cliquez sur Appliquer les options pour voir vos modifications.
5. Pour modifier le contenu du logo du pied de page, cliquez sur le module Logo :
   
   • Pour remplacer le logo par défaut, activez l’option Remplacer le logo par défaut ou cliquez sur Modifier le logo par défaut dans ce domaine pour mettre à jour le logo par défaut.
   • Si vous avez choisi de remplacer le logo par défaut, vous pouvez cliquer sur Charger ou Parcourir les images pour ajouter un nouveau logo.
   • Pour personnaliser le chargement du logo de pied de page, cliquez sur le menu déroulant Chargement de l’image et sélectionnez Navigateur par défaut, Lazy ou Eager.
   • Pour ajouter une URL de lien au logo du pied de page, saisissez le texte de l’URL dans le champ URL du lien .
   • Cliquez sur Appliquer les options pour voir vos modifications.
6. Pour modifier le contenu de l’adresse de pied de page, cliquez sur le module Adresse de pied de page :
   
   • Cliquez sur Modifier en vue développée.
   • Dans l’éditeur de contenu global, saisissez le texte de l’adresse de pied de page.
   • Cliquez sur Fermer la vue développée dans la barre latérale de gauche.
7. Pour modifier le pied de page du contenu de suivi sur les réseaux sociaux, cliquez sur le module Suivi sur les réseaux sociaux :
   
   • Dans la section Liens sociaux , cliquez sur l’icône editIcon Modifier ou deleteIcon Supprimer pour modifier ou supprimer un lien de réseau social existant. Pour ajouter un lien de réseau social, cliquez sur le bouton + Ajouter . 
   • Pour afficher les icônes de suivi sur les réseaux sociaux, sélectionnez la case à cocher Afficher les icônes .
8. Pour modifier le contenu protégé par les droits d’auteur du pied de page, cliquez sur le module Droits d’auteur du pied de page :
   • Cliquez sur Modifier en vue développée.
   • Dans l’éditeur de contenu global, saisissez le texte du copyright du pied de page.
   • Cliquez sur Fermer la vue développée dans la barre latérale de gauche.
9. Lorsque vous avez terminé, cliquez sur Publier sur [#] ressources dans l’angle supérieur droit.