Introduction
Les Superadmins de votre plateforme peuvent configurer et organiser l'identité visuelle des pages et des menus utilisés dans la plateforme à la fois pour la version desktop et mobile. Selon vos besoins, vous pouvez garder la structure du menu desktop et le style des pages alignés sur l’application Go.Learn ou faire des versions différentes.
Cas d'usage
La structure du menu, ainsi que la structure 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 White Label conjointement avec l’application Extended Enterprise, les ensembles de pages et menus peuvent être personnalisés différemment pour chaque domaine.
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 admin depuis l’icône engrenage située dans le coin supérieur droit de la page, puis cliquez sur Gérer les pages dans la section Paramètres.
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).
Parce que les widgets disponibles pour le desktop ne sont pas tous disponibles pour le mobile, la colonne Widgets inclut des détails sur le nombre de widgets utilisés pour la version desktop et pour la version mobile. 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.
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 admin depuis l’icône engrenage en haut à droite de la plateforme et sélectionnez Gestion des menus dans la section Paramètres. 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 les pages et les widgets via CSS
Avec des connaissances de base en CSS, vous pouvez personnaliser les pages de la version desktop 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 fortement 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 & 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 |
| Catalogues dans mes abonnements | doc-page-catalog-licensed |
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.
Conseils & 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 :
- Créer des pages widget. Comment créer des pages en partant de zéro en utilisant les widgets ou en utilisant des modèles pré-définis pour accélérer le processus de création.
- Utiliser les bons widgets. Retrouvez ici la liste complète de tous les widgets disponibles à la fois pour le mobile et pour le desktop.
- Créer une page lien externe. Comment créer une page avec des liens vers des sites web externes.
- Organiser les pages en menus. Comment organiser les pages en menus et comment synchroniser les menus desktop et mobile.
- En savoir plus sur les pages et les menus mobile. Q&A pour tout savoir sur la transition vers les pages mobiles.
- Gérer les pages et menus sur Go.Learn. Apprenez comment utiliser et naviguer le menu de l’app mobile et obtenez plus d’informations sur les pages mobiles intégrées.