Introduction
Les pages Widgets que vous configurez pour votre plateforme desktop et pour votre application mobile sont composées de widgets. Plus d’informations sur les pages Widgets de la plateforme.
Cet article répertorie tous les widgets disponibles pour desktop et mobile et explique comment les configurer. Veuillez noter que certains widgets sont uniquement disponible pour la plateforme desktop, les widgets disponibles pour le 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 la plateforme desktop, vous pouvez utiliser la fonction Aperçu. Plus d'informations pour accéder et utiliser la fonction Aperçu. Veuillez noter que la fonction aperçu n’est pas disponible pour les pages mobile, nous vous suggérons donc fortement de tester vos pages mobile avant de les déployer en créant un menu test attribué à un utilisateur 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 l’utilisateur est inscrit, ainsi que le nombre de cours dont le statut est Complété, En Cours ou Pas 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 cacher le titre. Passez à la section Éléments à afficher afin de sélectionner le type de données à afficher dans le widget.
Activez le bouton Statut des cours pour afficher le statut des cours 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 dans la plateforme. Il n’est pas possible de filtrer les données en fonction des 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 quand cette option est activée. Les données sont affichées graphiquement dans un diagramme et peuvent être filtrées en fonction des périodes.
Si le module Discover, Coach & Share est activé dans 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 le 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, quand vous activez l’option Statut de 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 minimum du widget est la somme des hauteurs de tous les objets le composant.
Comme l'application mobile est destinée aux utilisateurs finaux et n'a pas de fonctionnalités d'administration, seules les statistiques sur le Statut des cours et sur l'Activité sociale sont affichées sur mobile, tandis que les statistiques sur les sessions des utilisateurs et sur les inscriptions des utilisateurs ne sont pas disponibles.
Ce widget est disponible à la fois pour la plateforme desktop et pour le mobile.
Flux des activités
Le widget Flux des activités affiche les dernières activités de la plateforme afin que l’utilisateur sache ce qu’il se passe dans la plateforme et quelles sont les activités 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 dans la plateforme.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour cacher le titre. Quand l’option Montrer l’activité 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. L’option Permettre la touche “Demandez à l’expert” affiche le bouton “Demandez à l'expert" afin que l’utilisateur puisse contacter l’expert d’une chaîne si besoin. Cette option peut être utilisée quand Discover, Coach & Share est activée dans la plateforme. Plus d’informations sur la gestion des questions & réponses.
Ce widget est disponible à la fois pour la plateforme et l’application mobile.
Catalogues
Le widget Catalogues affiche les catalogues qui sont visibles pour un utilisateur, listant tous les cours et plans de formation que l'utilisateur peut acheter ou auxquels il peut s'inscrire.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour cacher le titre.
Choisissez si vous souhaitez afficher tous les catalogues disponibles en sélectionnant l’option Tous les catalogues ou une Sélection personnalisée des catalogues. Si vous choisissez l’option Sélection personnalisée, vous devrez définir quels catalogues l’utilisateur pourra voir dans le widget.
Si vous souhaitez afficher plus d’un catalogue, choisissez le mode d’affichage Par défaut, en mode Flux ou Calendrier. Veuillez noter cependant que le mode d’affichage Calendrier n’est disponible que pour la plateforme desktop, l’application mobile affiche toujours les catalogues en mode d’affichage en flux même quand le mode Calendrier est sélectionné.
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. Cela permet aux utilisateurs de voir les cours et les plans d'apprentissage disponibles et de s'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 d’afficher qu’un seul catalogue, vous pouvez sélectionner les modes d’affichage suivants: Par défaut, Flux, Carte, Liste ou Calendrier. Les modes d’affichage Par défaut et Flux offrent le même affichage, mais l'option Par 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 dans leur affichage. Dans ce cas, si vous souhaitez afficher le titre du catalogue, définissez le titre du widget en incluant le titre du catalogue.
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 triera 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 catalogues à 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 au pour chaque catalogue individuel.
Le widget catalogue comprend un moteur de recherche permettant aux utilisateurs de rechercher des cours et des plans de formation à l'aide d'un mot clé inclus dans le code, le titre, l'UID et la description du 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.
À noter : Tenez compte de la taille du widget dans la page avant de paramétrer les options listées ci-dessus. Veuillez noter également que ce widget affiche 24 cartes par catalogue par défaut. Si le catalogue comprend plus de 24 éléments et que vous avez sélectionné la vue d'affichage Liste, les éléments restants sont chargés lorsque l’utilisateur fait défiler le contenu du widget.
Ce widget est disponible à la fois pour la plateforme desktop et l’application 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 cacher le titre.
L’option Toutes les chaînes est sélectionnée par défaut, ce qui veut dire que l’utilisateur peut voir toutes les chaînes pour lesquelles il a des autorisations de visibilité mais il est également possible de configurer la visibilité afin de montrer uniquement la chaîne personnelle de l’utilisateur (option Ma chaîne) ou une sélection personnalisée de chaînes.
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 chaînes depuis le menu déroulant Ordre des chaînes. Vous pouvez redéfinir l'ordre des chaînes en les faisant glisser. L'ordre défini dans la configuration du widget correspond à l'ordre d'affichage dans le widget.
Pour afficher les chaînes que les utilisateurs suivent, dans le widget, sélectionnez l'option Chaînes suivies.
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 carte ou en mode flux. Pensez à la taille du widget lorsque vous sélectionnez le mode d'affichage.
Vous pouvez également activer un outil de sélection de filtre afin de filtrer les chaînes. Pour cela activer l’option Montrer le sélecteur de filtres. Vous pouvez également activer l’option Montrer la barre de recherche pour permettre aux utilisateurs de rechercher des noms de chaînes dans le widget. La barre de recherche s’affichera en haut du widget au-dessus des liens vers les chaînes.
Quand le mode d’affichage Card est sélectionné, le nom des éléments affiché 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. Vous pouvez activer cela avec l’option Afficher "Trier par". Quand cette option est activée, choisissez le mode de classement par défaut depuis le menu déroulant Tri par défaut.
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 pour la plateforme desktop et l’application 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. Veuillez noter que si vous n’insérez pas ce widget sur la page de l’utilisateur et que la page intégrée Mes Cours et plans de formation n’est pas dans le menu principal de l’utilisateur, alors les utilisateurs ne pourront pas voir leurs cours et/ou plans de formation quand ils se connectent à la plateforme.
Entrez le titre du widget et choisissez si vous souhaitez afficher les plans de formation sous forme de liste ou de carte. Veuillez noter que le mode d’affichage card n’est disponible que dans le cas où le widget a un aspect avec une ou deux colonnes.
Choisissez d’afficher tous les cours et plans de formation, uniquement les cours ou uniquement les plans de formation. Quand vous choisissez 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. Utilisez le bouton dédié dans la section Mode d’affichage pour cela.
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é.
Un moteur de recherche permet aux utilisateurs de rechercher les cours ou les plans de formation dans le widget. Activer l’option Afficher la barre de recherche pour afficher la barre de recherche située dans la partie supérieure du widget.
Vous pouvez également activer un outil de sélection pour filtrer les cours et les plans de formation, pour cela activez l’option Afficher le sélecteur de filtres. En activant l’option Afficher “Trier par”, les cours peuvent être triés par date d’inscription (du plus récent au plus ancien ou vice-versa), par nom ou code. Quand cette option est activée, veuillez sélectionner le mode de tri par défaut dans le menu déroulant Ordre par défaut.
Il peut y avoir de nombreux cours et/ou plans de formation à charger dans le widget, veuillez donc définir vos préférences pour les cours et les plans de formation :
- Afficher la touche “Afficher 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 “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 défile la page. Quand cette option est sélectionnée, les cours et/ou les plans de formation se chargeront automatiquement alors que l'utilisateur fait défiler la liste.
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.
Enfin, décidez si vous souhaitez afficher la date limite du cours (si celle-ci est définie) et si vous souhaitez supprimer du widget les cours faisant partie d'un plan de formation.
Ce widget est disponible à la fois pour la plateforme desktop et l’application 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 cacher le titre. Puis 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 une image dans l’espace Téléverser votre image soit en la faisant glisser et en la déposant soit en la recherchant sur votre appareil après avoir cliqué sur l’icône téléversement. Quand l’image est téléversée, un aperçu s’affiche dans l'espace dédié. Cliquez sur l’icône corbeille pour supprimer l’image. Les formats de fichier pris en charge sont PNG et JPG et la taille de fichier maximum est 4Mo.
Lorsque vous sélectionnez l’option Couleur de l'arrière-plan, utilisez le sélecteur de couleurs ou entrez directement le code couleur HEX. La couleur d’arrière-plan par défaut est celle de la plateforme Accentuer texte & Couleur 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 sélectionnant la couleur d’arrière-plan du bouton et la couleur 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 Au 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 minimum du widget en pixels. La hauteur minimum s’appliquera quand le contenu du widget est inférieur à la hauteur minimum afin de remplir la différence et garder la hauteur du widget constante.
Ce widget est disponible à la fois pour la plateforme desktop et l’application mobile.
Insérer vidéo
Ce widget est utilisé pour insérer les lecteurs vidéo 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 vidéo 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 pour la plateforme desktop et l’application mobile.
Gamification
Le widget Gamification affiche les points, les pièces et 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 cacher le titre.
Puis, sélectionnez au moins une des options dans la section Éléments à Visualiser : Badges, Tableaux de classement et/ou Compétitions. 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 d’activer le lien Afficher tout.
Ce widget est disponible à la fois pour la plateforme desktop et l’application mobile.
Widget 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 configurer correctement ce widget.
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 pour la plateforme desktop et l’application mobile. Nous suggérons d’utiliser l’éditeur WYSIWYG pour les pages mobile, Docebo ne peut pas garantir le rendu du widget quand l’éditeur HTML est utilisé.
Bonne pratique : 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 soit connecté via le domaine personnalisé ou via le domaine docebosaas quand il clique sur le lien.
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 knowledge base pour en savoir plus sur la gestion de la politique en matière de cookies dans 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.
Entrez le titre du widget, la hauteur et le lien de la page que vous souhaitez afficher. Pour cacher le titre, laissez le champ Titre vide. Si vous n’entrez pas de valeur dans le champ correspondant à la hauteur du widget, 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 une URL de page interne de la plateforme.
A 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 disponible pour la plateforme desktop uniquement.
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) en tant qu’URL de destination. Les formats de fichiers pris en charge pour les images sont PNG et JPG, la taille maximum 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, dans le cas contraire elle sera redimensionnée et peut avoir un aspect flou. La largeur du widget est de 444px pour les widget 1/3 lignes, 680px pour les widget 1/2 lignes, 917px pour les widgets 2/3 lignes et 1390px 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.
Téléversez votre image dans l’espace Contenu à afficher soit en soit en la faisant glisser et en la déposant soit en la recherchant sur votre appareil après avoir cliqué sur l’icône de téléversement. Quand l’image est téléversée, un aperçu s’affiche dans la zone dédiée. Cliquez sur l’icône corbeille pour supprimer l’image.
Vous pouvez également entrer 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 pour la plateforme desktop et l’application mobile.
Mon calendrier
Le widget Mon calendrier affiche quotidiennement tous les cours auxquels l’utilisateur est inscrit sous la forme d’un calendrier. L’aspect du calendrier peut considérablement varier selon le type de vue sélectionné et la taille du widget. Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour cacher le titre.
Puis sélectionnez la Vue du calendrier : Mensuel, Hebdomadaire ou Agenda. Les vues Mensuel et Hebdomadaire sont classiques, vous devez cliquer sur les dates du calendrier pour voir les détails des cours planifiés (lieu, horaires, titre et description du cours). L'affichage Agenda présente vos événements mensuels et leurs détails dans une liste, celle-ci est vide s'il n'y a pas d'événements programmés pour le mois. Le point de couleur à côté du titre du cours identifie le type de cours (e-learning, ILT).
Lorsque vous activez l’option Afficher le type de vue, vous permettez à l’utilisateur de modifier l’affichage grâce à un menu déroulant listant les différents types de vue disponibles. Si cette option n’est pas activée, vous choisissiez le type de vue pour tous les utilisateurs et ils ne pourront pas le changer.
Lorsque vous activez l’option Afficher le lien “Mon calendrier”, vous permettez aux utilisateurs d’utiliser le lien qui redirige vers leur calendrier complet dans la plateforme. Plus d'informations sur le calendrier de la plateforme.
Vous pouvez également activer l’outil de sélecteur de filtres afin de pouvoir filtrer les cours selon le type de cours (E-Learning, ILT), pour cela activez l’option Afficher le sélecteur de filtres.
Lorsque vous configurez le widget, activez l’option Afficher la barre de recherche pour afficher la barre de recherche dans la partie supérieure du calendrier. Les utilisateurs pourront alors utiliser cette barre de recherche pour rechercher les cours dans leur calendrier.
Les événements sur le widget Mon calendrier peuvent ne pas être correctement affichés si le widget est affiché avec la mise en page 1/3 - Trois colonnes. Nous vous suggérons fortement de configurer le widget en 1/1 - Pleine Largeur ou en 1/2 - Disposition rangées sur la moitié de la largeur.
Ce widget est disponible à la fois pour la plateforme desktop et l’application mobile. Veuillez noter que pour l’activer pour mobile, vous devez, en tant que Superadmin, contacter Docebo via le Centre d’aide 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 et aux cours. L’aspect du widget change selon le type d’utilisateur connecté à la plateforme :
- Pour 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.
- Pour 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.
- Pour 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. 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.
- Pour les experts : Affiche les questions ayant obtenu une réponse et les contributions ayant été révisées et 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. 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.
Utilisez le champ Titre pour définir le titre du widget ou laissez-le vide pour cacher le titre. Puis choisissez quels types d’éléments vous souhaitez afficher dans le widget, selon le type d’utilisateur.
Enfin, déterminez la hauteur du widget ou laissez le champ vide pour utiliser la hauteur par défaut du widget. Quand la hauteur naturelle 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 pour la plateforme desktop uniquement.
Mon profil
Ce widget est disponible à la fois pour la version desktop et l’application mobile de votre plateforme. 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 desktop 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 cacher le titre.
Choisissez ensuite le type d’information que vous souhaitez afficher : l’image de l’utilisateur, l’adresse email 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éterminez la hauteur du widget ou laissez le champ vide pour utiliser la hauteur par défaut du widget. Quand la hauteur naturelle 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 pour la plateforme desktop et l’application 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 cacher le titre.
Ce widget est disponible pour la plateforme desktop uniquement.
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 un Like ou Dislike aux réponses.
Utilisez le champ Titre pour définir le titre du widget ou laissez le champ vide pour cacher le titre. 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 afficher la barre de recherche dans la partie supérieure du widget.
Lorsque vous activez l’option Afficher “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 tout 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 est 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.
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 pour la plateforme desktop et l’application mobile.
Partager contenu
Le widget Partager contenu affiche le contenu partagé par les utilisateurs dans la plateforme et permet aux utilisateurs d'ajouter et de partager du nouveau contenu. Ce widget peut être utilisé uniquement quand le module Discover, Coach & Share est activé dans 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.
- Enregistrer votre écran. Permet aux utilisateurs d'enregistrer leur écran et de partager l’enregistrement.
Si vous souhaitez que le widget affiche les dernières contributions partagées dans la plateforme, activez le paramètre dans la section Historique contenu.
Ce widget est disponible pour la plateforme desktop uniquement.
Codes d’abonnement
Ce widget concerne les personnes qui utilisent l’application Codes d’abonnement et permet aux utilisateurs d’entrer leur code d’abonnement. Utilisez le champ Titre pour définir le titre du widget ou laissez le champ vide pour cacher le titre.
Veuillez noter que si l’application Codes d’abonnement n’est pas activée dans la plateforme, alors ce widget n'apparaîtra pas dans la liste des widgets.
Ce widget est disponible pour la plateforme desktop uniquement.
Liste des tâches
Le widget Liste des tâches affiche les tâches attribuées à l’utilisateur.
La liste des tâches ne montre que les données relatives aux cours à venir dans les 90 jours.
L’aspect et l’objectif du widget changent en fonction de l’utilisateur connecté à la plateforme :
- Apprenant. Affiche les sessions ILT à venir pour lesquelles l’utilisateur est inscrit, les évaluations de tâches à vérifier, les dates limites et les cours et plans de formation indiqués comme En cours et Pas commencé (à l'exclusion des cours pour lesquels l'utilisateur est sur liste d'attente), les checklists à compléter et les certifications à renouveler. Si l’option Prochaines Dates Limites est définie dans la section Apprenants uniquement, les utilisateurs pourront voir la liste des cours dont la date limite se situe dans les 90 prochains jours. En revanche, s’ils cliquent sur le bouton Afficher tout, tous les cours s’afficheront peu importe la date limite.
- Formateur. Affiche les sessions ILT à venir pour lesquelles l’utilisateur est inscrit, les tests et tâches en attente d’évaluation.
- Expert. Affiche les contributions à réviser et les questions qui n’ont pas de meilleure réponse.
- Admin/Power User. Affiche les utilisateurs et les transactions en attente, les demandes de récompense, les demandes de validation d’inscriptions aux cours et les cours en retard. Les Superadmins et les Power Users peuvent effectuer des actions (comme valider ou rejeter des demandes ou envoyer des emails) depuis ce widget.
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.
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 pour la plateforme desktop et l’application mobile. Veuillez noter que sur l'application mobile conçue pour les utilisateurs finaux (apprenants) et qui n'a pas de fonctionnalité admin, la Liste des Tâches n'affiche que les tâches attribuées aux apprenants (et non aux Admins ou à d'autres niveaux d'utilisateurs ou rôles). Tous les types de tâches destinées apprenants sont pris en charge sur mobile, à l'exception des certifications à renouveler, qui ne sont pas disponibles pour le moment.
Conseils & astuces
Lorsque vous concevez vos pages desktop et mobile, gardez à l’esprit que tous les widgets compatibles seront affichés dans 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 sur la plateforme desktop et sur le mobile, vous pouvez créer une page dédiée pour le mobile (voir comment dupliquer les pages), avec une disposition différente de widgets et attribuer ensuite cette page à la version mobile du menu.