Créer un carrousel

Les carrousels sont des diaporamas dynamiques que vous pouvez ajouter à votre page d'accueil ou à une page de groupe pour accueillir les apprenants, mettre en valeur le contenu de formation, créer des liens vers des ressources utiles (à la fois à l'intérieur et à l'extérieur de notre plateforme) et partager des messages importants avec des appels à l'action clairs.

Voici comment fonctionnent les carrousels :

• Les carrousels sont composés de diapositives individuelles. Chaque diapositive peut inclure une image, un titre, une description longue et un lien qui est soit intégré dans la diapositive, soit attaché à un bouton.
• Un seul carrousel peut être affiché par page d'accueil ou page de groupe.
• Le contenu du carrousel est spécifique au groupe et ne se transfère pas aux sous-groupes.
• Les diapositives défilent automatiquement, mais les apprenants peuvent utiliser les flèches pour naviguer ou mettre le carrousel en pause.
• Vous pouvez modifier l'emplacement du carrousel sur la page d'accueil et les pages de groupe, ainsi que d'autres widgets.
  • Consultez Configurer la disposition de la page du groupe pour une liste complète des widgets disponibles sur la page de groupe et comment les organiser.
  • Consultez Configurer la disposition de la page d'accueil pour une liste complète des widgets disponibles sur la page d'accueil et comment les organiser.

Bien que la fonctionnalité de base d'un carrousel soit la même sur la page d'accueil et les pages de groupe, il existe des différences essentielles dans leur implémentation sur mobile : 

• Page d'accueil : Le carrousel de la page d'accueil ne s'affiche pas sur les applications mobiles. 
• Pages de groupe : Les carrousels des pages de groupe sont affichés sur les applications mobiles (sous l'onglet Découvrir). Veuillez noter que l'affichage du carrousel sur mobile diffère de l'application web en raison de la taille de l'écran : 
  • Les diapositives en disposition carte postale ne sont pas affichées sur mobile.
  • Les diapositives en disposition portrait affichent uniquement l’image et le titre sur mobile. La description n’est pas affichée sur mobile.

Créer un carrousel

1. Accédez à la page à laquelle vous souhaitez ajouter le carrousel :
   • Pour la page d'accueil : Dans la barre latérale gauche, cliquez sur Accueil.
   • Pour une page de groupe : Dans la barre latérale gauche, cliquez sur un groupe.
2. En haut à droite de la section principale, cliquez sur Disposition de la page.
3. Dans le panneau Mise en page, soit :
   • Cliquez sur Ajouter un widget → Carrousel → Suivant (si le widget Carrousel n'est pas déjà présent).
   • Cliquez sur Carrousel (si le widget Carrousel est déjà listé).
4. Cliquez sur Ajouter une image.
   • Le carrousel s'affiche uniquement lorsqu'un administrateur a ajouté des diapositives. Si un widget de carrousel est intégré à la mise en page sans contenu, la section correspondante est alors cachée.
5. Cliquez sur 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 » (sélectionnée par défaut) affiche une diapositive d'image complète avec le texte au-dessus de l'image.
     • Les diapositives en format poster sont affichées sur le web et les applications mobiles.
     • Si vous ajoutez ultérieurement un lien à la mise en page poster, les apprenants peuvent cliquer n'importe où sur la diapositive pour être redirigés vers l'URL spécifiée.
   • La mise en page « carte postale » affiche l’image à gauche de la diapositive, et le texte à droite.
     • Les diapositives en format carte postale sont uniquement affichées sur l'application web.
     • Si vous ajoutez ultérieurement un lien à la mise en page carte postale, les apprenants peuvent cliquer sur l'image et le bouton pour être redirigés vers l'URL spécifiée.
8. Entrez un Titre (80 caractères maximum) et une Description (150 caractères maximum).
   • La description pour les diapositives en mode portrait n’est pas affichée dans l’application mobile.
9. Facultatif : Si vous avez sélectionné la mise en page « carte postale », entrez le Texte du bouton (50 caractères maximum). 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 à gauche du titre de la diapositive.
13. Pour fermer la colonne Mise en page, cliquez sur Fermer.

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é).

Modifier une diapositive

Vous pouvez modifier l'image, le titre, la description, le lien et le texte du bouton d'une diapositive existante du carrousel, et ajouter de nouvelles diapositives au carrousel.

1. Accédez à la page d'accueil (cliquez sur Accueil dans la barre latérale gauche) ou à la page du groupe (cliquez sur le nom du groupe dans la barre latérale gauche) contenant le carrousel.
2. En haut à droite de la section principale, cliquez sur Mise en page.
3. Dans la colonne Mise en page, sélectionnez Carrousel.
4. Pour modifier une diapositive existante : Cliquez sur la diapositive que vous souhaitez modifier. Ensuite :
   1. En haut à droite de l'image, cliquez sur Modifier pour sélectionner une nouvelle image.
   2. Cliquez sur un champ pour le modifier.
5. Pour ajouter une nouvelle diapositive : Cliquez sur Ajouter une diapositive. Cela ajoutera une nouvelle diapositive à votre carrousel, que vous pourrez ensuite remplir avec du contenu (reportez-vous à la section Créer un carrousel pour plus de détails sur l'ajout de contenu à une nouvelle diapositive).
6. 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. Accédez à la page d'accueil (cliquez sur Accueil dans la barre latérale gauche) ou à la page du groupe (cliquez sur le nom du groupe dans la barre latérale gauche) contenant le carrousel.
2. En haut à droite de la section principale, cliquez sur Mise 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é .
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  à 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. Accédez à la page d'accueil (cliquez sur Accueil dans la barre latérale gauche) ou à la page du groupe (cliquez sur le nom du groupe dans la barre latérale gauche) contenant le carrousel.
2. En haut à droite de la section principale, cliquez sur Mise en page.
3. Dans la colonne Mise en page, sélectionnez Carrousel.
4. Sur la gauche d'une diapositive, cliquez sur l’icône  pour glisser-déposer la diapositive vers le haut ou le bas.
5. Cliquez sur Appliquer.

Supprimer une diapositive

1. Accédez à la page d'accueil (cliquez sur Accueil dans la barre latérale gauche) ou à la page du groupe (cliquez sur le nom du groupe dans la barre latérale gauche) contenant le carrousel.
2. En haut à droite de la section principale, cliquez sur Mise 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 :

• Mise en page « poster » : 1600 x 400 pixels
• Mise 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.
  • La page de groupe affiche 1 diapositive à la fois. Les apprenants peuvent naviguer dans le carrousel à l'aide des flèches situées sous chaque diapositive ou mettre le carrousel en pause pour consulter le contenu à leur propre rythme. Le carrousel passera également automatiquement à la diapositive suivante s'il n'est pas mis en pause.
  • 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.
  • Remarque : Si votre plateforme bénéficie d'un accès anticipé à la galerie de la page d'accueil, plus de 3 blocs d'images peuvent être affichés dans toutes les galeries, y compris celles des pages de groupe. Chaque rangée supportera toujours jusqu'à 3 blocs, et la galerie organisera automatiquement les blocs supplémentaires dans de nouvelles rangées.