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
La plateforme propose un certain nombre de pages préconfigurées permettant d’en gérer les principales fonctionnalités. Par exemple, Mes cours et mes plans de formation, Catalogue de cours, Mon tableau de bord, etc. Ces pages dites « intégrées » ne peuvent pas être modifiées.
Vous avez en outre la possibilité de configurer vos propres « pages personnalisées » pour répondre à vos exigences spécifiques. Il existe deux types de pages personnalisées :
- Les pages widget, dont vous gérez la disposition à l’aide d’un certain nombre de widgets fournis. Pour Consultez l’article Créer et gérer des pages widget à ce sujet.
- Les pages de lien externe, au sein desquelles vous incorporez ou insérez des liens vers le contenu de sites web externes (le sujet de cet article).
Pour en savoir plus sur ce thème en général, consultez l’article Introduction aux pages et menus.
Types de pages de lien externe
Lorsque vous configurez une page de lien externe, vous pouvez choisir ce qui se passe lorsqu'un apprenant sélectionne cette page depuis son menu utilisateur :
i) En tant que nouvelle page : avec ce paramètre, les utilisateurs sont redirigés vers le site web cible, qui s'ouvrira dans un nouvel onglet ou une nouvelle fenêtre du navigateur
ii) Dans la page (iframe) : avec ce paramètre, les utilisateurs restent sur la plateforme et consultent le contenu externe incorporé à l'intérieur d'une page de la plateforme
Les pages de lien externe sont disponibles à la fois sur ordinateur et sur mobile.
À noter : vous pouvez créer jusqu'à 1 000 pages et 200 menus, y compris les pages intégrées et le menu par défaut.
Créer une nouvelle page de lien externe
Pour créer une page de lien externe :
- Sélectionnez Menu admin > Paramètres > Gestion des pages. Puis cliquez sur le bouton plus en haut à droite.
- Dans le panneau Nouvelle page personnalisée, sélectionnez l'option Lien externe et cliquez sur Suivant.
- Dans l'onglet Détails, saisissez le Nom de la page et l'URL du lien externe (notez qu'à ce stade, vous ne pouvez pas ajouter une adresse
mailto:comme URL). - Vous avez également possibilité d'ajouter une Description de la page, et un Code qui peut servir d'identifiant unique.
→ N'utilisez pas de codes commençant par DOC_ ou doc_ car ces préfixes sont réservés à la plateforme.
Appuyez sur Créer et modifier pour continuer la configuration de la page. Vous serez redirigé vers la page des Paramètres généraux, où vous pourrez personnaliser divers éléments et réglages de la page.
Paramètres généraux d'une page de lien externe
Les paramètres généraux d'une page de lien externe s'ouvrent automatiquement chaque fois que vous créez une nouvelle page de ce type. Vous pouvez également accéder à cet écran pour une page existante : depuis Menu admin > Paramètres > Gestion des pages, cliquez sur le nom d'une page de lien externe (la colonne Type vous permet de les distinguer).
Code, nom et description
Dans ces champs, vous pouvez modifier les détails saisis lors de la création de la page :
- N'oubliez pas que le Code ne doit pas commencer par DOC_ ou doc_ car ce sont des préfixes réservés
Vous pouvez cliquer sur Sélectionner la langue des champs pour ajouter des traductions du Nom de la page et de la Description : désactivez le bouton Attribuer le même contenu à toutes les langues, puis sélectionnez chaque langue à tour de rôle pour ajouter une traduction.
Propriétés du lien externe
Ici, vous pouvez définir ou modifier l'URL du contenu web externe que vous souhaitez afficher, et également définir dans Ouvre si vous souhaitez lier ou incorporer le contenu web externe :
- En tant que nouvelle page : cette option créera un lien vers le site web externe. Lorsque les apprenants sélectionnent cette page dans leur menu de plateforme, ils seront redirigés vers l'URL ciblée, qui s'ouvrira dans un onglet ou une fenêtre de navigateur distincte (selon les paramètres du navigateur).
- Dans la page (iframe) : cette option intégrera le contenu du site web externe au sein-même d’une page de la plateforme. Pour les détails de la configuration, consultez le chapitre Configurer un lien externe s’ouvrant Dans la page (iframe)
Enfin, dans le champ Icône de la page, vous pouvez changer l'icône qui apparaîtra à côté de cette page dans le menu utilisateur. Dans le panneau de sélection d'icône, vous pouvez aussi rechercher le nom de l'icône, mais uniquement en anglais.
Pour les plateformes avec Discover, Coach & Share, dans Boutons pages supplémentaires, vous pouvez définir quels boutons doivent apparaître sur cette page.
Configurer un lien externe s'ouvrant « Dans la page (iframe) »
Cette option vous permet d'incorporer le contenu d'un site web externe dans une page de la plateforme, afin que les utilisateurs puissent le consulter sans quitter leur plateforme de formation.
À noter : vous ne pouvez pas utiliser cette option pour intégrer en iframe les URL des pages internes de la plateforme. En outre, lors de l'intégration de contenu externe, vous devez aussi vérifier si l'URL ciblée peut être incorporée dans un iframe ou nécessite une authentification.
Pour le configurer, depuis les Paramètres généraux de la page de lien externe, sous Propriétés lien externe > Ouvre, sélectionnez l'option Dans la page (iframe). Puis définissez les champs suivants :
Hauteur (px) : vous pouvez éventuellement spécifier la hauteur en pixels que vous souhaitez pour l'iframe à l'intérieur de la page de la plateforme. Laissez ce champ vide pour que cette valeur soit calculée automatiquement.
Pour aider les utilisateurs utilisant des technologies d'assistance, dans le champ Titre iframe, ajoutez un titre descriptif à utiliser par les lecteurs d'écran.
Paramètres d'authentification pour les pages intégrées
Si le site web externe que vous souhaitez intégrer nécessite une authentification, activez les Paramètres avancés, où vous pouvez configurer les champs suivants pour transmettre les identifiants en toute sécurité :
Salt secret : il s'agit d'un secret partagé utilisé pour générer des jetons sécurisés entre la plateforme et le site web externe. Cela garantit que toute demande d'authentification est protégée des tentatives de falsification.
→ La valeur que vous saisissez ici doit correspondre à celle attendue par le système externe. Répétez la même valeur dans le champ Répéter le secret.
Client OAuth : si le site web externe prend en charge le protocole OAuth, vous pouvez sélectionner un client OAuth préalablement configuré ici. Cela permettra aux apprenants d'être connectés automatiquement sans avoir à saisir à nouveau leurs identifiants de la plateforme.
Vérifier qu'un site autorise l'intégration en iframe
Lors de la configuration d'une URL externe pour s'ouvrir dans une iframe, assurez-vous que le site web peut être incorporé. Cela dépend de la politique de sécurité du contenu (CSP) du site et des paramètres X-Frame-Options. Si ces en-têtes bloquent les iframes, la page ne se chargera pas dans votre plateforme.
Vous pouvez vérifier cela en utilisant des outils en ligne gratuits, ou en ouvrant les outils de développement de votre navigateur et en inspectant les en-têtes de réponse en visitant l'URL du site externe.
Pages de lien externe et application mobile
Remarque concernant l'application mobile :
Lors de la navigation vers une page externe, l'application mobile ouvrira la page correspondant à l'URL que vous avez saisie. Si vous avez sélectionné l'option Dans la page (iframe), la page externe s'ouvrira dans l'application sous forme d'iframe, tandis que si vous avez sélectionné l'option En tant que nouvelle page, la page externe s'ouvrira dans un nouvel onglet du navigateur de l'appareil (Safari, Chrome ou autres).
Dernières étapes
Une fois la configuration de la page terminée, assurez-vous de cliquer sur Enregistrer les modifications en bas de l'écran.
Vous verrez également une indication du statut Publié / Non publié de votre page. Les pages nouvellement créées sont publiées par défaut. Les apprenants ne pourront accéder qu'aux pages publiées et également incluses dans leur menu utilisateur.
Ainsi, pour rendre la page nouvellement configurée visible aux apprenants, vous devez la publier et également l'ajouter aux menus utilisateurs appropriés. Pour en savoir plus, consultez l'article : Rendre les pages et menus visibles aux utilisateurs > Rendre une page visible dans le menu de navigation de vos utilisateurs.