Bascule d'élément vs accordéon vs onglets vs commutateur de contenu

Un accordéon et une bascule de contenu affichés sous forme de deux cartes

Principaux points à retenir

  • Dans la comparaison bascule Elementor/accordéon, la seule différence fonctionnelle est le nombre d'éléments qui restent ouverts : un accordéon maintient un élément ouvert et une bascule en laisse plusieurs rester ouverts à la fois.
  • L'élémenteur 4.3 cache le widget Basculer du panneau du widget, et le widget Accordéon couvre les deux comportements via Max Items Expanded, qui est défini sur Un ou Plusieurs.
  • Les onglets d'élémentor affichent une rangée de titres au-dessus d'une seule zone de contenu, et chaque onglet peut contenir n'importe quel widget, qui convient à trois à six sections de poids similaire.
  • Un sélecteur de contenu, également appelé bascule de contenu, remplace un bloc entier par un autre lorsqu'un visiteur clique sur un commutateur, et ni Elementor ni Elementor Pro n'en incluent un.
  • Le widget Master Addons Toggle Content est un sélecteur de contenu Pro avec deux options ou plus, chacune contenant du texte ou un modèle de section, de page ou de widget enregistré.

La différence entre une bascule Elementor et un accordéon est le nombre d'éléments qui peuvent être ouverts ensemble Un accordéon ferme l'élément ouvert lorsque vous cliquez sur un autre Une bascule le laisse ouvert Les onglets et les commutateurs de contenu sont à nouveau des outils différents : ils échangent ce qui est montré dans un espace fixe, où un accordéon et une bascule se dilatent vers le bas.

Cette comparaison couvre les quatre, montre où le widget Toggle est allé dans les versions Elementor actuelles et se termine par un tableau pour choisir entre elles.

Basculer vs accordéon vs tabs vs content switcher en un coup d'œil

Les quatre widgets cachent le contenu jusqu'à ce qu'un visiteur le demande. Ils diffèrent par ce que le visiteur clique et ce qui se passe ensuite.

AccordéonBasculerOngletsCommutateur de contenu
Ce que les visiteurs cliquentUn titre dans une pileUn titre dans une pileUn titre d'onglet dans une rangéeUne étiquette sur un interrupteur
Ce qui se passeL'élément s'ouvre, le précédent se fermeL'objet s'ouvre, les autres restent tels quelsLa zone de contenu changeL'ensemble du bloc est remplacé
Articles ouverts à la foisUnN'importe quel numéroUnUn
Hauteur de la pageModifications sur clicModifications sur clicSurtout fixéSurtout fixé
Nombre typique d'articles4 à 123 à 83 à 62 ou 3
Meilleur pourFAQDétails que les gens comparentCaractéristiques, spécifications, avisTarification mensuelle et annuelle
Dans ÉlémenteurWidget accordéonWidget accordéon, éléments max étendus définis sur plusieursWidget OngletsNon inclus, nécessite un addon

Accordéon Élémenteur : une réponse à la fois

Un accordéon est une pile de titres où un seul élément est ouvert à la fois Cliquez sur un deuxième titre et le premier se ferme Cela garde la page courte, c'est pourquoi les accordéons sont le choix habituel pour les FAQ.

Dans l'élémenteur 4.3, chaque élément en accordéon est un conteneur, il accepte donc n'importe quel widget et ne se limite plus au texte. Les paramètres qui contrôlent son comportement se trouvent dans le Interactions section de l'onglet Contenu :

  • État par défaut : D'abord agrandi ou tout s'est effondré.
  • Nombre maximum d'articles développés : Un ou Multiple.
  • Durée de l'animation : combien de temps un élément prend pour s'ouvrir, 400 ms par défaut.
Widget Elementor Accordéon Section Interactions montrant l'état par défaut, les éléments maximum étendus et la durée de l'animation
La section Interactions du widget Accordéon dans Elementor 4.3.

La section Mise en page dispose également d'un Schéma FAQ switch, qui ajoute des données structurées FAQ pour les éléments Si vous voulez plus de styles de titres et d'icônes, regardez le Widget Accordéon avancé.

Basculer Elementor : plusieurs réponses s'ouvrent ensemble

Une bascule ressemble à un accordéon, et la différence est que chaque élément s'ouvre et se ferme tout seul Un visiteur peut ouvrir les premier, troisième et quatrième éléments et les lire ensemble.

Elementor avait l'habitude d'expédier Toggle comme son propre widget Dans Elementor 4.3, il est caché du panneau du widget. Type “toggle” dans le champ de recherche et vous obtenez Tabs et Accordéon, car le widget Accordéon fait maintenant les deux tâches.

Recherche dans le panneau du widget Elementor 4.3 pour basculer le retour des onglets, de l'accordéon et du contenu du basculeur, sans widget Basculer
Où le widget Toggle est allé : une recherche pour “oggle” dans Elementor 4.3 renvoie Tabs et Accordéon Toggle Content apparaît ici car Master Addons Pro est actif.

Pour obtenir un comportement de bascule dès aujourd'hui, ajoutez un widget et un ensemble Accordéon Max d'articles développés à Multiple. Définissez l'état par défaut sur Tous les éléments réduits si chaque élément doit commencer à se fermer, c'est ainsi que l'ancien widget Basculer s'est chargé.

Accordéon d'élément avec éléments max étendus sur plusieurs, affichant deux éléments ouverts en même temps
Basculez le comportement du widget Accordéon : deux éléments s'ouvrent en même temps.

Élémentaires Basculer la documentation du widget décrit toujours l'ancien widget Pour les nouveaux travaux, utilisez Accordéon.

Onglets d'élément : sections côte à côte

Les onglets mettent les titres à la suite et montrent une zone de contenu sous eux Cliquer sur un titre change ce qu'il y a dans cette zone, et la hauteur de la page reste à peu près la même.

Widget Elementor Tabs avec onglets Caractéristiques, spécifications et avis et affichage du contenu Caractéristiques
Trois onglets sur une zone de contenu.

Les onglets fonctionnent lorsque les sections sont des partenaires égaux Une page produit avec des fonctionnalités, des spécifications et des avis est le cas classique Les visiteurs voient chaque titre à la fois, ils savent donc ce qui est disponible avant de cliquer.

Ils cessent de fonctionner quand il y en a trop Les six derniers titres, la rangée s'enroule sur le bureau et se remplit sur les téléphones Pour les titres d'onglets d'image ou d'icône et les mises en page verticales, voir le Widget Avancé Tabs.

Commutateur de contenu : échangez un bloc contre un autre

Un sélecteur de contenu est un petit commutateur avec deux ou trois étiquettes qui remplace un bloc entier par un autre. On l'appelle également bascule de contenu, et c'est le widget derrière le changement mensuel et annuel sur les pages de tarification.

Les onglets organisent des sujets différents Un sélecteur affiche deux versions de la même chose, comme les mêmes forfaits à deux prix ou le même produit dans deux systèmes unitaires.

Commutateur de contenu dans Elementor défini sur Pour les équipes, affichant un titre et un paragraphe écrits pour les équipes
Un sélecteur de contenu sur sa première option.
Le même sélecteur de contenu défini sur Pour les indépendants, avec le titre et le paragraphe remplacés
La deuxième option remplace la première dans le même espace.

Elementor et Elementor Pro n'incluent pas de sélecteur de contenu Le Basculer le widget Contenu dans Master Addons Pro est un. Chaque option contient du texte ou un modèle enregistré, le commutateur peut être rond ou carré et l'index actif définit l'option qui se charge en premier.

Voir un sélecteur de contenu en action. Le Basculer la page Contenu dispose de dix démos cliquables, dont un commutateur de facturation et une table de spécifications métriques et impériales.

Lequel devriez-vous utiliser ?

Choisissez par le contenu Demandez combien de pièces il y a et si les visiteurs ont besoin d'en voir plus d'une à la fois.

Votre contenuUtilisation
Dix questions de support avec des réponses courtesAccordéon
Expédition, retours et détails de dimensionnement que les acheteurs lisent ensembleBasculer (accordéon avec multiple)
Une longue biographie avec une courte introAccordéon à un élément comme lien Lire la suite
Caractéristiques, spécifications et avis pour un produitOnglets
Prix mensuels et annuels pour les mêmes forfaitsCommutateur de contenu
Une section écrite pour les agences et encore pour les pigistesCommutateur de contenu
Contenu que les utilisateurs connectés devraient voirAucun de ces. Utiliser les conditions d'affichage.

Les quatre widgets permettent au visiteur de décider quoi regarder Si le site doit décider, par statut de connexion, date ou rôle de l'utilisateur, c'est quoi conditions d'affichage dans Elementor sont pour.

Si vous êtes venu ici à la recherche d'un bouton qui actionne un interrupteur, notre guide création d'un bouton de bascule dans Elementor a les étapes pour chaque type.

Les panneaux cachés nuisent-ils au référencement ?

Non, tant que le contenu caché est dans la page HTML. Les éléments d'accordéon, les panneaux d'onglets et les options de commutation sont tous imprimés dans la source et cachés avec CSS, afin que les moteurs de recherche puissent les lire.

Mettez le contenu qui compte le plus dans l'élément qui est ouvert par défaut, car les visiteurs le voient en premier Ne cachez pas votre réponse principale derrière un clic si la page existe pour donner cette réponse.

Questions fréquemment posées

Quelle est la différence entre l'accordéon et le toggle en Elementor ?

Un accordéon permet un élément ouvert, donc ouvrir un nouveau ferme le dernier Une bascule permet à plusieurs éléments de rester ouverts ensemble Dans les versions actuelles d'Elementor, les deux proviennent du widget Accordéon et le paramètre Max Items Expanded (One ou Multiple) bascule entre eux.

Pourquoi le widget Toggle est-il manquant dans Elementor ?

Elementor masque le widget Basculer du panneau dans les versions actuelles car le widget Accordéon fait le même travail Ajouter Accordéon, ouvrir la section Interactions et définir les éléments maximum étendus à plusieurs pour obtenir des éléments qui s'ouvrent et se ferment indépendamment.

Dois-je utiliser des onglets ou un accordéon ?

Utilisez des onglets pour trois à six sections de poids égal que les visiteurs choisissent entre, telles que les fonctionnalités, les spécifications et les avis. Utilisez un accordéon pour des listes plus longues de réponses courtes, comme une FAQ, où une rangée de titres d'onglets ne conviendrait pas.

Un sélecteur de contenu est-il identique aux onglets ?

Ils fonctionnent de manière similaire, puisque tous deux échangent le contenu dans un domaine Le but diffère Les onglets séparent différents sujets, et un sélecteur de contenu affiche deux ou trois versions du même contenu, comme les prix mensuels et annuels, derrière un commutateur compact.

Elementor a-t-il un sélecteur de contenu ?

Non. Ni Elementor ni Elementor Pro n'incluent de commutateur de contenu ou de widget de bascule de contenu Vous pouvez en approximer un avec le widget Tabs, ou en ajouter un à partir d'un addon tel que Master Addons Pro, où il s'appelle Toggle Content.

Réflexions finales

Le basculement de l'élémenteur vs accordéon est décidé par un paramètre, Max Items Expanded, puisque les deux vivent maintenant dans le widget Accordéon Les onglets et les commutateurs de contenu résolvent un problème différent : ils changent ce qui remplit un espace fixe Les onglets conviennent à plusieurs sujets, et un sélecteur convient à deux versions d'une chose.

Pour ce dernier cas, le Basculer le widget Contenu est le sélecteur de contenu dans Master Addons Pro.

Photo de Roy Jemee
Roy Jemee
Je suis Roy Jemee, Content Wrangler et Marketer chez Pixar Labs, travaillant sur Master Addons pour Elementor J'écris les tutoriels, enregistre les vidéos, et garde la documentation à jour, donc vous savez toujours comment utiliser chaque fonctionnalité Je gère aussi le support, donc si vous frappez un accroc, je suis la personne qui vous aide à y répondre de vraies réponses, de la part de quelqu'un qui utilise ces outils tous les jours.

Laisser une réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués *