Un curseur montre une diapositive à la fois, généralement pleine largeur, et avance pour la remplacer Un carrousel montre plusieurs éléments à la fois sur une piste horizontale qui défile latéralement Les deux utilisent la même chose bibliothèque Swiper sous-jacente dans Elementor. La différence est le nombre de diapositives visibles, et cela change ce pour quoi chacune est bonne.
En pratique, les deux mots sont utilisés pour les deux choses, y compris par les fabricants de plugins Donc la question la plus utile n'est pas comment l'appeler C'est de quel côté votre section a besoin, et quel widget carrousel le construit.
La différence dans un tableau
| Coulisseur | Carrousel | |
|---|---|---|
| Visible à la fois | Un | Deux à six |
| Largeur typique | Pleine largeur ou plein écran | Largeur du contenu |
| Position habituelle | Héros, haut de page | Section mi-page |
| Emploi | Faire une déclaration à la fois | Montrer qu'un ensemble existe |
| Lecture automatique | Commun | Généralement une erreur |
| Contenu typique | Bannières de campagne, images de héros | Logos, produits, posts, témoignages |
Comment dire lequel vous avez besoin
Une question: le visiteur doit-il comparer les éléments ?
Si oui, carrousel. Produits, membres de l'équipe, messages connexes, logos : la valeur est de voir plusieurs à la fois et de choisir Afficher un à la fois et vous avez transformé un coup d'œil en exercice de mémoire.
Si non, curseur Un héros de campagne, une promotion saisonnière, une photographie à fond de saignée Rien n'est comparé ; chaque diapositive est sa propre déclaration.
Deuxième question, qui la décide lorsque la première est une égalité : est-ce que quelque chose est perdu si le visiteur ne l'avance jamais ? Si la réponse est “no, la diapositive un porte le message,” un curseur est sûr Si la réponse est “yes, le bon truc est sur la diapositive quatre,” n'utilise pas de curseur, car la plupart des gens n'atteignent jamais la diapositive quatre.
La règle de lecture automatique
Les curseurs peuvent jouer automatiquement. Les carrousels ne devraient surtout pas le faire.
Un curseur de héros avec une rotation de cinq secondes montre des variations décoratives sur un message La diapositive manquante deux ne coûte rien.
Un carrousel contient généralement des éléments cliquables : produits, publications, cartes d'équipe. La lecture automatique signifie que la chose que quelqu'un recherche sort de sous son curseur. La pause sur le survol corrige le bureau et ne fait rien au toucher, là où se trouve la majeure partie de votre trafic.
L'exception est une bande de logo Rien n'y est lu ou cliqué, donc le mouvement continu ne coûte rien et montre plus de logos. Réglez le délai de lecture automatique à zéro et ça devient un chapiteau.
Quel widget Elementor construit lequel
Coulisses: une diapositive à la fois, en forme de héros :
- Diapositives (Elementor Pro) : héros pleine largeur avec texte en couches
- Plinth Hero Slider (gratuit) : design de héros à part entière de l'ensemble de 20 designs
- Extension de curseur d'arrière-plan (gratuit) : transforme un fond de conteneur en diaporama
- Curseur de citations Rostrum (gratuit) : un devis client à la fois, portrait à côté du texte
- Galerie Slider (Pro) : grand aperçu avec une bande miniature
- Galerie de plaques de vitrine (gratuit) : même forme, plaque unique sous une bande miniature
- Smart Slider ou Slider Revolution, pour héros animés en couches (en anglais)comparé ici)
Carrousels, plusieurs à la fois :
- Carrousel d'images (gratuit) : photos, légendes, lightbox, coverflow
- Couverture méridienne (Pro) : Couverture 3D avec panneaux latéraux rotatifs
- Logo Slider (gratuit) : malgré son nom, c'est un carrousel
- Team Slider (gratuit) : également un carrousel, également mal nommé
- Widget de blog en mode carrousel (gratuit) : messages tirés par requête
- Carrousel de boucle (Elementor Pro) : dynamique, axé sur les requêtes
L'incohérence de dénomination dans cette deuxième liste est la raison pour laquelle cette page existe. “Logo Slider” et “Team Slider” montrent six éléments à la fois, ce qui en fait des carrousels par n'importe quelle définition de travail. La dénomination du plugin suit l'habitude et non la taxonomie.
La même répartition traverse l’ensemble de conception : une partie des vingt Constructeur de widgets les dessins sont des curseurs, certains sont des carrousels et le résumé des modèles de curseurs étiquette chacun. Huit importent gratuitement et le page de tarification couvre le reste.
Un widget peut-il faire les deux ?
Habituellement, oui. Définissez les diapositives à la vue sur 1 sur un widget de carrousel et il se comporte comme un curseur Réglez-le sur 4 sur un widget de curseur et il se comporte comme un carrousel.
Les deux courent sur Swiper en dessous, et slidesPerView est le paramètre qui les sépare Ce qui signifie que choisir le widget “wrong” est rarement fatal Vous ajustez un nombre.
Là où cela compte : les curseurs de héros sont livrés avec une disposition pleine largeur, un positionnement de texte superposé et une gestion de l'arrière-plan que les widgets de carrousel n'ont pas Les widgets de carrousel sont livrés avec un contrôle des écarts, une densité par point d'arrêt et une navigation conçue pour une piste. Utiliser l'un comme l'autre signifie reconstruire ces défauts à la main.
Quand utiliser ni l'un ni l'autre
Deux cas, et ils couvrent plus de sites que ce à quoi les gens s'attendent.
Sous cinq éléments. Un carrousel avec trois diapositives est une grille qui fait travailler les gens pour elle Montrez les trois.
Un héros porteur de votre message principal. Les bannières de héros en rotation ont mal mesuré pendant des années Les visiteurs traitent la région en mouvement comme une publicité et la sautent, et les diapositives après la première n'obtiennent presque aucune attention Si vous avez un message, mettez-le dans un héros statique Un héros en rotation est généralement quatre équipes obtenant chacune une diapositive, qui est une solution org-chart à un problème de conception.
Questions fréquemment posées
Quelle est la différence entre un carrousel et un curseur ?
Un curseur affiche une diapositive à la fois, généralement pleine largeur, et la remplace à l'avance Un carrousel affiche plusieurs éléments simultanément sur une piste horizontale qui défile latéralement Les curseurs conviennent aux héros et aux déclarations simples ; les carrousels conviennent à des ensembles d'éléments que les gens comparent ou parcourent.
Le Carrousel d'images d'Elementor est-il un curseur ou un carrousel ?
Un carrousel par défaut Il montre plusieurs images à la fois avec des diapositives à la vue Définissez les diapositives à la vue sur 1 et il se comporte comme un curseur Les deux utilisent la même bibliothèque Swiper en dessous, donc la distinction est un paramètre plutôt qu'une technologie différente.
Dois-je utiliser un carrousel ou un curseur sur ma page d'accueil ?
Pour le héros, généralement ni l'un ni l'autre. Un héros statique avec un message clair surpasse un héros rotatif, car les visiteurs sautent les régions de bannière en mouvement et voient rarement la première diapositive. Utilisez des carrousels plus bas sur la page pour les logos, les produits, les témoignages ou les publications associées, où montrer un ensemble est le point.
Pourquoi les plugins appellent-ils carousels“sliders” ?
Habitude. “Slider” est devenu le terme générique WordPress des années avant que les carrousels ne soient courants, de sorte que les widgets qui affichent six éléments à la fois le portent toujours Logo Slider et Team Slider sont tous deux des carrousels par fonction Lire le paramètre diapositives-per-view plutôt que le nom du widget.
Les carrousels nuisent-ils aux taux de conversion ?
Les bannières de héros tournantes font. Le modèle a mal été testé pendant plus d'une décennie, principalement parce que les diapositives après la première reçoivent très peu d'attention et que la région mobile se lit comme de la publicité. Les carrousels de milieu de page montrant des logos, des produits ou du contenu associé n'ont pas le même problème, car le visiteur choisit de s'engager plutôt que d'être alterné.
La version courte
Comparaison des éléments, milieu de page : carrousel Une déclaration à la fois, haut de page : curseur Moins de cinq éléments : ni l'un ni l'autre Montrez-les tous.
Chaque widget des deux est répertorié sur le Widgets de carrousel d'éléments page. Si vous vous êtes installé sur un carrousel, la comparaison des plugins couvre quel addon utiliser ; si c'est un curseur dont vous avez besoin, c'est une liste différente.
