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 pages widget que vous configurez pour votre plateforme pour postes de travail et pour applications mobiles sont composées de widgets. Plus d’informations sur les pages widgets de la plateforme.
Cet article répertorie tous les widgets disponibles sur poste de travail et appareils mobiles, et explique comment les configurer. Veuillez noter que certains widgets sont uniquement disponible sur poste de travail, tandis que les widgets disponibles sur mobile sont identifiés avec une icône mobile dans la section widget du panneau de droite.
Pour avoir un aperçu des pages widget telles qu’elles s’afficheront pour les apprenants sur poste de travail, vous pouvez utiliser la fonction Aperçu. Veuillez noter que cette fonction n’est pas disponible pour les pages pour appareils mobiles. Par conséquent, nous vous suggérons fortement de tester ces pages avant de les déployer en créant un menu de test attribué à un utilisateur de test.
Aperçu de l'activité
Le widget Aperçu de l'activité montre des statistiques sur l’activité de l’utilisateur, comme le nombre de cours auquel celui-ci est inscrit, ainsi que le nombre de cours dont le statut est Terminé, En cours ou Non commencé. En fonction des paramètres du widget, d’autres types d’informations peuvent être affichées.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour le masquer. Passez à la section Éléments à afficher afin de sélectionner le type de données à présenter sur le widget.
Activez le levier Statut des cours pour afficher le statut de ceux auxquels l’utilisateur est inscrit en tant qu’apprenant. Même si l’utilisateur est connecté en tant que Superadmin ou Power User, il verra les données comme un apprenant. Les statistiques sont affichées dans un diagramme circulaire rassemblant les données depuis la création de l’utilisateur sur la plateforme. Il n’est pas possible de filtrer les données par périodes.
Choisissez ensuite si vous souhaitez afficher le Nombre total de sessions utilisateurs et/ou le Nombre total d’inscriptions utilisateurs dans le widget. Veuillez noter que cette information est affichée uniquement si vous êtes un Superadmin ou un Power User. Les utilisateurs ne verront pas ces statistiques, même si cette option est activée. Les données sont affichées graphiquement dans un diagramme et peuvent être filtrées par périodes.
Si le module Discover, Coach & Share est activé sur votre plateforme, vous verrez alors une autre option appelée Activité sociale. Quand cette option est activée, le widget Aperçu de l'Activité affichera une section supplémentaire appelée Activité sociale montrant le nombre de demandes Invitation à regarder en attente et le nombre de contributions téléchargées et publiées par l’utilisateur durant la semaine écoulée. Cliquez sur les icônes pour accéder aux pages Nouvelle invitation et abonnements et Toutes les chaînes, pré-filtrées afin d’afficher les informations pertinentes.
Enfin, déterminez la hauteur du widget ou laissez le champ vide pour que la plateforme la calcule selon les options que vous avez activées. Si la taille du contenu du widget est inférieure à la hauteur que vous avez définie, le widget sera automatiquement redimensionné à sa hauteur minimale. Par exemple, si vous activez l’option Statut des cours, la hauteur de l’objet correspondant dans le widget est de 330 pixels, alors que les options de Nombre total de sessions utilisateurs et le Nombre total d’inscriptions utilisateurs correspondent à des objets de 375 pixels de hauteur. La hauteur minimale du widget est la somme des hauteurs de tous les objets le composant.
Attention : l'application mobile étant destinée aux utilisateurs finaux et n'offrant pas de fonctionnalités d'administration, seules les statistiques sur le Statut des cours et sur l'Activité sociale sont affichées sur mobile. Les statistiques sur les sessions et les inscriptions des utilisateurs ne sont pas disponibles.
Ce widget est disponible à la fois sur poste de travail et sur mobile.
Flux des activités
Le widget Flux des activités affiche les dernières activités enregistrées sur la plateforme. L’utilisateur peut ainsi se tenir informé de ce qu’il s’y passe et des actions réalisées par les autres utilisateurs ou administrateurs.
Ce widget montre les nouvelles inscriptions aux cours de l’utilisateur, les contributions, Q&R et commentaires qui ont été publiés sur la plateforme.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour cacher le titre. Quand l’option Afficher les activités des cours et des plans de formation est activée, le widget montre une carte pour chaque cours ou plan de formation auquel l’utilisateur est inscrit. Chaque carte contient l’avatar de l’utilisateur, la vignette du cours ou de plan de formation, le titre et la langue, la date de l’inscription et le niveau dans le cours.
Si vous souhaitez que l’utilisateur puisse ajouter des commentaires sur les activités affichées, activez l’option Autoriser les commentaires. Le levier Activer le bouton “Demander à l’expert” affiche l’option “Demander à l'expert", qui permet à l’utilisateur de contacter l’expert d’une chaîne si besoin. Cette option peut être utilisée quand Discover, Coach & Share est activée sur la plateforme. Plus d’informations sur la gestion des questions & réponses.
Ce widget est disponible à la fois sur poste de travail et sur mobile.
Catalogues
Le widget Catalogues affiche ceux qui sont visibles pour un utilisateur, et répertorie ainsi tous les cours et plans de formation qu’ils peut acheter ou auxquels il peut s'inscrire.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour le masquer.
Dans la section Catalogues à afficher, choisissez si vous souhaitez afficher tous les catalogues disponibles en sélectionnant l’option Tous les catalogues ou une Sélection personnalisée. Si vous choisissez l’option Sélection personnalisée, vous devrez définir quels catalogues l’utilisateur pourra voir dans le widget.
Astuce : quels que soient leurs droits ou les ressources qui leur sont assignées, l’option Tous les catalogues reste toujours disponible pour les Power Users. En revanche, pour pouvoir opter pour une Sélection personnalisée, ils doivent disposer du droit Catalogues / Afficher, et ils ne peuvent sélectionner que ceux qui leur sont assignés en tant que ressources.
Si une sélection personnalisée existante inclut des catalogues non assignés, ceux-ci seront masqués. Le Power User pourra donc cliquer sur la croix (x) pour les enlever, mais ne sera plus en mesure de les rajouter par la suite.
Lors de la configuration des catalogues à afficher, rappelez-vous que les apprenants verront ceux auxquels ils ont accès, c’est-à-dire tous les cours et plans de formation disponibles à l'achat ou à l'inscription, organisés logiquement par catalogue.
Si vous utilisez l'application Codes d’inscription, tenez compte des cas d'utilisation suivants :
- Si le widget est destiné à présenter tous les catalogues disponibles, sélectionnez l'option Tous les catalogues. Celle-ci garantit que le widget affichera non seulement les catalogues appartenant aux forfaits que vous avez créés, mais aussi ceux qui sont visibles par les apprenants mais non inclus dans aucun forfait. Vous obtiendrez le même résultat en utilisant la page intégrée Catalogues de cours.
- Si le widget est destiné à tous les apprenants, choisissez Sélection personnalisée et ajoutez tous les catalogues inclus dans les forfaits que vous avez créés. Les apprenants ne verront que les catalogues associés aux abonnements qu'ils ont achetés ou qui leur ont été assignés, au sein des catalogues sur lesquels ils ont une visibilité.
- Si le widget est destiné à un public spécifique, choisissez Sélection personnalisée et incluez une sélection organisée de catalogues provenant des forfaits que vous avez créés, adaptés à l'objectif spécifique de la page.
Dans la section Mode d’affichage, sélectionnez Défaut, Flux ou Calendrier si vous souhaitez afficher plus d’un catalogue.
Astuce : le mode d'affichage Calendrier affiche les cours passés, présents et futurs, ce qui constitue un moyen idéal pour tenir les apprenants informés des événements à venir dans tous les catalogues auxquels ils ont accès, qu'ils soient inscrits ou non. Les utilisateurs peuvent donc voir les cours et les plans de formation disponibles, et s'y inscrire à leur guise. Il est important de noter que les cours programmés dans le passé sont conservés et non supprimés.
Si vous ne choisissez de n’afficher qu’un seul catalogue, vous pouvez sélectionner les modes d’affichage suivants : Défaut, Flux, Carte, Liste ou Calendrier. Les modes d’affichage Par défaut et Flux offrent la même disposition, mais l'option Défaut permet de pré-sélectionner les cours en utilisant les filtres Type et Prix. Les modes d’affichage Carte et Liste n’incluent pas de Titre de catalogue. Si vous souhaitez l’afficher, définissez le titre du widget en incluant le titre du catalogue ou son identifiant.
Choisissez maintenant si les utilisateurs sont autorisés à trier les catalogues dans le widget (si le widget contient plus d'un catalogue) ou les cours et les plans de formation dans le catalogue (si le widget ne contient qu'un seul catalogue). Si vous sélectionnez Afficher l'option "Trier par", sélectionnez également l'option de tri par défaut (du plus récent au plus ancien, du plus ancien au plus récent, par nom ou par code). À noter :
- Lorsque vous sélectionnez le mode d'affichage Défaut ou Flux, le tri est appliqué aux catalogues inclus dans le widget et ne s'applique pas aux cours et aux plans de formation inclus dans les catalogues. Si le widget contient un seul catalogue, le mode de tri est toujours destiné aux catalogues et ne réorganisera pas les cours et les plans de formation contenus dans le catalogue sélectionné. Dans ce cas, il est préférable d'utiliser le mode d'affichage Card ou Liste.
- Les modes d'affichage Liste et Card ne sont disponibles que lorsque le widget contient un seul catalogue. Si vous sélectionnez l'un de ces modes d'affichage, le tri est appliqué aux cours et aux plans de formation inclus dans le catalogue puisqu'il n'y a pas de catalogue à trier.
Lorsque vous affichez plusieurs catalogues, n'oubliez pas que le tri par défaut des cours et des plans de formation inclus dans chaque catalogue affiché dans le widget est défini individuellement pour chaque catalogue.
Le widget catalogue comprend un moteur de recherche permettant aux utilisateurs de trouver des cours et des plans de formation à l'aide d'un mot clé inclus dans le code, le titre, l'UID et la description des cours. Le contenu du widget peut être filtré en fonction de différents critères (y compris les champs supplémentaires du cours) ou par catégories de cours. Lorsqu’un ou plusieurs filtres sont définis, ou que des catégories de cours sont utilisées comme filtres, le widget n'affiche que la première page de résultats pour chaque catalogue inclus dans le widget.
Conseils d'utilisation :
- Par défaut, ce widget affiche 24 cartes par catalogue. Si le catalogue comprend plus de 24 éléments et que vous avez sélectionné le mode d’affichage Liste, les éléments restants sont chargés lorsque l’utilisateur fait défiler le contenu du widget.
- Nous vous recommandons d’inclure jusqu’à 50 catalogues par widget. Si vous avez besoin d’en afficher plus de 50 différents pour divers utilisateurs, envisagez de créer des pages distinctes avec un widget Catalogues pour chaque segment d’utilisateur (affichant les catalogues qu’ils sont autorisés à afficher). Ensuite, incluez ces pages dans différents menus en ajustant leur visibilité pour chaque segment d’utilisateurs.
Ce widget est disponible à la fois sur poste de travail et sur mobile, et est conforme aux standards d’accessibilité de la plateforme.
Chaînes
Le widget Chaînes affiche les chaînes attribuées à l’utilisateur ainsi que leur contenu.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour le masquer.
Utilisez les options de la section Chaînes à afficher pour identifier celles qui seront incluses dans le widget. L’option Toutes les chaînes est sélectionnée par défaut, ce qui signifie que l’utilisateur peut voir toutes celles pour lesquelles il a des autorisations de visibilité, mais il est également possible de n’afficher que la chaîne personnelle de l’utilisateur (option Ma chaîne) ou une sélection personnalisée.
Pour choisir les chaînes qui seront affichées dans le widget, cochez l’option Sélection personnalisée dans la section Chaînes à afficher, puis sélectionnez-les depuis le menu déroulant Ordre des chaînes. Vous pouvez redéfinir cet ordre en faisant glisser les chaînes. L'ordre défini dans le cadre de la configuration du widget correspond à l'ordre d'affichage dans le widget.
Astuce : quels que soient leurs droits ou les ressources qui leur sont assignées, les options Toutes les chaînes, Ma chaîne et Chaînes suivies restent toujours disponibles pour les Power Users. En revanche, pour pouvoir opter pour une Sélection personnalisée, ils doivent disposer du droit Chaînes / Afficher, et ils ne peuvent sélectionner que celles qui leur sont assignées en tant que ressources.
Si une sélection personnalisée existante inclut des chaînes non assignées, celles-ci seront masquées. Le Power User pourra donc cliquer sur la croix (x) pour les enlever, mais ne sera plus en mesure de les rajouter par la suite.
Si une seule chaîne est affichée dans le widget, par exemple si vous sélectionnez l'option Ma chaîne, la section Mode d'affichage est disponible. Vous pouvez y choisir si les chaînes seront affichées en mode card ou en mode flux. Pensez à la taille du widget lorsque vous sélectionnez le mode d'affichage.
Quand le mode d’affichage Card est sélectionné, les noms des éléments affichés dans le widget Chaînes peuvent être classés en ordre alphabétique (de A à Z ou de Z à A) ou par date (du plus récent au plus ancien ou du plus ancien au plus récent) pour faciliter la recherche, et ce grâce au levier Afficher l’option "Trier par". Une fois cette option activée, choisissez le mode de classement par défaut depuis le menu déroulant Tri par défaut.
Si vous sélectionnez les options Toutes les chaînes, Ma chaîne, Chaînes suivies ou Sélection personnalisée et n'incluez qu'un seul widget, la section Options s'affichant sur le panneau proposera le choix suivant :
- Afficher le sélecteur de filtres : permet d’activer un outil de sélection de filtre pour les chaînes.
- Afficher la barre de recherche : active la barre de recherche située dans la partie supérieure du widget, au-dessus des liens vers les chaînes, afin de trouver le contenu inclus dans des chaînes depuis le widget.
Il n’est pas possible d’ajouter plus de 100 chaînes dans ce widget car cela peut entraîner un ralentissement et un temps de chargement plus long de la page. Veuillez noter également que ce widget peut afficher jusqu’à 24 cartes par chaîne.
Ce widget est disponible à la fois sur poste de travail et sur mobile, et est conforme aux standards d’accessibilité de la plateforme.
Cours et plans de formation
Ce widget liste tous les cours et/ou les plans de formation auxquels l’utilisateur est inscrit.
Attention : si vous n’insérez pas ce widget sur la page de l’utilisateur et que la page intégrée Mes Cours et mes plans de formation ne figure pas dans le menu principal de l’utilisateur, les utilisateurs se connectant à la plateforme ne pourront pas voir leurs cours et/ou plans de formation.
Saisissez le titre du widget et choisissez si vous souhaitez afficher les plans de formation sous forme de liste ou de cartes. Veuillez noter que le mode d’affichage Card n’est disponible que dans le cas où le widget est présenté sur une ou deux colonnes.
Saisissez le titre du widget et laissez le champ vide pour le masquer. Ensuite, configurez les paramètres disponibles comme expliqué ci-dessous :
Mode d'affichage
Choisissez si vous souhaitez afficher les cours et/ou les plans de formation sous forme de liste ou de cartes. N’oubliez pas que l’affichage par cartes n’est disponible que lorsque le widget est disposé sur une ou deux colonnes.
Choisissez d’afficher tous les cours et plans de formation, uniquement les cours ou uniquement les plans de formation. Après avoir sélectionné l’option Cours et plans de formation, définissez si vous souhaitez supprimer les cours qui font partie d’un plan de formation de la liste des éléments affichés dans le widget. Pour cela, utilisez le bouton dédié dans la section Mode d’affichage.
Déterminez si vous souhaitez montrer les éléments dans le widget indépendamment de leur statut ou uniquement si leur statut est Non commencé, En cours ou Terminé.
Attribut
Si l'option Afficher la section Attributs d’inscription est activée dans le menu des paramètres avancés de la plateforme, la section Attributs vous permet de configurer le widget pour afficher le contenu avec n'importe quelle priorité ou une priorité spécifique. Lorsque cette option est désactivée, la section Attribut est masquée. La priorité du contenu aide à clarifier l'importance du contenu pour les apprenants, indiquant s'il est obligatoire, requis, recommandé ou facultatif.
Options
- Afficher le sélecteur de filtres : utilisez cette option pour activer un outil permettant afin de filtrer les cours et les plans de formation.
- Afficher la barre de recherche : un moteur de recherche permet à l’utilisateur de rechercher des cours ou des plans de formation dans le widget. Activez cette option pour afficher la barre de recherche en haut du widget.
- Afficher l’option "Trier par" : utilisez cette option pour permettre aux apprenants de choisir comment trier le contenu affiché dans le widget. Le contenu peut être trié par date d’inscription (du plus récent au plus ancien ou inversement), par nom, par code ou par date d'expiration la plus proche ou la plus éloignée. Lorsque cette option est activée, n’oubliez pas de sélectionner le mode de tri par défaut à l’aide du menu déroulant Tri par défaut.
Mode d'affichage
-
Préférences de chargement des cours et des plans de formation. Si le widget doit charger plusieurs cours et/ou plans de formation, utilisez cette option pour en définir le mode de chargement. Sélectionnez parmi les options suivantes :
- Afficher le bouton “Charger plus”. Quand cette option est sélectionnée, le lien “Afficher plus” s’affiche dans le widget, en cliquant dessus des résultats supplémentaires s’afficheront.
- Afficher le lien “Voir tous mes cours et mes plans de formation”. Quand cette option est sélectionnée, le lien Mes cours et mes plans de formation s’affiche aux utilisateurs dans le widget afin qu’ils puissent accéder aux cours et aux plans de formation de la plateforme.
- Afficher les deux premières options ensemble. Sélectionnez cette option pour afficher les liens Afficher plus et Mes cours et mes plans de formation dans le widget
- Charger les éléments pendant que l’utilisateur fait défiler la page. Quand cette option est sélectionnée, les cours et/ou les plans de formation se chargent automatiquement tandis que l'utilisateur fait défiler la liste.
À noter : les options présentes dans la section Mode d'affichage ne sont pas prises en charge pour le mobile. Sur l'application mobile Go.Learn le bouton Afficher plus dans la partie inférieure du widget est la seule option qui vous permette d'afficher des résultats supplémentaires.
- Afficher la date limite des cours et plans de formation (le cas échéant) : activez cette option pour afficher la date limite d’inscription de l'apprenant sur la carte du contenu dans le widget. Une fois la date limite passée, la carte affichera En retard.
- Supprimer les cours qui font partie d’un plan de formation : lorsque cette option est activée, le widget masquera les cartes de cours faisant également partie d’un plan de formation, ce qui contribue à réduire le nombre de cartes affichées.
Ce widget est disponible à la fois sur poste de travail et sur mobile, et est conforme aux standards d’accessibilité de la plateforme.
Fenêtre de contenu personnalisé
Ce widget se compose d’un arrière-plan (soit remplie d’une couleur unie ou d’une image) avec trois éléments au-dessus : un titre de contenu, un sous-titre de contenu et une touche (avec un lien vers une URL)
Utilisez le champ de texte Titre pour définir le titre du widget ou laissez-le vide pour le masquer. Ensuite, choisissez si vous souhaitez téléverser une image ou remplir l’arrière-plan avec une couleur unie en sélectionnant une des options correspondantes.
Lorsque vous sélectionnez l’option Image, vous pouvez téléverser un fichier dans l'espace Téléverser votre image, soit en le déposant dans le champ, soit en le recherchant sur votre appareil après avoir cliqué sur l’icône téléversement. Une fois l’image téléversée, un aperçu s’affiche dans l'espace dédié. Pour remplacer une image existante, il vous suffit d’en téléverser une autre de la même façon.
Les formats de fichier pris en charge sont PNG et JPG, et la taille de fichier maximale est 4 Mo.
Lorsque vous sélectionnez l’option Couleur de l'arrière-plan, utilisez le sélecteur de couleurs ou saisissez directement le code couleur HEX. La couleur d’arrière-plan par défaut est celle du thème Couleur du texte accentué et des liens, qui est définie dans la section Configurer l'identité visuelle des Paramètres du thème de votre plateforme.
Choisissez si vous souhaitez afficher le titre et le sous-titre du contenu, puis entrez-les dans les champs de texte correspondants et sélectionnez une couleur unique pour le texte. Choisissez ensuite si vous souhaitez afficher la touche. Si la touche est affichée, entrez le texte qui y figure, liez une URL en la tapant dans le champ URL de destination et choisissez si le lien s’ouvre dans un nouvel onglet/fenêtre ou dans le même onglet. Lorsque vous définissez l’URL et choisissez d’ouvrir l’URL dans le même onglet, envisagez d’utiliser des URL relatives de sorte que les utilisateurs puissent revenir de la page vers laquelle ils ont été redirigés en cliquant sur le bouton dans le widget de la Fenêtre de contenu personnalisé. Lorsque vous utilisez des URL absolues, il ne pourra être possible de revenir en arrière qu’en utilisant le bouton Retour du navigateur.
Complétez la configuration de l’aspect du bouton en en sélectionnant la couleur d’arrière-plan et du texte.
La dernière étape consiste à définir l’alignement du contenu et du bouton dans le widget. Définissez l’alignement horizontal en gardant à l’esprit que l’alignement sélectionné impactera les trois éléments.
Définissez l’alignement vertical pour aligner les trois éléments à la verticale. Sélectionnez En haut et en bas pour aligner les éléments de sorte que l’espace supplémentaire soit placé entre le titre/sous-titre et le bouton. Quand l’option Milieu est sélectionnée, l’espace supplémentaire est distribué de manière égale au-dessus et en-dessous des trois éléments.
La dernière étape consiste à définir la hauteur minimale du widget en pixels. Cette hauteur s’appliquera quand le contenu du widget est inférieur à la hauteur minimale, afin de combler la différence et de garder une hauteur de widget constante. Laissez ce champ vide pour utiliser la valeur par défaut.
Ce widget est disponible à la fois sur poste de travail et sur mobile.
Insérer vidéo
Ce widget est utilisé pour insérer les lecteurs de vidéos YouTube, Vimeo ou Wistia dans votre page widget. Après avoir inséré l’URL de la vidéo dans le champ dédié, l’icône de la plateforme à partir de laquelle le lecteur est chargé se colore alors que les autres restent grisés.
Veuillez noter que la vidéo ne démarre pas automatiquement dans le widget. Les utilisateurs doivent la démarrer manuellement. Les lecteurs vidéo sont affichés de manière à s’adapter à la largeur disponible. Le ratio original est conservé, la hauteur du widget est donc redimensionnée en conséquence. Veuillez noter que la plateforme vidéo d’origine gère complètement l’aspect et les paramètres du lecteur.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour cacher le titre. Copiez et collez l’URL de la vidéo dans l’espace dédié.
Ce widget est disponible à la fois sur poste de travail et sur mobile.
Codes d’inscription
Ce widget concerne les personnes qui utilisent l’application Codes d’inscription et permet aux utilisateurs de saisir leur code pour s’inscrire. Utilisez le champ Titre pour définir le titre du widget ou laissez le champ vide pour le masquer.
Attention : si l’application Codes d’abonnement n’est pas activée sur la plateforme, ce widget n'apparaîtra pas dans la liste.
Ce widget est uniquement disponible sur poste de travail.
Gamification
Le widget Gamification affiche les badges, les tableaux de classement et les compétitions provenant de l’application de Gamification. Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour le masquer.
Puis, sélectionnez au moins une des options dans la section Éléments à Visualiser : Badges, Tableaux de classement et/ou Concours. Si les Badges s’affichent dans le widget, choisissez si vous souhaitez Afficher combien de badges n’ont pas encore été gagnés et choisissez s’il convient d’activer l’option Afficher le lien Tout afficher.
Ce widget est disponible à la fois sur poste de travail et sur mobile.
HTML/WYSIWYG
Le widget HTML/WYSIWYG (What You See Is What You Get) vous permet de créer du contenu HTML personnalisé ou du contenu WYSIWYG. Vous devez avoir l’habitude de travailler avec ce type de contenu afin de le configurer correctement.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour cacher le titre. Choisissez le type d’éditeur que vous souhaitez utiliser entre HTML et WYSIWYG et insérez/collez votre code dans l’espace dédié. Vous pouvez également définir la hauteur du widget en pixels. N’utilisez jamais HTML pour les pages iframe et les pages internes de la plateforme.
Ce widget est disponible à la fois sur poste de travail et sur mobile. Nous suggérons d’utiliser l’éditeur WYSIWYG pour les pages mobile, Docebo n’étant pas en mesure de garantir le rendu du widget lorsque l’éditeur HTML est utilisé.
Conseil d’utilisation : utilisez un lien relatif lorsque vous créez des liens vers d’autres pages (/pages/16/dashboard au lieu de http://mylms.docebosaas.com/pages/16/dashboard). De cette manière, cela n’aura pas d’importance que l’utilisateur cliquant sur le lien soit connecté via le domaine personnalisé ou via le domaine docebosaas.
Notes relatives au widget HTML/WYSIWYG
- Le contenu HTML et la mise en page HTML dans le widget relèvent de votre responsabilité. Tout problème résultant d’un code HTML mal configuré même dans le cas d’une migration vers une nouvelle version de la plateforme/module est de votre responsabilité, et non pas celle de Docebo.
- Le CSS par défaut de la plateforme modifie l'apparence des éléments ajoutés au widget, c'est pourquoi vous devez ajouter vos propres styles explicites et classes uniques afin que le contenu ait l’aspect souhaité.
- Lorsque vous utilisez l’éditeur HTML, l’aperçu du HTML peut avoir un aspect différent du rendu final dans le widget. En raison des filtres de sécurité appliqués quand le HTML est enregistré, certains éléments de code peuvent être supprimés afin d’empêcher l’utilisation de code malveillant (f.e. CSS, JS code, etc.).
- Il est fortement recommandé de ne pas utiliser le widget HTML/WYSIWYG pour gérer la politique en matière de cookies. Reportez-vous à la section Politique de cookies de la base de connaissances pour en savoir plus sur la gestion de la politique en matière de cookies sur votre plateforme.
Iframe
Le widget iframe affiche le contenu personnalisé d’une URL externe. Vous pouvez simplement copier et coller le lien du site que vous souhaitez afficher dans le widget.
Saisissez le Titre du widget, ou laissez le champ vide pour le masquer.
Dans URL à afficher, saisissez le lien vers la page web que vous souhaitez intégrer dans l’iframe. Ensuite, sous Options :
- Pour aider les utilisateurs de technologies d’assistance, dans le champ Titre iframe, ajoutez un titre descriptif destiné aux lecteurs d’écran.
- Dans le champ Hauteur widget, vous pouvez éventuellement indiquer une hauteur en pixels. Si vous laissez ce champ vide, le système utilisera la hauteur par défaut pour ce type de widget.
Vous pouvez également activer les Paramètres avancés avec les conséquences suivantes :
- Un code d'autorisation OAuth2.0 pour l’utilisateur est émis en fonction du client OAuth2.0 et est envoyé à la page intégrée dans le paramètre auth_code. Cela peut ensuite être échangé avec un token valide pour appeler les API Docebo avec le niveau d’accès accordé à l’utilisateur connecté. Veuillez noter que le code d’autorisation n’est valide pour pour une durée de 30 secondes à partir du moment où il est émis, il doit donc rapidement être échangé avec un Token d’Accès.
- Un code SALT est envoyé à la page intégrée en tant que paramètre afin de permettre à la page intégrée de vérifier l’identité de la page appelant. Ce code est envoyé dans un paramètre appelé hash, contenant le hash SHA-256 de la concaténation séparée par des virgules du userid, username, OAuth2.0 authorization code et la valeur spécifique définie dans le champ Salt Secret.
La page intégrée peut recalculer le même hash en concaténant les paramètres séparés par des virgules user_id, username, auth_code et la valeur spécifiée dans le champ Salt Secret (dans cet ordre) puis en effectuant un hachage avec l’algorithme SHA-256. Si le hash calculé correspond à celui envoyé dans le paramètre hash, alors la page intégrée confirme l’identité de la page appelant.
Après avoir cliqué sur le bouton Ajouter widget, la plateforme effectue une requête HTTP vers l’URL fournie afin de s’assurer qu’elle est correcte. Veuillez vous assurer de ne pas utiliser l’URL d’une page interne de la plateforme.
À noter : avant d’intégrer une page iframe, veuillez vérifier que la “Politique de sécurité de contenu” et que les “options x-frame’ du site que vous souhaitez intégrer sont correctement réglées pour permettre une intégration iframe. Certains outils gratuits sur internet vous permettent de vérifier cette valeur pour une page spécifique, vous pouvez également utiliser les outils de votre navigateur et vérifier l’en-tête de réponse quand vous allez sur l’URL du site.
Ce widget est uniquement disponible sur poste de travail.
Image
Ce widget vous permet d’ajouter une image sur une page widget. Les images peuvent rediriger vers une URL de destination de manière à ce que quand les utilisateurs cliquent sur l’image, ils soient redirigés vers cette URL. Cependant, veuillez noter que vous ne pouvez pas ajouter une URL interne (une page de la plateforme) comme URL de destination. Les formats de fichiers pris en charge pour les images sont PNG et JPG, la taille maximale de fichier est de 4 Mo.
Les images sont affichées de manière à s’adapter à la largeur disponible. Le ratio d'origine est conservé, la hauteur du widget sera donc redimensionnée en conséquence. Assurez-vous que la largeur de l’image ne soit pas inférieure à la largeur du widget, car dans le cas contraire, elle sera redimensionnée et peut avoir un aspect flou. La largeur du widget est de 444 px pour les widget au format 1/3 lignes, 680 px pour les widget 1/2 lignes, 917 px pour les widgets 2/3 lignes et 1390 px pour les lignes pleines.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour cacher le titre. Vous pouvez traduire le titre du widget en plusieurs langues en cliquant sur l’icône globe à côté du champ titre. Lors de la traduction du titre du widget dans plus d’une langue, notez qu’il n’est pas possible d’associer différentes images à différentes langues, car le widget ne peut afficher qu’une seule image. En savoir plus sur l’utilisation de l’outil multilingue pour créer du contenu multilingue.
Dans l’espace Contenu à afficher, téléversez l’image que vous souhaitez utiliser :
- Déposez-la dans le champ mis à disposition à cet effet, ou recherchez-la sur votre appareil après avoir cliqué sur l’icône de téléversement.
- Une fois l’image téléversée, un aperçu s’affiche dans la zone dédiée.
Pour remplacer l’image existante, téléversez-en simplement une autre de la même manière.
Vous pouvez également saisir une URL de destination afin que les utilisateurs soient redirigés vers cette URL lorsqu’ils cliquent sur l’image. Enfin, choisissez si l’URL doit s’ouvrir dans un nouvel onglet/fenêtre ou dans le même onglet/fenêtre.
Le format suggéré d’URL pour l’URL de destination doit inclure l’URL entière par exemple “https://domain.com".
Ce widget est disponible à la fois sur poste de travail et sur mobile.
Mon calendrier
Le widget Mon calendrier affiche quotidiennement tous les cours auxquels l’utilisateur est inscrit sous la forme d’un calendrier. Son aspect peut varier considérablement selon le type de vue sélectionné et la taille du widget.
Les dates et heures affichées par ce widget sont celles du fuseau horaire configuré dans le menu Paramètres avancés de la plateforme.
Conseil d'utilisation : les événements sur le widget Mon calendrier peuvent ne pas être correctement affichés si le widget est affiché avec la disposition 1/3 - Trois colonnes. Nous vous suggérons fortement de configurer le widget en 1/1 - Pleine Largeur ou en 1/2 - Rangées sur la moitié de la largeur.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour le masquer.
Dans la section Vue, sélectionnez comment les événements seront affichés par défaut pour les utilisateurs. Ces derniers peuvent changer la vue du calendrier directement depuis le widget si vous activez l'option Afficher le type de vue. Les vues de calendrier disponibles sont :
- Mensuel : le widget affiche un mois entier sous forme de grille, chaque ligne représentant une semaine et chaque cellule un jour. Cette vue offre un aperçu général du calendrier de formation, ce qui facilite l'identification des jours avec des cours programmés. Pour voir les détails de l'événement, les utilisateurs doivent cliquer sur l'entrée correspondante.
- Hebdomadaire : le widget affiche une seule semaine à la fois, chaque jour étant représenté par une colonne verticale divisée en heures. Cette mise en page offre une vue détaillée du programme quotidien, ce qui la rend idéale pour gérer plusieurs événements tout au long de la journée. Pour voir les détails de l'événement, les utilisateurs doivent cliquer sur l'entrée correspondante. Le premier jour de la semaine est déterminé par les paramètres régionaux associés au fuseau horaire configuré dans le menu des paramètres avancés de la plateforme.
- Agenda : le widget affiche les événements à venir dans un ordre chronologique, ce qui le rend idéal pour les utilisateurs qui préfèrent une vue axée sur les tâches sans les distractions liées à l’affichage d’un calendrier complet. Les détails de l'événement sont immédiatement visibles en un coup d'œil.
Passez ensuite à la section Options :
- Afficher le sélecteur de filtres : cette option vous permet d’afficher le menu déroulant tout en haut du calendrier. Les utilisateurs peuvent ainsi filtrer leurs événements en fonction de leur type (E-Learning ou ILT).
- Afficher la barre de recherche : activez cette option pour ajouter une barre de recherche en haut du calendrier. Les utilisateurs peuvent rechercher des cours ou des sessions programmées pour le jour actuel ou dans le futur ; les événements passés n'apparaîtront pas dans les résultats de recherche.
- Afficher le type de vue : si vous activez ce droit, les utilisateurs peuvent basculer dynamiquement entre les vues de calendrier disponibles à l'aide d'un menu déroulant. Si ce droit est désactivé, l'affichage sélectionné s'appliquera à tous les utilisateurs, qui ne pourront pas le modifier.
- Afficher le lien "Mon calendrier" : activez ce droit pour afficher le lien vers la page intégrée Mon calendrier. Les utilisateurs pourront ainsi accéder à leur calendrier complet sur la plateforme. Lorsque vous activez ce droit, assurez-vous que la page intégrée Mon calendrier est publiée dans le menu de gestion des utilisateurs.
Ce widget est disponible à la fois sur poste de travail et sur mobile, et sera conforme aux standards d’accessibilité de la plateforme dès juillet 2025. Veuillez noter que pour l’activer sur mobile, vous devez contacter Docebo via le Centre d’assistance ou via votre Account Manager si votre forfait inclut cette option.
Notes relatives au widget Mon Calendrier
Pour les cours ILT, le titre de l'événement du calendrier est le titre de l'événement ILT. Si l'événement n'a pas de titre, le calendrier affiche le titre de la session. Si les titres de l'événement et de la session sont tous deux absents, le titre du cours est affiché. La description de l'événement du calendrier suit la même logique.
Les cours e-learning n'ayant pas d'événements et de sessions, l'événement du calendrier affiche toujours le titre et la description du cours.
Mes KPI
Ce widget affiche les statistiques relatives aux utilisateurs, aux cours, aux contributions et aux conversations intégrées.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour le masquer. Puis choisissez quels types d’éléments vous souhaitez afficher dans le widget, selon le type d’utilisateur. L’aspect du widget change selon le type d’utilisateur connecté à la plateforme, et en fonction des options de configuration :
- Tous les utilisateurs : affiche les meilleures réponses, les meilleurs scores dans les cours ILT et E-Learning. Si Discover, Coach & Share est activée sur la plateforme, affiche les réponses des utilisateurs qui sont marquées comme Meilleures réponses ainsi que le meilleurs score de l’utilisateur dans un cours E-Learning et ILT.
- Uniquement les Superadmins : affiche les cours actifs récents de l’utilisateur. Si Discover, Coach & Share est activé sur la plateforme, affiche également les contributions téléchargées sur Discover, Coach & Share et les questions posées à la date du jour et les sept derniers jours.
-
Uniquement les Power Users : affiche l’activité récente dans les cours et les cours et utilisateurs gérés. Si Discover, Coach & Share est activée sur la plateforme, affiche également les contributions téléchargées sur Discover, Coach & Share et les questions posées à la date du jour et les sept derniers jours.
- Les Power Users disposant des droits Afficher pour les utilisateurs et les cours, et sélectionnant Utilisateurs gérés ou Cours gérés dans le widget accéderont aux pages de gestion des Utilisateurs et de Gestion des cours de la plateforme,
- Veuillez noter que le décompte des utilisateurs récemment actifs dans les cours est désactivé par défaut. Référez-vous à la documentation API Explorer pour plus de détails sur la manière d’activer ce décompte.
- Uniquement les experts : affiche les questions ayant obtenu une réponse. Si Discover, Coach & Share est activé sur la plateforme, le widget affiche également les réponses ainsi que les contributions révisées ou validées. Si un utilisateur est à la fois un expert et un Power User, il verra alors les KPI des experts et des Power Users.
Enfin, définissez la hauteur du widget ou laissez ce champ vide pour utiliser la hauteur par défaut. Lorsque la hauteur réelle du contenu du widget est inférieure à la hauteur sélectionnée, le widget sera redimensionné pour s'adapter à la valeur sélectionnée.
Ce widget est uniquement disponible sur poste de travail.
Mon profil
Veuillez noter qu’il existe une différence entre la version desktop et la version mobile du widget Mon profil. Lorsque vous activez l’option Afficher le lien “Mes activités” pendant la configuration du widget, ce lien sera disponible uniquement sur poste de travail, car la page n’est pas disponible sur l’application Go.Learn. Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour le masquer.
Choisissez ensuite le type d’information que vous souhaitez afficher : l’image de l’utilisateur, l’adresse e-mail de l’utilisateur, le lien “Mes Activités” (si vous sélectionnez cette option, les utilisateurs seront redirigés vers leur page de synthèse personnelle) et lien “Mon profil”.
À noter ! Les formats pris en charge pour les photos de profil sont .jpg et .png. Assurez-vous que les extensions des fichiers soient en minuscule pour répondre à cette exigence de format, dans le cas contraire les images peuvent ne pas être téléversées correctement.
Si vous aviez précédemment créé des champs additionnels utilisateur, vous pouvez les insérer dans votre widget en ajoutant leurs noms dans les champs correspondants.
Enfin, définissez la hauteur du widget ou laissez ce champ vide pour utiliser la hauteur par défaut. Lorsque la hauteur réelle du contenu du widget est inférieure à la hauteur sélectionnée, le widget sera redimensionné pour s'adapter à la valeur sélectionnée.
Ce widget est disponible à la fois sur poste de travail et sur mobile.
Mes transactions
Ce widget affiche tous les achats faits par l’utilisateur grâce à l’application E-Commerce de la plateforme. Les achats sont affichés sous la forme d’une liste de transactions. La quantité de détails affichée dans le widget dépend de la taille du widget (1/3, 1/2, 2/3 ou 1/1 colonnes). Quand l’utilisateur clique sur l’icône menu au bout de la ligne correspondant à une transaction, il pourra voir tous les détails de la transaction dans le panneau dédié.
Ce widget ne requiert pas de configuration autre que son titre, son aspect n’est pas configurable, utilisez le champ Titre pour définir le titre du widget ou laissez le champ vide pour le masquer.
Ce widget est uniquement disponible sur poste de travail.
Questions et réponses
Le widget Questions et réponses affiche les questions et réponses du module Discover, Coach & Share relatifs aux cours e-learning, ce qui veut dire que ce module peut uniquement être utilisé quand Discover, Coach & Share est activé sur la plateforme. Ce widget permet aux utilisateurs de répondre à des questions, à l'auteur de la question d’identifier une réponse en tant que Meilleure Réponse et aux autres utilisateurs d’ajouter une mention J’aime ou Je n’aime pas aux réponses.
Utilisez le champ Titre pour définir le titre du widget ou laissez le champ vide pour le masquer. Vous pouvez également activer l’option Afficher le sélecteur de filtres pour permettre aux utilisateurs de filtrer les questions affichées dans le widget.
Un moteur de recherche est également disponible afin que les utilisateurs puissent rechercher les questions et les réponses dans le widget. Activez l’option Afficher la barre de recherche pour l'afficher dans la partie supérieure du widget.
Lorsque vous activez l’option Afficher l’option “Trier par”, les questions peuvent être triées par date (du plus ancien au plus récent ou du plus récent au plus ancien) pour faciliter la recherche. Lorsque cette option est activée, veuillez sélectionner le mode de tri par défaut dans le menu déroulant Ordre par défaut.
Choisissez si vous souhaitez afficher le lien Afficher le lien "Tout afficher" dans le widget, cela affichera toutes les questions et les réponses divisées en plusieurs pages. Le nombre de questions et réponses chargées dans la page est déterminé par le paramètre Nombre maximum de questions et réponses par page. Le nombre minimum de Q&R à afficher est de 1, le maximum est de 10.
Enfin, choisissez si vous souhaitez Afficher le lien “Afficher plus...” en activant l’option correspondante. Lorsque cette option est désactivée, les boutons de la section Options sont automatiquement désactivés.
Enfin, lorsque vous créez un widget Q&R, une configuration supplémentaire permet de Filtrer par chaîne - sélectionnez les chaînes de sorte que les utilisateurs ne voient que les questions et réponse relatives à ces chaînes et puissent poser des questions depuis le widget de la chaîne. Cela vous permet de créer des pages et des widgets de Questions et Réponses hautement personnalisés.
À noter ! Si vous ne sélectionnez pas de chaîne à afficher, le choix par défaut est Toutes les chaînes.
Astuce : quels que soient leurs droits ou les ressources qui leur sont assignées, l’option Toutes les chaînes reste toujours disponible pour les Power Users. En revanche, pour pouvoir sélectionner une chaîne spécifique, ils doivent disposer du droit Chaînes / Afficher, et ils ne peuvent sélectionner que celles qui leur sont assignées en tant que ressources.
Si une configuration existante inclut des chaînes non assignées, celles-ci seront indiquées par le texte "Non disponible) au lieu de leur nom. Le Power User a la possibilité de sélectionner une autre option, mais ne sera plus en mesure de resélectionner les chaînes non visibles par la suite.
Ce widget est à défilement infini, il doit donc être placé en bas de la page et aucun autre widget ne doit être placé en-dessous car celui-ci risquerait de ne pas être visible pour les utilisateurs.
Afin d’améliorer l’expérience sociale de vos utilisateurs, nous suggérons :
- D’activer ce widget si ce cours est disponible dans une chaîne
- D’activer les notifications Nouvelle question à un expert et Nouvelle réponse à une question, dans la cas contraire l’utilisateur ou l’expert doit se connecter pour voir la mise à jour.
Ce widget est disponible à la fois sur poste de travail et sur mobile.
Partager contenu
Le widget Partager contenu permet d'accéder rapidement à des fonctionnalités de partage. Les utilisateurs peuvent ainsi téléverser et partager du nouveau contenu, et consulter l'historique des contributions téléversées précédemment. Ce widget peut être utilisé uniquement quand le module Discover, Coach & Share est activé sur la plateforme.
Utilisez le champ Titre pour définir le titre du widget ou laissez le champ vide pour cacher le titre. Passez ensuite à la section Options de partage pour sélectionner les types de contenu que les utilisateurs peuvent ajouter et partager dans le widget :
- Partager un lien. Permet aux utilisateurs de partager des URL, des vidéos depuis YouTube, Vimeo et Wistia et d’autre contenus via un lien
- Partager un fichier. Permet aux utilisateurs de téléverser des documents, des vidéos, audios et d’autres fichiers directement depuis leur ordinateur et de les partager.
- Google Drive. Permet aux utilisateurs d’enregistrer des fichiers directement depuis leur Google Drive (disponible uniquement si l'application Google Drive est installée et configurée sur la plateforme).
- Enregistrer votre écran. Permet aux utilisateurs d'enregistrer leur écran et de partager l’enregistrement.
Dans la section Historique contenu, sélectionnez Activer l'historique du contenu partagé pour afficher les contributions précédemment téléversées dans le widget. Veuillez noter que cet historique n'affichera que le contenu téléversé par cet utilisateur.
Ce widget est uniquement disponible sur poste de travail.
Liste des tâches
Le widget Liste des tâches affiche les tâches attribuées à l’utilisateur. Utilisez le champ Titre pour définir le titre du widget ou laissez le champ vide pour cacher le titre. Puis, sélectionnez le type d’informations que vous souhaitez afficher dans le widget selon le type d’utilisateur.
L’aspect et l’objectif du widget changent en fonction du type d’utilisateur actuellement connecté à la plateforme.
Conseil : si vous prévoyez de configurer le widget pour différents types d’utilisateurs, créez plusieurs widgets de liste de tâches, un pour chaque type d'utilisateur.
-
Administrateurs et Power Users. Les Superadmins et les Power Users peuvent effectuer des actions (telles que l'approbation ou le rejet d'une demande d'utilisateur ou l'envoi d'e-mails) depuis ce widget. Vous pouvez activer une ou plusieurs de ces options :
- Transactions e-commerce en attente (uniquement pour les administrateurs) ;
- Utilisateurs à approuver ;
- Requêtes de prix de la boutique ;
- Inscriptions à approuver ;
- Exercices à évaluer ;
- Cours en retard.
-
Experts. Vous pouvez activer une ou plusieurs de ces options :
- Contributions à évaluer ;
- Questions pour lesquelles aucune meilleure réponse n'a été identifiée.
-
Formateurs. Vous pouvez activer une ou plusieurs de ces options :
- Cours associés, ou les sessions ILT à venir auxquelles l'utilisateur est inscrit, ainsi que les sessions auxquelles l’utilisateur est assigné en tant que formateur, quel que soit le type d’inscription ;
- Tests à évaluer ;
- Exercices à évaluer. Lorsque cette option est sélectionnée, le widget affiche l’ensemble des exercices à évaluer pour tous les cours, quelle que soit la visibilité du formateur.
-
Apprenants. Vous pouvez activer une ou plusieurs de ces options :
- Prochains cours en direct, ou les sessions ILT à venir auxquelles l'utilisateur est inscrit ;
- Contenu arrivant à échéance. Si cette option est activée, les utilisateurs pourront voir la liste des cours dont la date limite est dans les 90 prochains jours. Cependant, s'ils cliquent sur le bouton "Afficher tout", tous les cours seront affichés indépendamment de la date limite.
- Exercices en attente d'évaluation ;
- Cours à commencer, c’est-à-dire les cours et plans de formation non commencés, à l'exclusion de ceux pour lesquels l’utilisateur est sur liste d'attente. Lorsque ce droit est activé, le widget affiche un lien vers la page Mes cours et mes plans de formation afin que les apprenants puissent accéder rapidement à leurs activités de formation
- Contenu en cours, à savoir les cours et plans de formation débutés. Lorsque ce droit est activé, le widget affiche un lien vers la page Mes cours et mes plans de formation afin que les apprenants puissent accéder rapidement à leurs activités de formation ;
- Checklists (les listes de contrôle à remplir) ;
- Certifications à renouveler ;
- Cours et plans de formation non terminés, expirés et en retard (non commencés et en cours).
Attention : la liste des tâches ne montre que les données relatives aux cours à venir dans les 90 jours.
Enfin, définissez la hauteur du widget ou laissez ce champ vide pour utiliser la hauteur par défaut. Lorsque la hauteur réelle du contenu du widget est inférieure à la hauteur sélectionnée, le widget sera redimensionné pour s'adapter à la valeur sélectionnée.
Ce widget est disponible à la fois sur poste de travail et sur mobile et sera conforme aux standards d’accessibilité de la plateforme dès le mois de juillet 2025. Veuillez noter que sur l'application mobile conçue pour les utilisateurs finaux (apprenants) et qui n'a pas de fonctionnalité d’administration, la Liste des tâches n'affiche que les celles attribuées aux apprenants (et non aux Superadmins ou à d'autres niveaux d'utilisateurs ou rôles). Tous les types de tâches destinées aux apprenants sont pris en charge sur mobile.
Trucs et astuces
Lorsque vous concevez vos pages pour poste de travail et appareils mobiles, gardez à l’esprit que tous les widgets compatibles seront affichés sur une seule colonne sur l’application mobile. Si le rendu n’est pas celui que vous attendiez, parce que, par exemple, la même image est redimensionnée différemment selon le type de dispositif, vous pouvez créer une page spécialement pour les appareils mobiles (voir comment dupliquer les pages) avec une disposition de widgets différente, et attribuer ensuite cette page à la version mobile du menu.