🎓Cours
Dernière mise à jour
Cet article vous a-t-il été utile ?
Dernière mise à jour
Cet article vous a-t-il été utile ?
Un widget de type Cours vous permet d'intégrer à votre produit ou votre site internet un cours spécifique pour délivrer de l’éducation contextuelle.
Pour créer un widget de type Cours, cliquez sur le bouton Nouveau en haut à droite puis sur Cours. Un panneau latéral permettant de créer un nouveau widget s'ouvre :
Choisissez le mode de rendu de votre widget :
Embed : le widget est sous forme d'embed, vous pouvez l'intégrer n'importe où sur votre site ou votre application.
Modale : le widget est dans une fenêtre qui s'ouvrira au clic sur un bouton.
Drawer : le widget est dans un panneau latéral qui s'ouvrira au clic sur un bouton.
Donnez un titre. 💡 Ce titre ne sera pas visible dans le widget intégré au sein de votre application.
Sélectionnez un cours à l'aide la barre de recherche.
Cliquez sur Créer : ça y est, votre widget est prêt à être intégré ! 👉 Plus d'information ici.
Vous pouvez modifier un widget depuis deux endroits différents :
Depuis la liste des widgets, en cliquant sur les trois petits points à droite de la carte d'un widget puis sur Modifier.
Depuis la fenêtre d'Aperçu du widget, en cliquant sur le bouton Modifier.
Le panneau latéral d'édition du widget s'ouvre, vous pouvez alors modifier :
Le type de rendu du widget. Attention, changer le type de widget implique de devoir mettre à jour le code.
Le titre du widget.
Le cours sélectionné : pour cela, il vous suffit de cliquer sur le bouton X en haut à droite du cours sélectionné et d'utiliser la barre de recherche afin de trouver le cours de votre choix.
Une fois toutes vos modifications faites, cliquez sur le bouton Enregistrer.
L'aperçu du widget dépend du type de rendu de ce dernier :
S'il s'agit d'un widget de type Embed ou Modale : Au clic sur la carte d’un widget, une fenêtre s'ouvre. Dans cette fenêtre, vous pouvez voir un aperçu du rendu du widget dans votre application ou site (dans le cas de l'embed, des zones grises matérialisent le contenu de votre site).
S'il s'agit d'un widget de type Drawer : Au clic sur la carte d’un widget, un panneau latéral s'ouvre. Vous pouvez y voir un aperçu du rendu du widget dans votre application ou site.
Dans la zone du bas de la modale, il y a plusieurs boutons :
Obtenir le code : vous donne le choix entre envoyer le code du widget directement par mail (avec le bouton Envoyer les instructions) ou récupérer et copier le code du widget (avec le bouton Copier le code)
Modifier : vous permet d'ouvrir le panneau latéral d'édition.
Dans votre site ou votre application, de nombreux membres pourront accéder à votre widget. Pas de panique, ils ne verront le cours que s'ils y ont accès :
Si le membre est connecté et a accès au cours, il verra le cours et il pourra compléter ses étapes.
Si le membre n'est pas connecté et que le cours est public, il ne verra que l'étape d'introduction du cours et ne pourra pas naviguer au sein des étapes.
Si le membre n'a pas accès au cours (parce qu'il est secret), il ne pourra pas voir le cours.
Si le membre complète une ou plusieurs étapes d'un cours depuis un widget, les activités correspondantes seront bien prises en compte et vous pourrez les retrouver dans la page Dashboard des paramètres de votre Spot.
Pour vous assurer que l'utilisateur voit le contenu du widget en étant connecté, nous vous recommandons de mettre en place une authentification SSO dans l'espace d'intégration du widget.
🔑Single Sign-OnPour supprimer un widget, vous avez 2 possibilités :
Depuis la carte d'un widget, en cliquant sur les trois petits points à droite puis sur Supprimer.
Depuis le panneau latéral d'édition d'un widget, en cliquant sur les trois petits points en haut à droite puis sur Supprimer.
Au clic sur l'un de ces deux boutons, une fenêtre de confirmation s'ouvre.
Attention, toute suppression est définitive !
Une fois le SSO configuré, il est possible de transmettre le token JWT authentifiant l'utilisateur directement dans le script du widget. Plus d'informations .
