Personnaliser l'image de marque de votre portail

Logo

1. Ouvrez Centre d'aide dans la navigation principale et allez dans l'onglet Paramètres.
2. Sous Image de marque, cliquez sur Importer à côté de Logo et choisissez un fichier PNG, JPG, WebP ou AVIF de 1 MB maximum.

Le logo s'affiche à gauche de l'en-tête du centre d'aide. Un logo carré se place à côté du nom de votre portail ; un logo large qui contient déjà votre nom le remplace. Utilisez Remplacer pour un nouveau fichier et Retirer le logo pour revenir au nom seul. Les fichiers SVG ne sont pas acceptés.

Image principale

L'image principale est la grande image placée derrière le titre et la recherche sur la page d'accueil de votre centre d'aide. Les pages d'article, de catégorie et de recherche en affichent une bande sous l'en-tête. Importez-la sous Image de marque > Image principale : PNG, JPG, WebP ou AVIF, 3 MB maximum. Avec au moins 1600 pixels de large, elle reste nette sur les grands écrans. Sans image, cette zone affiche un dégradé doux dans la couleur de votre marque.

Vous n'avez pas d'image à vous ? Sous Ou choisissez l'une de nos peintures, vous choisissez l'une des 9 peintures du site web de Deskwoot, comme Lac avec ponton ou Montgolfière au lever du soleil. Sur téléphone, une version portrait remplit la bande quand elle existe. Le texte clair ou foncé sur l'image, la force du voile posé dessus et la partie qui reste visible se règlent sous Apparence ; voir Personnalisation avancée de l'image de marque du centre d'aide.

Couleur de la marque

La couleur de la marque sert aux liens, aux boutons et aux autres touches de couleur de tout votre centre d'aide, ainsi qu'à l'icône de l'onglet du navigateur quand vous n'avez pas défini de favicon. Saisissez un code hexadécimal comme #1A73E8 ou utilisez le sélecteur de couleur. Choisissez une couleur assez contrastée sur fond blanc, pour que les liens restent faciles à lire.

Liens de l'en-tête

Sous Liens de l'en-tête, vous ajoutez jusqu'à 6 liens dans l'en-tête du centre d'aide, par exemple vers votre site web, votre application ou une page de connexion. Pour chaque lien, vous définissez :

• un Libellé et une adresse qui commence par https:// ou mailto:,
• un style : Lien du menu (à côté du logo), Lien à droite ou Bouton (un bouton plein à droite).

Cliquez sur + Ajouter un lien pour ajouter une ligne et utilisez les flèches pour changer l'ordre. Un lien est enregistré dès qu'il a un libellé et une adresse valide. Les onglets de langue (EN, DE, ES, FR, PT) vous permettent de traduire chaque libellé. Un libellé sans traduction s'affiche en anglais. Sur les petits écrans, les liens passent dans le menu.

Polices

• Police, sous Apparence, définit la police de tout le centre d'aide : Police du système, Instrument Sans, Inter, Roboto, Open Sans, Lato, Poppins, Montserrat, Nunito, Source Sans ou Plus Jakarta Sans.
• Police des titres définit les titres des pages et des sections. Identique à la police de la page est le choix par défaut.
• Police de lecture définit la police du texte de vos articles. Identique à la police de la page garde une seule police partout. Literata est une police à empattements, calme et conçue pour les longues lectures, et vous pouvez aussi choisir ici n'importe quelle police de page.
• Vos propres polices : cliquez sur Importer une police et ajoutez la police de votre marque en fichier WOFF2, WOFF, TTF ou OTF, jusqu'à 2 Mo chacun, avec son nom et sa graisse. Elle apparaît ensuite dans les listes de polices ci-dessus, pour le texte des pages, les titres ou vos articles. Votre CSS personnalisé peut aussi l'utiliser par son nom. N'importez que des polices dont la licence autorise l'usage sur le web.

E-mail du support

Saisissez un E-mail du support et votre centre d'aide le propose dans Besoin d'aide supplémentaire ?, pour que les visiteurs puissent joindre une personne. Quand le widget de chat est désactivé, c'est aussi le moyen de contacter votre équipe sous une réponse IA dans la recherche. Laissez-le vide pour n'afficher aucune adresse e-mail.

Favicon, titre et sous-titre

Le Favicon est l'icône dans l'onglet du navigateur. Sous Image de marque, cliquez sur Importer à côté de Favicon et choisissez un PNG ou WebP carré de 32 à 1024 pixels de large, 256 KB maximum. Sans favicon, l'onglet affiche la première lettre du nom de votre portail sur la couleur de votre marque, et votre centre d'aide n'affiche jamais l'icône de Deskwoot. Le Titre de la page est le grand titre de la page d'accueil, et le Sous-titre est la ligne juste en dessous.

Domaine personnalisé et marque blanche (Enterprise)

Votre centre d'aide se trouve à l'adresse your-slug.deskwoot.com. Avec le forfait Enterprise, vous pouvez l'utiliser sur un domaine qui vous appartient, comme help.yourcompany.com, avec un certificat SSL gratuit. Voir Configurer un domaine personnalisé pour votre centre d'aide. Enterprise permet aussi de masquer « Propulsé par Deskwoot » dans le pied de page ; voir Mettre votre centre d'aide en marque blanche. Le thème et les couleurs, le texte, le voile et le cadrage de l'image principale, les coins, le style de l'en-tête, les icônes des collections, les parties des pages d'article, vos propres titres de section, le CSS personnalisé et votre propre HTML d'en-tête ou de pied de page se trouvent dans Personnalisation avancée de l'image de marque du centre d'aide.

Questions fréquentes

Puis-je importer mon logo ?

Oui. Dans l'onglet Paramètres, sous Image de marque, importez un fichier PNG, JPG, WebP ou AVIF de 1 MB maximum. Il s'affiche dans l'en-tête du centre d'aide.

Quelle taille doit faire l'image principale ?

Large, au moins 1600 pixels de largeur, et 3 MB maximum. Elle se trouve derrière le titre et la recherche : une image calme sans texte fonctionne donc mieux.

Puis-je utiliser une image sans en importer une ?

Oui. Choisissez l'une de nos peintures sous Image de marque > Ou choisissez l'une de nos peintures. Vous pouvez passer à votre propre image à tout moment.

Les liens de l'en-tête peuvent-ils mener à la page de connexion de mon application ?

Oui. Toute adresse qui commence par https:// fonctionne, ainsi que mailto: pour un lien e-mail. Choisissez Bouton pour le mettre en avant.

Les liens de l'en-tête changent-ils selon la langue ?

Oui, si vous les traduisez. Utilisez les onglets de langue dans Liens de l'en-tête pour donner à un libellé sa version en allemand, espagnol, français ou portugais. Sans traduction, le libellé anglais s'affiche.

Que change la police de lecture ?

Uniquement le texte de vos articles. Les en-têtes, les menus et la page d'accueil gardent la police de la page.

Pourquoi le SVG n'est-il pas accepté pour le logo ?

Un fichier SVG peut contenir du script, et rien ne nettoie un SVG importé. Enregistrez plutôt votre logo en PNG ou en WebP.

Puis-je annuler une modification de l'image de marque ?

En partie. L'historique du design dans l'onglet Design garde les modifications de la couleur de la marque, du titre de la page, du sous-titre, des liens de l'en-tête, du CSS personnalisé, des sections de la page d'accueil et des options d'aspect sous Apparence, comme les coins et le texte sur l'image principale. Le logo, l'image principale, les polices, les couleurs du thème, le favicon et l'e-mail du support n'en font pas partie.

La couleur de la marque change-t-elle mon widget de chat ?

Non. Le widget de chat a ses propres réglages d'apparence dans votre boîte de réception de chat en direct. Voir Personnaliser votre widget de chat.