Widget de bascule de contenu d'élémenteur pour changer de section (Pro)
Toggle Content est un widget Master Addons Pro qui met un commutateur au-dessus (ou en dessous) d'un bloc de contenu Les visiteurs cliquent sur une étiquette et le contenu sous celle-ci change, la façon dont un commutateur mensuel facturé et annuel modifie un ensemble de cartes de prix Chaque option peut contenir du texte que vous tapez ou une section, une page ou un modèle de widget Elementor enregistré, et vous pouvez ajouter autant d'options que vous le souhaitez Un indicateur coloré glisse derrière l'étiquette active Il s'agit d'un changement entre les ensembles de contenu plutôt que d'une liste d'extension et d'effondrement, donc pour les FAQ pliables utiliser Accordéon avancé au lieu de cela.
Comment ajouter un basculer de contenu dans Elementor
Toggle Content a besoin d'Elementor et d'un actif Maître Addons Pro licence. Si une option doit afficher une mise en page complète, enregistrez d'abord cette mise en page en tant que modèle.
- Enregistrez les sections entre lesquelles vous souhaitez basculer (par exemple Tarifs mensuels et Tarifs annuels) en tant que modèles Elementor.
- Modifiez votre page avec Elementor, recherchez dans le panneau widgets Basculer le contenu et faites-le glisser en place.
- Dans Éléments(Renommer Label One et Label Two), et ajouter plus d'éléments si vous en avez besoin.
- Pour chaque élément, définissez Tapez sur Contenu et écrivez le texte, ou définissez-le sur Modèle et choisissez la section, la page ou le widget enregistré.
- Dans Basculer les paramètres: choisissez l'index actif, placez le commutateur avant ou après le contenu et définissez la vitesse de l'indicateur.
- Stylez le Basculeur, l'indicateur et les étiquettes, définissez Stack On pour mobile, puis prévisualisez et cliquez sur chaque étiquette.
Chaque paramètre est couvert dans le Basculer les paramètres du widget Contenu guide.
Texte ou modèle enregistré dans chaque option
Chaque élément du Éléments répéteur est une option sur le commutateur Donnez-lui un Étiquette et un facultatif Icône (avant ou après l'étiquette, avec Icon Spacing).Ensemble ensuite Type au Contenu pour un éditeur de texte avec des balises multimédias et dynamiques, ou pour Template et choisir une Section, une Page ou un Widget enregistré dans votre bibliothèque Elementor.
- Construisez les tableaux de prix mensuels et annuels en deux sections enregistrées, puis pointez une option sur chacune.
- Un formulaire, une galerie ou tout autre widget peut s'asseoir dans une option une fois qu'il est enregistré en tant que modèle.
- Chaque option a sa propre couleur d'étiquette, sa propre couleur d'étiquette active et sa propre couleur d'indicateur dans sa sous-onglet Style.
Stylez le Basculeur, l'Indicateur et les Étiquettes
Le Bascule la section stylise la piste de commutation : style (rond ou carré), couleur d'arrière-plan, rayon de bordure, alignement, zoom pour la mettre à l'échelle, largeur ( %), bordure, ombre de boîte, rembourrage et marge. Indicateur stylise la surbrillance coulissante avec son propre fond, sa hauteur, sa largeur, son rayon de bordure, son ombre de boîte et son rembourrage. Étiquettes définit la typographie, une transition, l'espace entre et les couleurs pour les états par défaut, survol et actif.
- UN Contenu la section stylise le panneau ci-dessous avec typographie, rembourrage, marge, bordure, couleur et arrière-plan.
- Indicateur Vitesse définit la durée de la diapositive, 0,3 seconde par défaut.
- Le panneau de contenu lui-même se permute tout de suite Seul l'indicateur glisse.
Option par défaut, position et disposition mobile
Indice actif choisit l'option qui s'affiche lorsque la page se charge, 1 pour la première. Position met le commutateur Avant ou Après le contenu Sur les petits écrans, les Empiler (All, Tablet & Mobile, ou Mobile) transforme la rangée d'étiquettes en une liste verticale, avec des commandes distinctes d'alignement en ligne et d'alignement empilé.
- Avec deux options, cliquer sur l'étiquette active passe à l'autre, cela fonctionne donc comme un interrupteur marche et arrêt.
- Avec trois ou plus, cliquer sur l'étiquette active passe à l'option suivante.
- La page ne se souvient pas du choix, donc chaque visite commence sur l'option Index actif.
Bascule de contenu vs accordéon vs onglets dans l'élémenteur
Tous les trois économisent de l'espace, mais ils résolvent différents problèmes L'ancien widget Toggle d'Elementor est une liste pliable, et Elementor le cache maintenant au panneau en faveur d'Accordéon Ni Elementor ni Elementor Pro n'ont de commutateur qui échange un contenu défini contre un autre, ce qui est le travail effectué par Toggle Content.
| Widget | Ce que les visiteurs voient | Meilleur pour | Où l'obtenir |
|---|---|---|---|
| Basculer le contenu | Un commutateur avec des étiquettes Un ensemble de contenu s'affiche à la fois. | Tarification mensuelle et annuelle, plans personnels et professionnels, deux versions d'une section | Maître Addons Pro |
| Accordéon | Une pile de titres qui s'étendent et s'effondrent | FAQ et longues listes de réponses courtes | Accordéon Élémenteur (gratuit) ou Accordéon avancé (gratuit) |
| Onglets | Une rangée de titres d'onglets sur une zone de contenu | Plusieurs sections de poids similaire, comme les fonctionnalités, les spécifications et les avis | Onglets d'élément (gratuits) ou Onglets avancés (gratuit) |
Si les visiteurs ont besoin de voir plusieurs réponses à la fois, utilisez un accordéon S'il y a beaucoup de sections, les onglets sont plus clairs Lorsque le choix est entre deux ou trois versions de la même chose, une bascule de contenu maintient la mise en page stable et rend le choix évident Il se marie également bien avec le Tableau des prix widget.
Questions fréquemment posées pour basculer le contenu
Est-ce que Toggle Content est gratuit ?
No. Toggle Content est un widget Pro et a besoin d'un Maître Addons Pro licence. Le plugin gratuit a Accordéon avancé et Onglets avancés(en), qui couvrent les listes pliables et les sections tabulées.
Puis-je utiliser mes modèles Elementor enregistrés dans une bascule ?
Oui. Dans un élément, définissez Type sur Modèle, choisissez Section, Page ou Widget dans Type de modèle, puis choisissez le modèle enregistré Cette option affiche l'ensemble du modèle lorsque son étiquette est active.
En quoi un toggle de contenu est-il différent d'un accordéon ou d'onglets ?
Un accordéon développe et réduit les éléments d'une liste, et les onglets affichent une rangée de titres sur une zone de contenu. Un basculement de contenu est un commutateur qui échange un ensemble de contenu entier contre un autre, ce qui convient à des choix tels que les prix mensuels ou annuels. Le propre widget Toggle d'Elementor est en réalité une liste pliable et est maintenant caché au profit d'Accordéon.
Comment se comporte-t-il sur mobile ?
Les étiquettes sont placées dans une rangée par défaut Définir la pile sur Mobile, Tablet & Mobile, ou All pour les empiler verticalement, et utiliser l'Alignement empilé pour les aligner Le contenu des modèles suit ses propres paramètres réactifs.
Puis-je avoir plus de deux options de bascule ?
Oui. Cliquez sur Ajouter un élément dans le répéteur Éléments pour en ajouter plus Avec trois options ou plus, cliquer sur l'étiquette active passe à la suivante et cliquer sur toute autre étiquette saute directement vers elle Pour de nombreuses sections, les onglets sont généralement plus faciles à numériser.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
