Configurer un carrousel

Aperçu du carrousel

Les carrousels sont des diaporamas dynamiques que vous pouvez ajouter à votre page d'accueil ou aux pages de groupe pour engager les apprenants et mettre en avant des informations clés.

Utilisations principales du carrousel

Avec un carrousel, vous pouvez :

• accueillir vos apprenants sur la plateforme ou dans le groupe ;
• mettre en valeur des formations spécifiques ;
• fournir des liens rapides vers des ressources internes ou externes ;
• partager des messages importants avec un appel à l'action.

Fonctionnement des carrousels

• Chaque carrousel est composé de diapositives individuelles.
  • Chaque diapositive peut inclure une image, un titre, une longue description et un lien intégré (intégré à la diapositive ou attaché à un bouton).
  • Vous pouvez ajouter jusqu’à 100 diapositives par carrousel.
• Plusieurs carrousels peuvent être affichés par page. Vous pouvez changer le placement du carrousel par rapport aux autres widgets. Pour plus d'informations, voir Configurer la page d'un groupe et Configurer la page d'accueil.
• Les diapositives défilent automatiquement par défaut. Les apprenants peuvent utiliser les flèches pour naviguer ou mettre le carrousel en pause.
• Le contenu du carrousel est spécifique au groupe et ne se transfère pas aux sous-groupes.
• Si votre organisation utilise la solution Globalization, le carrousel peut être traduit dans la langue préférée de chaque utilisateur. Pour plus d'informations, consultez Traduire un carrousel.

Affichage du carrousel sur mobile

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 n'est pas affiché sur les applications mobiles.
• Pages de groupe : Le carrousel s'affiche sur les applications mobiles (sous l'onglet Découvrir), mais l'affichage 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 « poster » affichent uniquement l’image et le titre sur mobile. La description n’est pas affichée.

Créer un carrousel

Pour créer un carrousel :

1. Accédez au panneau de configuration de la mise en page :
   • Pour la page d'accueil : Dans la barre latérale gauche, cliquez sur Configuration de la page d'accueil.
     • Si Configuration de la page d'accueil n'apparaît pas, cliquez sur Configurer la mise en page en haut à droite de votre page d'accueil.
   • Pour une page de groupe : Dans la barre latérale gauche, survolez un groupe et cliquez sur Configurer la mise en page.
     • Si  Configurer la mise en page n'apparaît pas, cliquez d'abord sur le groupe, puis cliquez sur  Configurer la mise en page en haut à droite de la section principale.
2. Dans le panneau Configurer la mise en page à droite, dans la section Ajouter un widget, cliquez sur Carrousel.
3. Cliquez sur  Ajouter une diapositive.
   • Le carrousel s'affiche uniquement lorsqu'il contient des diapositives. Si un widget de carrousel est intégré à la mise en page sans contenu, la section correspondante est alors cachée.
4. Ajoutez une image :
   1. Cliquez sur sous Image.
   2. Dans la boîte de dialogue Sélectionnez une image, vous pouvez importer une nouvelle image ou réutiliser une image existante. Pour des dimensions optimales, consultez les recommandations pour les images de carrousel.
5. Rédigez le message :
   1. Saisissez un Titre (80 caractères maximum).
   2. Entrez une Description (150 caractères maximum). 
      La description pour la mise en page de l'affiche ne s'affiche pas sur les applications mobiles.
6. Dans le champ Lien, entrez l'un des éléments suivants :
   • Une adresse URL standard pour rediriger les apprenants vers une page web.
   • Un lien mailto (par exemple, mailto:destinataire@domaine.com) pour ouvrir le client de messagerie de l'apprenant, lui permettant d'envoyer facilement un email à n'importe quel destinataire que vous spécifiez.
     Vous pouvez utiliser un générateur de mailto gratuit comme celui-ci pour générer un lien mailto avec plusieurs destinataires, ou avec l'objet et le corps du message pré-remplis.
7. Sélectionnez la Mise en page :
   • Mise en page poster (par défaut) : Affiche une diapositive d'image complète avec le texte superposé. Si vous ajoutez un lien à la diapositive, les apprenants peuvent cliquer n'importe où sur la diapositive pour être redirigés vers l'URL spécifiée. 
     Remarque : La mise en page « poster » est prise en charge à la fois sur les applications web et mobiles.
   • Mise en page carte postale (à droite) : Affiche l'image sur le côté gauche de la diapositive et le texte/bouton sur la droite. Si vous ajoutez un lien à la mise en page carte postale, les apprenants peuvent cliquer sur l'image ou sur le bouton pour être redirigés vers l'URL spécifiée.
     Remarque : La mise en page carte postale n'est prise en charge que sur l'application web.
8. Si vous avez sélectionné la mise en page carte postale, entrez le Texte du bouton (50 caractères maximum). Si vous passez cette étape, aucun bouton ne s'affichera.
9. (Optionnel) Vous pouvez sélectionner une audience pour définir qui voit cette diapositive spécifique. Si aucune audience n’est sélectionnée, la diapositive est visible par tout le monde. Pour sélectionner une audience :
   1. Sous Audience, cliquez sur  Éditer.
   2. Définissez vos critères en utilisant Groupes, Rôles ou Champs Personnalisés Utilisateur.
      • Pour une explication détaillée du fonctionnement de la logique d’audience, consultez À propos de l'audience des widgets.
   3. En haut, cliquez sur Retour à l’audience.
10. Dans le coin inférieur droit, cliquez sur Appliquer.
    La diapositive s'affichera désormais selon les paramètres d'audience.
11. Pour continuer à éditer le carrousel, cliquez sur  Retour au carrousel en haut du panneau de droite.
12. Pour fermer le panneau de droite, cliquez sur Fermer dans le coin inférieur droit.

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 au panneau de configuration de la mise en page :
   • Pour la page d'accueil : Dans la barre latérale gauche, cliquez sur Configuration de la page d'accueil.
     • Si Configuration de la page d'accueil n'apparaît pas, cliquez sur Configurer la mise en page en haut à droite de votre page d'accueil.
   • Pour une page de groupe : Dans la barre latérale gauche, survolez un groupe et cliquez sur Configurer la mise en page.
     • Si Configurer la mise en page n'apparaît pas, cliquez d'abord sur le groupe, puis cliquez sur  Configurer la mise en page en haut à droite de la section principale.
2. Dans le panneau Configurer la mise en page à droite, sélectionnez le carrousel.
3. Pour ajouter une nouvelle diapositive :
   1. Cliquez sur Ajouter une diapositive.
   2. Modifier les champs nécessaires (Image, Titre, Description, Lien ou Texte du bouton). Pour plus de détails sur chaque champ, reportez-vous à la section Créer un carrousel.
4. Pour modifier une diapositive existante :
   1. Survolez la diapositive que vous souhaitez modifier.
   2. Cliquez sur Éditer.
   3. Modifier les champs nécessaires (Image, Titre, Description, Lien ou Texte du bouton). Pour plus de détails sur chaque champ, reportez-vous à la section Créer un carrousel.
5. En bas à droite, cliquez sur Appliquer.
6. Pour continuer à éditer le carrousel, cliquez sur Retour au carrousel en haut du panneau de droite.
7. Pour fermer le panneau de droite, cliquez sur Fermer dans le coin inférieur droit.

Planifier l'affichage d'une diapositive de carrousel

Pour planifier l'affichage de chaque diapositive sur la page du groupe :

1. Accédez au panneau de configuration de la mise en page :
   • Pour la page d'accueil : Dans la barre latérale gauche, cliquez sur Configuration de la page d'accueil.
     • Si Configuration de la page d'accueil n'apparaît pas, cliquez sur Configurer la mise en page en haut à droite de votre page d'accueil.
   • Pour une page de groupe : Dans la barre latérale gauche, survolez un groupe et cliquez sur Configurer la mise en page.
     • Si  Configurer la mise en page n'apparaît pas, cliquez d'abord sur le groupe, puis cliquez sur  Configurer la mise en page en haut à droite de la section principale.
2. Dans le panneau Configurer la mise en page à droite, sélectionnez le carrousel.
3. Cliquez sur la diapositive que vous souhaitez planifier.
4. À droite de Planifier l'affichage, basculez l'interrupteur en position activé .
5. 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.
6. En bas à droite, 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 une diapositive dans un carrousel

Pour réorganiser une diapositive dans un carrousel :

1. Accédez au panneau de configuration de la mise en page :
   • Pour la page d'accueil : Dans la barre latérale gauche, cliquez sur Configuration de la page d'accueil.
     • Si Configuration de la page d'accueil n'apparaît pas, cliquez sur Configurer la mise en page en haut à droite de votre page d'accueil.
   • Pour une page de groupe : Dans la barre latérale gauche, survolez un groupe et cliquez sur Configurer la mise en page.
     • Si  Configurer la mise en page n'apparaît pas, cliquez d'abord sur le groupe, puis cliquez sur  Configurer la mise en page en haut à droite de la section principale.
2. Dans le panneau Configurer la mise en page à droite, sélectionnez le carrousel.
3. Cliquez sur sur le côté droit d'une diapositive pour la déplacer vers le haut ou vers le bas.
4. En bas à droite, cliquez sur Appliquer.

Supprimer une diapositive

Pour supprimer une diapositive :

1. Accédez au panneau de configuration de la mise en page :
   • Pour la page d'accueil : Dans la barre latérale gauche, cliquez sur Configuration de la page d'accueil.
     • Si Configuration de la page d'accueil n'apparaît pas, cliquez sur Configurer la mise en page en haut à droite de votre page d'accueil.
   • Pour une page de groupe : Dans la barre latérale gauche, survolez un groupe et cliquez sur Configurer la mise en page.
     • Si Configurer la mise en page n'apparaît pas, cliquez d'abord sur le groupe, puis cliquez sur Configurer la mise en page en haut à droite de la section principale.
2. Dans le panneau Configurer la mise en page à droite, survolez le carrousel pertinent et cliquez sur Éditer.
3. Survolez la diapositive et cliquez sur Supprimer.
4. En bas à droite, cliquez sur Appliquer.

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

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 : 1600x400 pixels (ratio 4:1)
• Mise en page carte postale : 800x400 pixels (ratio 2:1)

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.

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 la page d'accueil ou les pages de groupe et de rediriger les apprenants vers des URL internes ou externes. Voici les principales différences entre eux :

• 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 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 prend en charge un nombre illimité de blocs, affichant jusqu'à 3 blocs par ligne. Les blocs supplémentaires sont automatiquement agencés sur une nouvelle ligne. Chaque bloc peut inclure une image, une courte légende et un lien masqué.
  • Chaque bloc peut avoir une image, un texte bref et un lien caché.
  • Tous les blocs en même temps sont affichés en même temps sur la page.
  • 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.