Remarque : même si nos guides les plus populaires ont été traduits en anglais, certains guides sont uniquement disponibles en français.

Personnaliser l’interface du hub

Dernière mise à jour le 15 juillet 2019

Renforcez votre image de marque et améliorer l’expérience client. Le header et les couleurs de votre hub ainsi que chaque collection sont personnalisables afin de correspondre à la charte graphique de votre entreprise. Créez de l’émotion et embarquez les utilisateurs dans un environnement au visuel attrayant.

    SECTIONS

Modifier le header du hub

Il est possible de modifier le header de votre hub. Pour ce faire, rien de plus simple :

  1. Connectez vous à votre hub

  2. Cliquez sur le bouton “. . .” en haut à droite de l’interface du hub

  3. Sélectionnez “Personnaliser” 

  4. Cliquez sur “Modifier le thème général

  5. Cliquez sur le pictogramme “nuage” de la rubrique “Télécharger une image de couverture

  6. Importez l’image souhaitée comme header depuis vos dossiers personnels

  7. L’image se charge ensuite sur le hub

Il est important que l’image de couverture téléchargée réponde aux critères suivants :

  • Dimensions optimales : 3000px par 400px et positionnement des visuels & textes au centre de l’image.


Modifier le header d’une collection

Chaque collection peut avoir son propre header, donc différent de celui du hub. Pour le changer :

  1. Accédez à la collection visée

  2. Cliquez sur le bouton “. . .” en haut à droite de l’interface du hub

  3. Sélectionnez “Personnaliser” 

  4. Cliquer sur “Personnaliser cette collection

  5. Cliquez sur le pictogramme “nuage” de la rubrique “Télécharger une image de couverture

  6. Importez l’image souhaitée comme header depuis vos dossiers personnels

  7. L’image se charge ensuite sur le hub

Il est important que l’image de couverture téléchargée réponde aux critères suivants :

  • Dimensions optimales : 3000px par 400px et positionnement des visuels & textes au centre de l’image.


Modifier les couleurs principales

Vous pouvez personnaliser les couleurs principales du hub. Pour ce faire :

  1. Cliquez sur les “. . .” en haut à droite de l’interface du hub pour ouvrir le “Menu du hub

  2. Sélectionnez “Personnaliser” 

  3. Cliquez sur “Modifier le thème général

  4. Cliquez sur  “Modifier les couleurs de mon hub

  5. Cliquez sur “Couleur principale” pour modifier la couleur de la barre d’outils

  6. Cliquez sur “Couleur secondaire” pour modifier la couleur du texte de la barre d’outils

  7. Cliquez sur “Enregistrer


Modifier les couleurs principales d’une collection

Comme pour le header, Chaque collection peut avoir ses propres couleurs. Si vous choisissez des couleurs différentes de celles du hub pour une collection, alors une fois sur cette collection les couleurs changent automatiquement. Pour changer les couleurs principales sur une collection :

  1. Accédez à la collection visée,

  2. Cliquez sur le bouton “. . .” en haut à droite de l’interface du hub

  3. Sélectionnez “Personnaliser” 

  4. Cliquez sur “Personnaliser cette collection

  5. Cliquez sur  “Modifier les couleurs de mon hub

  6. Cliquez sur “Couleur principale” pour modifier la couleur de la barre d’outils

  7. Cliquez sur “Couleur secondaire” pour modifier la couleur du texte de la barre d’outils

  8. Cliquez sur “Enregistrer


Personnaliser le thème du hub

Le thème du hub (arrière plan) peut être modifié. Vous avez le choix entre deux thèmes, le “Dark” ou le “Light”. En voici un aperçu :

Thème “Dark” (thème par defaut)

 

Thème “Light”

Pour changer le thème du hub, il suffit de :

  1. Cliquez sur le bouton “. . .” en haut à droite de l’interface du hub

  2. Sélectionnez “personnaliser” 

  3. Cliquez sur “Modifier le thème général

  4. Cliquez sur  “Modifier les couleurs de mon hub

  5. En fonction de vos préférences choisissez entre le thème “Dark” ou ‘Light

  6. Cliquez sur “Enregistrer


Paramétrer la traduction du nom des collections

Il est possible de choisir la langue de l’interface du hub, donc au changement de langue, la traduction de l’interface est réalisée. Néanmoins, la traduction n’est pas automatique sur les titres des collections que vous avez créées. Il faut donc paramétrer la traduction du nom des collections. Pour ce faire :

  1. Cliquez sur le menu de la collection . . .” situé à droite de la collection

  2. Cliquez sur “modifier” puis sur “renommer

  3. Le panneau latéral de renommage apparaît sur la droite

  4. Cliquez sur “Paramètres avancés

  5. Saisissez la traduction du nom de la collection

  6. Cliquez sur “Appliquer” en haut du panneau

A savoir : Vous pouvez traduire le nom de la collection uniquement dans les langues qui sont activées sur votre hub. Sur la capture d’écran du panneau “renommer” on voit que quatre langues sont activées sur ce hub, on peut donc traduire uniquement dans ces quatre langues.


Help center.png

CENTRE D’AIDE - HELPCENTER

En complément de notre guide utilisateur, nous avons créé et mis à votre disposition des vidéos didacticielles dans l’objectif de vous guider pas à pas dans la prise en main de notre solution.

Accédez au Helpcenter, notre banque de tutoriels, en cliquant sur le lien suivant : https://ub.stream/tutoriel