Créer un carrousel sur la page d’un groupe

  • Mise à jour

Qui peut créer un carrousel ?

  • Les administrateurs plateforme peuvent ajouter le widget carrousel à la mise en page du groupe plateforme pour rendre le widget disponible à tous les groupes.
  • Les administrateurs de groupe peuvent ajouter un carousel à la page de leur groupe, et le modifier si le widget a été rendu disponible par un administrateur plateforme.
  • Avec la solution Customization, les administrateurs de groupe peuvent toujours créer un carousel sur la page de leur groupe (même si le widget carousel n’est pas rendu disponible par un administrateur plateforme). Pour plus d’informations à propos de la solution Customization, contactez votre Client Success Partner (CSP).
  • La création de carrousel se fait sur l'application web. Une fois créé, le carrousel sera visible à la fois sur les applications web et mobiles.

Une page de groupe est composée de sections appelées widgets que vous pouvez ajouter, supprimer, réorganiser et configurer. Le widget carrousel est un diaporama qui met en avant une sélection de formations pour les apprenants, avec des liens internes ou externes, et un bouton cliquable. Les carrousels sont idéaux pour transmettre des messages avec un appel à l'action.

  • Une page de groupe peut afficher un seul carrousel.
  • Le contenu du carrousel n'est pas reproduit dans les sous-groupes.

Les apprenants peuvent naviguer dans le carrousel en cliquant sur les flèches à côté de chaque diapositive ou en attendant que le carrousel passe automatiquement à la diapositive suivante.

Vous pouvez ajouter plusieurs widgets à la page de votre groupe pour personnaliser l'expérience de l'apprenant. Pour la liste complète des widgets, consultez Configurer la disposition de la page d’accueil du groupe.

Ajouter un widget carrousel à une page de groupe

Pour ajouter le widget à une page de groupe, consultez Configurer la disposition de la page d’accueil du groupe.

Une fois le widget ajouté à une page de groupe, le carrousel ne s'affiche que si un administrateur a ajouté des diapositives au carrousel. Si un widget est ajouté à la mise en page mais n'a pas de contenu, la section est masquée de la page de groupe.

Ajouter une diapositive

Les éléments suivants composent une diapositive :

  • une image (consultez les Recommandations pour les images du carrousel) ;
  • un titre (200 caractères maximum) ;
  • une description (700 caractères maximum) :
  • Un lien qui redirige les apprenants vers une page web (à l'intérieur ou à l'extérieur de la plateforme) ou qui leur permet d'envoyer facilement un email à n'importe quelle adresse que vous spécifiez.
    • Si vous ajoutez un lien à la mise en page « poster », l'apprenant peut cliquer n'importe où sur la diapositive pour être redirigé vers l'adresse URL spécifiée.
    • Si vous ajoutez un lien à la mise en page « carte postale », l'apprenant peut cliquer sur l'image et le bouton pour être redirigé vers l'adresse URL spécifiée.
  • uniquement avec la mise en page « carte postale » : un bouton (50 caractères maximum).

La quantité de texte affichée dans le carrousel dépend de la taille de la fenêtre du navigateur de l'utilisateur, des paramètres de zoom et de l'état d'affichage du fil d'actualité (panneau de droite ouvert ou masqué).

Pour ajouter une diapositive au carrousel :

  1. Dans la colonne de gauche, cliquez sur un groupe.
  2. En haut à droite de la section principale, cliquez sur group-page-layout.svgMise en page.
  3. Dans la colonne Mise en page, sélectionnez Carrousel.
  4. Cliquez sur AJOUTER UNE IMAGE.
  5. Cliquez sur plus.svg pour ajouter une image.
    La boîte de dialogue Sélectionnez une image s'ouvre.
  6. Importez ou Réutilisez une image. Pour plus de détails sur les dimensions et le format d'image recommandés, consultez Recommandations pour les images du carrousel.
  7. Sélectionnez la Mise en page :
    • La mise en page « poster » affiche l’image entière avec le texte par-dessus. C’est la mise en page sélectionnée par défaut.
    • La mise en page « carte postale » affiche l’image à gauche de la diapositive, et le texte à droite.
  8. Entrez un Titre et une Description.
  9. Facultatif : Si vous avez sélectionné la mise en page « carte postale », entrez le Texte du bouton. Si vous n'ajoutez pas de texte du bouton, la diapositive n'affichera aucun bouton.
  10. Dans le champ Lien, entrez l'un des éléments suivants :
    • Une adresse URL pour rediriger les apprenants vers une page web (à l'intérieur ou à l'extérieur de la plateforme).
    • Un lien mailto pour permettre aux apprenants d'envoyer facilement un email depuis leur propre adresse à n'importe quel destinataire que vous spécifiez. Lorsqu'un apprenant clique sur le lien mailto, le client de messagerie par défaut du navigateur de l'apprenant ouvre un nouvel email avec le destinataire pré-rempli.
      • Pour saisir un lien mailto, tapez mailto: et ajoutez l'adresse email du destinataire. Par exemple, mailto:grace.hopper@domain.com.
      • Vous pouvez utiliser un générateur mailto gratuit comme celui-ci pour générer un lien mailto avec plusieurs destinataires, ou avec la ligne d'objet et le corps pré-remplis.
  11. Cliquez sur APPLIQUER.
    La page d'accueil du groupe affiche la diapositive du carrousel.
  12. Pour continuer à modifier le carrousel, cliquez sur Vector.svg à gauche du titre de la diapositive.
  13. Pour fermer la colonne Mise en page, cliquez sur FERMER.

Modifier une diapositive

Vous pouvez modifier l'image, le titre, la description, le lien et le texte du bouton de chaque diapositive.

  1. Dans la colonne de gauche, cliquez sur un groupe.
  2. En haut à droite de la section principale, cliquez sur group-page-layout.svgMise en page.
  3. Dans la colonne Mise en page, sélectionnez Carrousel.
  4. Cliquez sur la diapositive que vous souhaitez modifier.
  5. En haut à droite de l'image, cliquez sur pen.svgModifier pour sélectionner une nouvelle image.
  6. Cliquez sur un champ pour le modifier.
  7. Cliquez sur APPLIQUER.

Planifier l'affichage d'une diapositive de carrousel

Vous pouvez planifier l'affichage de chaque diapositive d'un carrousel sur la page du groupe pour tous les membres du groupe :

  1. Dans la colonne de gauche, cliquez sur un groupe.
  2. En haut à droite de la section principale, cliquez sur group-page-layout.svgMise en page.
  3. Dans la colonne de droite, cliquez sur Carrousel.
  4. Sélectionnez la diapositive du carrousel que vous souhaitez programmer.
  5. À droite de Planifier l'affichage, basculez l'interrupteur en position activé Switch.svg.
  6. Sélectionnez une date et une heure de Début et/ou de Fin.
    • Si vous sélectionnez seulement une date de Début, la diapositive sera affichée à partir de la date sélectionnée.
    • Si vous sélectionnez seulement une date de Fin, la diapositive apparaît immédiatement sur la page du groupe et sera supprimée à la date sélectionnée.
    • Si vous sélectionnez à la fois une date de Début et une date de Fin, la diapositive sera affichée sur la page du groupe entre les dates sélectionnées.
  7. Cliquez sur APPLIQUER.

Vous pouvez modifier ces dates à tout moment.

Pour désactiver le planning d'affichage, basculez l'interrupteur en position off Switch (1).svg à l'étape 5. La diapositive restera alors sur la page du groupe jusqu'à ce que vous la supprimiez ou que vous définissiez un nouveau planning d'affichage.

Réorganiser les diapositives

  1. Dans la colonne de gauche, cliquez sur un groupe.
  2. En haut à droite de la section principale, cliquez sur group-page-layout.svgMise en page.
  3. Dans la colonne Mise en page, sélectionnez Carrousel.
  4. Sur la gauche d'une diapositive, cliquez sur l’icône grip.svg pour glisser-déposer la diapositive vers le haut ou le bas.
  5. Cliquez sur APPLIQUER.

Supprimer une diapositive

  1. Dans la colonne de gauche, cliquez sur un groupe.
  2. En haut à droite de la section principale, cliquez sur group-page-layout.svgMise en page.
  3. Dans la colonne Mise en page, sélectionnez Carrousel.
  4. Sélectionnez la diapositive que vous souhaitez supprimer.
  5. En bas de la colonne de droite, cliquez sur SUPPRIMER L'IMAGE.
  6. Cliquez sur APPLIQUER.

Si vous supprimez toutes les diapositives du carrousel, la section du carrousel disparaît de la page d'accueil du groupe.

 


Recommandations pour les images du carrousel

Format d'image

Les images du carrousel peuvent être au format JPEG, PNG ou GIF.

Dimensions de l'image

Nous recommandons les dimensions d'image suivantes pour chaque mise en page :

  • Layout 1.svgMise en page « poster » : 1600x600 pixels
  • Layout 2.svgMise en page « carte postale » : 800x600 pixels

Les images plus petites peuvent apparaître floues ou pixelisées. Les images plus grandes peuvent être recadrées.

Quelle que soit la taille d'image que vous utilisez, essayez de garder le point focal de l'image près du centre, avec suffisamment d'espace au-dessus, en dessous et sur les côtés de ce foyer.

Informations complémentaires

  • Nous recommandons d’utiliser une image sans texte.
  • Dans la mise en page « poster », l’image est assombrie selon les caractéristiques CSS suivantes :
    linear-gradient(rgba(255, 255, 255, 0), rgb(24, 25, 29))

Carrousel vs galerie

Les carrousels et les galeries vous permettent de présenter du contenu spécifique sur les pages de groupe et de rediriger les apprenants vers des URL internes ou externes. Voici les différences principales entre ces deux widgets :

  • Un carrousel est un diaporama composé de plusieurs diapositives.
    • Chaque diapositive peut avoir une image, un titre, une longue description et un lien caché ou un bouton avec un lien.
    • Une page de groupe affiche 1 diapositive à la fois.
    • Les apprenants peuvent naviguer dans le carrousel en cliquant sur les flèches à côté de chaque diapositive ou en attendant que le carrousel passe automatiquement à la diapositive suivante.
    • Les carrousels sont idéaux pour transmettre un message avec un appel à l'action.
  • Une galerie affiche jusqu'à 3 blocs d'affilée.
    • Chaque bloc peut avoir une image, un texte bref et un lien caché.
    • Une page groupe affiche tous les blocs en même temps.
    • Les galeries sont idéales pour catégoriser le contenu et améliorer l’expérience de navigation à l’intérieur et à l’extérieur de la plateforme.
Visitez notre blog pour plus de ressources sur le Collaborative Learning.

Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 2 sur 2

Vous avez d’autres questions ? Envoyer une demande