---
title: Carrousel
description: "Faites défiler vos articles en carrousel sur votre site Web Yapla : modes d'affichage, navigation, choix des articles et des éléments affichés."
---
[Contenu à ignorer](https://support.yapla.com/fr-ca/carrousel#main-content)
- [Français - Canada](https://support.yapla.com/fr-ca/carrousel)
- [English - Canada](https://support.yapla.com/en-ca/slider)
- [Français - France](https://support.yapla.com/fr-fr/carrousel)
- [Italiano - Italia](https://support.yapla.com/it-it/carosello)
Français - Canada
Afficher le sous-menu pour les traductions
[Plus d'assistance](https://support.yapla.com/fr-ca/kb-tickets/new?hsLang=fr-ca) [Portail client](https://support.yapla.com/tickets-view?hsLang=fr-ca)
[](https://support.yapla.com/fr-ca/?hsLang=fr-ca)
- [Rendez-vous](https://www.yapla.com/fr-ca/rv-support?utm_term=plateforme)
- [Académie Yapla](https://academie.yapla.com/)
Ouvrir la navigation principale
Fermer la navigation principale
- [Rendez-vous](https://www.yapla.com/fr-ca/rv-support?utm_term=plateforme)
- [Académie Yapla](https://academie.yapla.com/)
- - [Français - Canada](https://support.yapla.com/fr-ca/carrousel)
- [English - Canada](https://support.yapla.com/en-ca/slider)
- [Français - France](https://support.yapla.com/fr-fr/carrousel)
- [Italiano - Italia](https://support.yapla.com/it-it/carosello)
Français - Canada
Afficher le sous-menu pour les traductions
- [Plus d'assistance](https://support.yapla.com/fr-ca/kb-tickets/new)
- [Portail client](https://support.yapla.com/tickets-view)
- [Nous contacter](https://support.yapla.com/fr-ca/kb-tickets/new)
[Nous contacter](https://support.yapla.com/fr-ca/kb-tickets/new?hsLang=fr-ca)
Comment pouvons-nous vous aider?
- Aucune suggestion, car le champ de recherche est vide.
1. [Centre d'aide Yapla](https://support.yapla.com/fr-ca?hsLang=fr-ca)
2. [Créer mon site web](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca)
3. [Modules](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#modules)
# Carrousel
## Faire défiler vos articles pour présenter des annonces visuelles
**Disponible à partir du forfait Essentiel.**
Le module **Carrousel** fait défiler vos [articles](https://support.yapla.com/fr-ca/creer-des-articles-pour-son-site-web?hsLang=fr-ca) un à la fois dans un même espace de la page. Il convient aux annonces visuelles : événement à venir, campagne de dons, nouvelle importante ou bannière d'accueil.
Chaque diapositive correspond à un article. Vous choisissez les éléments de l'article affichés dans la diapositive : image, titre, introduction, etc.
### Ajouter le module à une page
Dans la fenêtre de configuration d'une zone, sélectionnez la fonctionnalité **Site Web**, puis **Carrousel** dans la liste **Module de la zone**. Pour savoir comment ouvrir cette fenêtre, consultez l'article [Liste des modules de la fonctionnalité Site web](https://support.yapla.com/fr-ca/liste-des-modules-de-la-fonctionnalite-site-web?hsLang=fr-ca).
Les champs **Titre** et **Format**, en haut de la fenêtre, ajoutent un titre au-dessus du module et en déterminent le niveau (Titre 1 à Titre 6).
### Configurer le module
#### Interface graphique
- **Mode d'affichage :**
- **Image avec texte à gauche :** gabarit sur deux colonnes. Le texte occupe le premier tiers et l'image, le reste. Idéal pour des annonces accompagnées d'un visuel.
- **Bloc pleine largeur :** tous les éléments occupent toute la largeur. Convient aux bannières ou aux diapositives de texte seulement.
*Mode Image avec texte à gauche.*
*Mode Bloc pleine largeur.*
- **Nombre d'articles affichés :** nombre de diapositives du carrousel.
- **Ordre d'affichage :** **Date de création** (du plus ancien au plus récent), **Date de création décroissant** (du plus récent au plus ancien), ou ordre alphabétique croissant ou décroissant du titre de l'article.
- **Afficher la navigation par flèches :** ajoute une flèche de chaque côté du carrousel pour passer d'une diapositive à l'autre.
- **Afficher la navigation par puces :** ajoute sous le carrousel une puce par diapositive.
#### Articles affichés
- **Catégorie des articles affichés :** sélectionnez la ou les catégories des articles à faire défiler. Pour en savoir plus, consultez l'article [Catégories et mots-clés d'articles](https://support.yapla.com/fr-ca/créer-des-articles-pour-son-site-web#categories).
- **Mots-clés** et **Groupes :** limitent l'affichage aux articles qui portent ces mots-clés ou qui sont associés à ces groupes.
- **Affichage des archives :** un article archivé est un article dont la date de fin d'affichage est passée. Choisissez **Afficher tous les articles**, **Afficher les articles sans les archives** ou **Afficher uniquement les archives**.
Créez une catégorie réservée au carrousel, par exemple « Annonces d'accueil ». Ajoutez ensuite une [date de fin d'affichage](https://support.yapla.com/fr-ca/créer-des-articles-pour-son-site-web#date-fin) à chaque annonce et choisissez **Afficher les articles sans les archives** : les annonces expirées disparaissent alors d'elles-mêmes du carrousel.
#### Affichage des éléments
Cochez les éléments affichés dans chaque diapositive : **Titre de l'article**, **Nom de l'auteur**, **Date de création**, **Images**, **Introduction**, **Article** (le contenu complet, sous l'introduction) et **Lien**.
Pour diriger les visiteurs vers une autre page à partir d'une diapositive, ajoutez un hyperlien dans l'introduction de l'article.
Cliquez sur **Enregistrer et fermer** pour afficher le carrousel sur la page.
### Préparer les images du carrousel
Quand le carrousel occupe toute la largeur de l'écran, par exemple une bannière d'accueil en mode **Bloc pleine largeur**, il a une hauteur fixe : environ 700 px sur ordinateur et 386 px sur mobile. L'image est agrandie pour remplir ce cadre, puis centrée. La partie visible change donc selon la largeur de l'écran du visiteur, et un léger rognage sur les côtés, ou en haut et en bas, est normal sur certains écrans.
Pour limiter le rognage :
- **Format du visuel :** 1920 × 700 px.
- **Zone sécuritaire :** placez les textes, logos et éléments importants dans une zone centrale d'environ 1000 × 520 px, qui reste visible sur la plupart des ordinateurs et des tablettes.
- **Poids :** exportez en JPG ou en PNG optimisé, idéalement sous 500 Ko.
- **Uniformité :** utilisez les mêmes dimensions pour toutes les images du carrousel. La hauteur reste ainsi stable d'une diapositive à l'autre.
En mode **Image avec texte à gauche**, l'image n'occupe qu'une partie de la largeur : une image large de type bannière y est recadrée. Choisissez plutôt une image moins large, proche du format carré.
Si votre site a une personnalisation avancée (CSS), ces dimensions peuvent varier légèrement. Faites un essai avec une image avant de préparer toutes vos diapositives. Voir aussi l'article [Les bonnes pratiques pour gérer les images de votre site web](https://support.yapla.com/fr-ca/les-bonnes-pratiques-pour-g%C3%A9rer-les-images-de-votre-site-web?hsLang=fr-ca).
- [Débuter sur Yapla](https://support.yapla.com/fr-ca/d%C3%A9buter-sur-yapla?hsLang=fr-ca#main-content)
- [Collection de ressources utiles pour découvrir Yapla](https://support.yapla.com/fr-ca/d%C3%A9buter-sur-yapla?hsLang=fr-ca#collection-de-ressources-utiles-pour-d%C3%A9couvrir-yapla)
- [Pour se lancer](https://support.yapla.com/fr-ca/d%C3%A9buter-sur-yapla?hsLang=fr-ca#pour-se-lancer)
- [Optimiser votre utilisation de Yapla](https://support.yapla.com/fr-ca/d%C3%A9buter-sur-yapla?hsLang=fr-ca#optimiser-votre-utilisation-de-yapla)
- [À propos de Yapla](https://support.yapla.com/fr-ca/d%C3%A9buter-sur-yapla?hsLang=fr-ca#%C3%A0-propos-de-yapla)
- [Configurer mon compte](https://support.yapla.com/fr-ca/configurer-mon-compte?hsLang=fr-ca#main-content)
- [Premiers pas](https://support.yapla.com/fr-ca/configurer-mon-compte?hsLang=fr-ca#premiers-pas)
- [Compte](https://support.yapla.com/fr-ca/configurer-mon-compte?hsLang=fr-ca#compte)
- [Facturation](https://support.yapla.com/fr-ca/configurer-mon-compte?hsLang=fr-ca#facturation)
- [Licences et utilisateurs](https://support.yapla.com/fr-ca/configurer-mon-compte?hsLang=fr-ca#licences-et-utilisateurs)
- [Questions fréquentes](https://support.yapla.com/fr-ca/configurer-mon-compte?hsLang=fr-ca#questions-fr%C3%A9quentes)
- [Comprendre les fonctions communes](https://support.yapla.com/fr-ca/comprendre-les-fonctions-communes?hsLang=fr-ca#main-content)
- [Communications](https://support.yapla.com/fr-ca/comprendre-les-fonctions-communes?hsLang=fr-ca#communications)
- [Formulaires](https://support.yapla.com/fr-ca/comprendre-les-fonctions-communes?hsLang=fr-ca#formulaires)
- [Images et médias](https://support.yapla.com/fr-ca/comprendre-les-fonctions-communes?hsLang=fr-ca#images-et-m%C3%A9dias)
- [Questions fréquentes](https://support.yapla.com/fr-ca/comprendre-les-fonctions-communes?hsLang=fr-ca#questions-fr%C3%A9quentes)
- [Gérer mes paiements et mon authentification](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-paiements-et-mon-authentification?hsLang=fr-ca#main-content)
- [Authentification](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-paiements-et-mon-authentification?hsLang=fr-ca#authentification)
- [Modes de paiement](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-paiements-et-mon-authentification?hsLang=fr-ca#modes-de-paiement)
- [Contribution volontaire et commission](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-paiements-et-mon-authentification?hsLang=fr-ca#contribution-volontaire-et-commission)
- [Questions fréquentes](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-paiements-et-mon-authentification?hsLang=fr-ca#questions-fr%C3%A9quentes)
- [Gérer mes membres](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#main-content)
- [Premiers pas](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#premiers-pas)
- [Importer les membres](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#importer-les-membres)
- [Campagnes d'adhésions simplifiées](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#campagnes-dadh%C3%A9sions-simplifi%C3%A9es)
- [Gestion des membres](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#gestion-des-membres)
- [Fiche du membre](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#fiche-du-membre)
- [Formulaire](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#formulaire)
- [Communications](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#communications)
- [Gestion des organisations ou familles](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#gestion-des-organisations-ou-familles)
- [Gestion des adhésions](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#gestion-des-adh%C3%A9sions)
- [Tarifs](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#tarifs)
- [Organisation ou famille](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#organisation-ou-famille)
- [Fonctions avancées](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#fonctions-avanc%C3%A9es)
- [Formations continues](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#formations-continues)
- [Questions fréquentes](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-membres?hsLang=fr-ca#questions-fr%C3%A9quentes)
- [Organiser mes événements](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#main-content)
- [Premiers pas](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#premiers-pas)
- [Configuration](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#configuration)
- [Formulaires](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#formulaires)
- [Billets électroniques](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#billets-%C3%A9lectroniques)
- [Paramètres avancés](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#param%C3%A8tres-avanc%C3%A9s)
- [Communications](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#communications)
- [Gestion des tarifs](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#gestion-des-tarifs)
- [Gestion des inscriptions](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#gestion-des-inscriptions)
- [Gestion des activités avec sessions](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#gestion-des-activit%C3%A9s-avec-sessions)
- [Congrès](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#congr%C3%A8s)
- [Questions fréquentes](https://support.yapla.com/fr-ca/organiser-mes-%C3%A9v%C3%A9nements?hsLang=fr-ca#questions-fr%C3%A9quentes)
- [Recueillir des dons](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#main-content)
- [Premiers pas](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#premiers-pas)
- [Gestion des dons](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#gestion-des-dons)
- [Reçus fiscaux](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#re%C3%A7us-fiscaux)
- [Dons récurrents](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#dons-r%C3%A9currents)
- [Gestion des campagnes](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#gestion-des-campagnes)
- [Gestion des campagnes participatives](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#gestion-des-campagnes-participatives)
- [Gestion des donateurs](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#gestion-des-donateurs)
- [Questions fréquentes](https://support.yapla.com/fr-ca/recueillir-des-dons?hsLang=fr-ca#questions-fr%C3%A9quentes)
- [Créer mon site web](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#main-content)
- [Premiers pas](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#premiers-pas)
- [Personnalisation du site Web](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#personnalisation-du-site-web)
- [Gestion du contenu et des articles](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#gestion-du-contenu-et-des-articles)
- [Pages](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#pages)
- [Modules](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#modules)
- [Boutique](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#boutique)
- [SEO et outils de performance](https://support.yapla.com/fr-ca/cr%C3%A9er-mon-site-web?hsLang=fr-ca#seo-et-outils-de-performance)
- [Gérer ma comptabilité](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#main-content)
- [Premiers pas](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#premiers-pas)
- [Gestion des ventes et factures](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#gestion-des-ventes-et-factures)
- [Gestion des dépenses](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#gestion-des-d%C3%A9penses)
- [Journal général](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#journal-g%C3%A9n%C3%A9ral)
- [Consolidation](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#consolidation)
- [Rapports](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#rapports)
- [Paramètres](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#param%C3%A8tres)
- [Projets](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#projets)
- [Taxes](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#taxes)
- [Questions fréquentes](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-comptabilit%C3%A9?hsLang=fr-ca#questions-fr%C3%A9quentes)
- [Gérer mes contacts](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-contacts?hsLang=fr-ca#main-content)
- [Gestion des contacts](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-contacts?hsLang=fr-ca#gestion-des-contacts)
- [Déployer mes infolettres](https://support.yapla.com/fr-ca/d%C3%A9ployer-mes-infolettres?hsLang=fr-ca#main-content)
- [Introduction à Yapla Infolettres](https://support.yapla.com/fr-ca/d%C3%A9ployer-mes-infolettres?hsLang=fr-ca#introduction-%C3%A0-yapla-infolettres)
- [Configurer vos infolettres](https://support.yapla.com/fr-ca/d%C3%A9ployer-mes-infolettres?hsLang=fr-ca#configurer-vos-infolettres)
- [Gestion des contacts](https://support.yapla.com/fr-ca/d%C3%A9ployer-mes-infolettres?hsLang=fr-ca#gestion-des-contacts)
- [Suivi des performances](https://support.yapla.com/fr-ca/d%C3%A9ployer-mes-infolettres?hsLang=fr-ca#suivi-des-performances)
- [Cibler vos envois](https://support.yapla.com/fr-ca/d%C3%A9ployer-mes-infolettres?hsLang=fr-ca#cibler-vos-envois)
- [Recruter des abonnés](https://support.yapla.com/fr-ca/d%C3%A9ployer-mes-infolettres?hsLang=fr-ca#recruter-des-abonn%C3%A9s)
- [Webinaires](https://support.yapla.com/fr-ca/d%C3%A9ployer-mes-infolettres?hsLang=fr-ca#webinaires)
- [Gérer mes données](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-donn%C3%A9es?hsLang=fr-ca#main-content)
- [Premiers pas](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-donn%C3%A9es?hsLang=fr-ca#premiers-pas)
- [Configuration](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-donn%C3%A9es?hsLang=fr-ca#configuration)
- [Gestion des objets](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-donn%C3%A9es?hsLang=fr-ca#gestion-des-objets)
- [Rapports](https://support.yapla.com/fr-ca/g%C3%A9rer-mes-donn%C3%A9es?hsLang=fr-ca#rapports)
- [Documentation pour les développeurs](https://support.yapla.com/fr-ca/documentation-pour-les-d%C3%A9veloppeurs?hsLang=fr-ca#main-content)
- [Fonctions avancées](https://support.yapla.com/fr-ca/documentation-pour-les-d%C3%A9veloppeurs?hsLang=fr-ca#fonctions-avanc%C3%A9es)
- [Gérer ma fédération](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-f%C3%A9d%C3%A9ration?hsLang=fr-ca#main-content)
- [Démarrage](https://support.yapla.com/fr-ca/g%C3%A9rer-ma-f%C3%A9d%C3%A9ration?hsLang=fr-ca#d%C3%A9marrage)
- Nos offres
- [Tarifs](https://www.yapla.com/fr-ca/offres)
- [Services professionnels](https://www.yapla.com/fr-ca/services-professionnels)
- [Banque d'heures de formation](https://info.yapla.ca/fr/services)
- Ressources
- [Centre d'aide](https://support.yapla.com/)
- [Académie Yapla](https://academie.yapla.com/?utm_campaign=website&utm_medium=footer&utm_source=academie)
- [Blogue](https://www.yapla.com/fr-ca/blogue)
- [Témoignages](https://www.yapla.com/fr-ca/temoignages)
- [Infolettre Yapla](https://www.yapla.com/fr-ca/infolettre-yapla)
- Découvrir Yapla
- [Démo et webinaires](https://www.yapla.com/fr-ca/webinaires)
- [Conférence Yapla Impact](https://impact.yapla.com/fr/)
- À propos
- [Qui sommes-nous ?](https://www.yapla.com/fr-ca/a-propos)
- [Yapla recrute](https://info.yapla.ca/fr/travailler-chez-yapla)
- Contactez-nous
- [Devenir partenaire](https://www.yapla.com/fr-ca/partenaire-integrateur)
[](https://www.yapla.com)
Copyright © 2013-2026, Yapla
[Conditions générales d'utilisation](https://www.yapla.com/fr-ca/cgu) | [Données personnelles](https://www.yapla.com/fr-ca/donnees-personnelles)