Aller au contenu principal

Introduction aux pages et menus

  • Dernière mise à jour:
  • Administrators

Attention : une partie du contenu de cet article décrit des fonctionnalités qui sont susceptibles de ne pas être disponibles avec tous les plans d’abonnement. Rapprochez-vous de votre responsable de compte (si votre abonnement inclut cette option), ou contactez Docebo via le centre d’assistance de votre plateforme si vous souhaitez effectuer une mise à niveau de votre abonnement.

Introduction

Les utilisateurs de votre plateforme peuvent en parcourir le contenu et les fonctionnalités via un menu accessible depuis le coin supérieur gauche. Ce menu permet à chaque utilisateur d’accéder aux différentes pages qui lui ont été assignées (par exemple, Mes cours et mes plans de formation, Catalogue de cours, Mon tableau de bord, etc.).

Pages

La plateforme est livrée avec plusieurs pages préconfigurées couvrant ses fonctionnalités principales. Ces pages intégrées ne peuvent pas être modifiées, bien que vous puissiez en changer le nom et la description.  

  • La liste des pages intégrées disponibles sur votre plateforme dépendra des fonctionnalités que vous avez activées.

En plus des pages intégrées, vous avez la possibilité de créer vos propres pages personnalisées.
Pour plus d’informations sur les pages intégrées et personnalisées, consultez le chapitre Pages.

Menus

Le menu utilisateur lui-même est également configurable, vous pouvez donc définir quel sous-ensemble de pages – parmi toutes les pages intégrées ou personnalisées disponibles sur votre plateforme – doit être visible pour un groupe particulier d’utilisateurs.  

Par exemple, vous pourriez créer une page personnalisée destinée uniquement aux Power Users, ou rendre la page intégrée Mes activités visible uniquement pour une branche spécifique d’utilisateurs.

Pour en savoir plus sur la configuration des menus, consultez le chapitre Menus.

Cas d’usage

  • La structure du menu, ainsi que celle des pages qui composent le menu, est flexible et peut être modifiée à tout moment. Cette flexibilité permet de gérer les situations où vous avez besoin de définir des pages dédiées à un événement organisé par votre entreprise et partager le programme de l'événement ou des indications pour se rendre sur le lieu de l’événement, et ce pendant une période limitée (avant et pendant l’évènement) sur desktop et mobile. Grâce à cette flexibilité, une entreprise qui utilise l’application Extended Enterprise peut concevoir des ensembles différents de pages, organisés dans des menus différents, un menu pour chaque domaine géré par la plateforme. Si vous utilisez l’application Marque blanche conjointement avec l’application Extended Enterprise, les ensembles de pages et menus peuvent être personnalisés différemment pour chaque domaine.
  • Créez une page pour vos formateurs qui servira de centre névralgique, facilitant une navigation et une gestion des tâches efficaces. Par exemple, une zone d’information utilisant le widget HTML offre un accès facile aux mises à jour importantes et aux annonces. De plus, un widget liste des tâches affiche toutes les tâches du formateur, facilitant une hiérarchisation et une réalisation efficaces. Pour améliorer encore l’expérience, intégrez un widget Calendrier permettant aux formateurs de visualiser les tâches assignées et d’accéder rapidement aux cours qu’ils animent.

Pages

Docebo gère trois types de pages :

  • Pages intégrées. Ces pages sont incluses par défaut dans la plateforme mais leur style ne peut pas être modifié, elles ne peuvent pas non plus être supprimées ou dupliquées. En tant que Superadmin, vous pouvez choisir de les afficher ou de les cacher dans le menu. Les pages intégrées disponibles pour le mobile sont : Mes cours et mes plans de formation, Toutes les chaînes, Catalogue des cours, Ma chaîne, Mes compétences et Questions & Réponses (les trois derniers sont disponibles uniquement quand le module Discover, Coach & Share est activé). En savoir plus sur les pages mobiles intégrées.
  • Pages lien externe. Ces pages sont utilisées pour ouvrir des liens depuis des pages web externes directement dans votre plateforme desktop ou votre app mobile Go.Learn. Les pages Lien externe sont disponibles à la fois pour la version desktop et mobile.
  • Pages widget. Ces pages se composent de plusieurs widgets et peuvent être entièrement configurés par les Superadmins. Certains widgets sont disponibles à la fois pour la version desktop et mobile, certains sont disponibles pour la version desktop uniquement. Pour visualiser les pages déjà configurées pour les versions desktop et mobile de votre plateforme, connectez-vous en tant que Superadmin, accédez au Menu de navigation, repérez la rubrique Personnalisation (icône de forme géométrique), puis cliquez sur Pages.

Cette page liste toutes les pages configurées dans votre plateforme, classées par type de pages. Chaque page est disponible par défaut à la fois pour la version desktop et mobile. Chaque ligne comporte l’icône de la page, le nom et la description, si la page est une Page intégrée, Lien externe, ou page widget, dans combien de menus la page est incluse et le nombre de widgets composant la page (pour les pages widget uniquement).

Les widgets disponibles sur postes de travail n’étant pas tous disponibles sur mobile, la colonne Widgets inclut des détails sur le nombre de widgets utilisés pour chaque plateforme. La dernière colonne du tableau indique si la page est publiée ou non. Quand une page est publiée, il est possible de l’inclure dans les menus. Les pages ne sont affichées que pour les utilisateurs attribués à au moins un menu contenant la page. Si une page n’est attribué à aucun menu, aucun utilisateur ne pourra y accéder. Vous pouvez personnaliser le style du tableau en sélectionnant les colonnes que vous souhaitez voir dans la liste en cliquant sur l’icône de gestion des colonnes en haut à gauche du tableau. Le style du tableau est mis à jour en temps réel quand des colonnes sont sélectionnées ou désélectionnées à partir de cette espace.

Gérer les pages

Cliquez sur le nom d’une page pour voir les détails de la page. Les détails de la page changent en fonction du type de page et sont pour la majorité d’entre eux non-modifiables en ce qui concerne les pages intégrées. En savoir plus sur les pages widget et sur les pages de liens externes. Cliquez sur l’icône ellipsis au bout de la ligne pour copier l’URL de la page (pour partager la page avec d’autres utilisateurs), modifier, dupliquer ou supprimer la page. Les options Supprimer, Dupliquer et Modifier ne sont pas disponibles pour les pages intégrées puisque ces pages ne peuvent pas être gérées par les utilisateurs.

Astuce : vous pouvez intégrer l’URL d’une page dans un widget, tel que le widget boîte de contenu personnalisé, pour rediriger les utilisateurs vers des pages non incluses dans le menu principal. Consultez la publication de la Communauté sur les pages masquées pour plus d’inspiration (s’ouvre dans un nouvel onglet).

Quand vous supprimez une page, elle ne sera plus disponible dans les menus associés. Si vous supprimez la page utilisée comme page d'atterrissage après la connexion, les utilisateurs recevront un message erreur 403 après s’être connecté et ne pourront pas naviguer sur la plateforme. Quand vous dupliquez une page, la plateforme crée une copie avec le même statut (publié/dépublié), paramètres généraux (description, langues, boutons additionnels, icône), widgets et paramètres relatifs, style pour mobile et aperçu desktop. Le nom et le code de la page sont dupliqués avec le suffixe -Copy.

La page dupliquée ne sera attribuée à aucun menu afin que vous puissiez la modifier avant de la rendre disponible aux utilisateurs. Une fois que la page est prête, n’oubliez pas de l’associer avec un menu pour la rendre visible. Merci de noter que la page dupliquée apparaît, comme la page initiale, dans la page Gérer les pages, selon le classement par défaut (du plus ancien au plus récent).

A tout moment, vous pouvez basculer à la section Gestion des menus en cliquant sur l'icône de liste en haut à droite.

Menus

Pour visualiser les menus déjà configurés dans votre plateforme, connectez-vous en tant que Superadmin, puis accédez au Menu de navigation, repérez la rubrique Personnalisation (icône des formes géométriques), puis cliquez sur Menus. Chaque menu que vous créez est disponible par défaut à la fois pour la version desktop et pour la version mobile.

Chaque ligne comporte le nom et le code du menu, les utilisateurs autorisés à voir ce menu, le nombre de pages inclus à la fois pour la version desktop et pour la version mobile, si le menu est le menu par défaut de la plateforme et s’il est publié ou non.

Cliquez sur l’icône ellipsis au bout de la ligne pour modifier, dupliquer et supprimer un menu. A tout moment, vous pouvez basculer vers le menu Gestion des pages en cliquant sur l’icône de liste en haut à droite.

Configurer la page intégrée Mon relevé

Mon relevé est une page intégrée qui permet aux utilisateurs de visualiser et de télécharger un rapport détaillé de leurs activités de formation sur la plateforme. Pour une description de l’expérience apprenant, consultez l’article Mon relevé : accéder à un historique complet de vos formations.

Bien que la plupart des pages intégrées ne permettent de configurer que le nom et la description de la page, dans le cas de Mon relevé, vous pouvez également configurer une option contrôlant le type de relevé qui s’affichera pour l’apprenant. 

Sélectionnez Menu de navigation > Personnalisation (icône des formes) > Pages, repérez la ligne de la page intégrée Mon relevé et, depuis les points de suspension, sélectionnez Modifier. 

Ensuite, dans la section Angle du relevé, vous pouvez définir l’option souhaitée pour le rapport de formation individuel de l’apprenant : 

  • Axé sur la formation : (par défaut)
    Se concentre sur des formations spécifiques liées à l’emploi.
    Les colonnes Nom, Certificat et Date d'Achèvement sont verrouillées
  • Axé sur la formation continue :
    Se concentre sur les crédits de formation continue
    Les colonnes Nom, Certificat, Crédits (CEU) et Note Finale sont verrouillées
    Le total des CEU est également affiché dans la partie supérieure
  • Acquisition de compétences : (disponible uniquement si l’application Skills est active)
    Met en évidence le développement de compétences.
    Les colonnes Nom, Certificat et Compétences attribuées sont verrouillées. 

L’option choisie entraînera le verrouillage de certaines colonnes lorsque l’utilisateur consulte la page Mon relevé. Cependant, les utilisateurs peuvent toujours supprimer les autres colonnes ou en ajouter qui ne sont pas incluses dans leur vue par défaut.

Configurer les pages et les widgets via CSS

Avec des connaissances de base en CSS, vous pouvez personnaliser les pages de la version de bureau de votre plateforme en utilisant des fichiers CSS. Chaque page de la plateforme (page intégrée, lien externe, widget) est identifiée avec un ID unique dans le HTML du fichier CSS automatiquement attribué par la plateforme au moment de la création avec le format suivant :

#doc-page-{page_id}

La valeur {page_id} est un shortcode numérique. Voici un exemple de CSS :

#doc-page-14 .tilegroup-wrapper .tilegroup-head {
  display:none !important;
}

Nous recommandons vivement d’éviter les sélecteurs longs, car ils sont plus susceptibles de causer des problèmes quand Docebo procède à des changements relevant de l'identité visuelle de la plateforme. La plupart des pages intégréesont des ID de page fixes, définis dans le tableau suivant. :

Nom de la page intégrée ID unique de la page
Mes cours et mes plans de formation doc-page-my-courses
Catalogue de cours doc-page-catalog
Toutes les chaînes doc-page-channels-dashboard
Ma chaîne doc-page-my-channel
Questions et réponses doc-page-questions-and-answers
Plans d’abonnement doc-page-subscriptions
Mon équipe doc-page-my-team
Mes checklists doc-page-my-checklists
Mes compétences doc-page-channel-{channel_id}
Tableau de bord des compétences doc-page-my-competencies
Mon calendrier doc-page-my-calendar
Mon relevé doc-page-my-transcript

De la même manière, tout widget, disponible sur la page widget, est identifié par un ID unique dans le HTML du CSS. Il est également automatiquement attribué par la plateforme au moment où le widget est créé avec le format suivant :

#doc-widget-{widget_id}

La valeur {widget_id} est un shortcode numérique. Grâce aux ID uniques des pages et widgets, vous pouvez personnaliser chaque page et widget de la plateforme selon les besoins de votre entreprise. Plus d’information sur la personnalisation de la plateforme via CSS.

Bonnes pratiques

Gardez ces bonnes pratiques à l’esprit avant de créer et gérer des menus et des pages :

  • Faites simple
  • Définissez vos priorités
  • Souvenez-vous que défiler vers le bas peut casser l'Expérience Utilisateur
  • Mettez les éléments les plus pertinents dans la partie supérieure
  • Inspirez-vous du site web de votre entreprise
  • Si vous avez trop d’éléments à montrer, créez une autre page
  • Ne créez des menus/pages différents pour les différents types d’utilisateurs que si c’est nécessaire.

Trucs et astuces

L’historique de navigation de l’utilisateur sur la plateforme est suivi à la fois sur la plateforme et sur votre navigateur. Bien que nous nous efforcions d’optimiser autant que possible votre expérience de navigation via le navigateur, l’utilisation du bouton Retour peut parfois ne pas vous ramener correctement à votre point de départ. Quand cela se produit, vous pouvez utiliser la barre de navigation de la plateforme.

En savoir plus

Commencez par créer des pages, organisez-les dans les menus et affectez-les à des utilisateurs. Vous trouverez des informations supplémentaires ici :