Basculer le contenu
Vous avez trop de contenu qui entasse votre page ? organisez-la avec des bascules élégantes et interactives Mais ce n'est pas seulement un widget de base pour développer/réduire. L'élément Contenu de Master Addons vous permet de mettre des modèles entiers enregistrés par Elementor à l'intérieur de chaque bascule Construisez des FAQ détaillées, comparez les fonctionnalités du produit ou créez des témoignages Toggonials dans une interface propre et peu encombrante Concevez chaque partie du basculeur, de l'indicateur coulissant aux étiquettes avec des icônes, et animez le commutateur avec des transitions fluides et professionnelles C'est la façon intelligente de masquer la complexité et de guider vos visiteurs à travers votre contenu, étape par étape.
Au-delà du texte - Intégrez des modèles complets
Pourquoi limiter vos basculements à un texte simple ? chaque élément à basculer peut être un type de contenu puissant : choisissez Éditeur de texte simple ou, plus puissamment, un modèle Sélectionnez n'importe quel modèle d'élément enregistré : un modèle comme une section de témoignage, un tableau de tarification ou une liste de fonctionnalités (« feature list ») et imbriquez-le à l'intérieur du toggle. Cela vous permet de créer des interfaces à onglets incroyablement riches où cliquer sur une étiquette échange des sections entières de contenu, pas seulement un paragraphe.
- Liberté de contenu illimitée : placez les témoignages, les formulaires de contact, les galeries d'images ou les spécifications des produits dans des bascules séparées.
- Réutilisez votre meilleur travail : Insérez vos sections ou pages Elementor prédéfinies pour maintenir la cohérence.
- Parfait pour les comparaisons : utilisez un bascule pour “Plan A Details” et un autre pour “Plan B Details,” chacun avec son propre modèle complet.
Personnalisation visuelle complète
Faites de la bascule elle-même un élément de conception Stylez le conteneur principal de Basculeur avec des arrière-plans, des bordures et choisissez son Style (comme pilule arrondie ou rectangle net). Ensuite, concevez l'Indicateur dynamique qui glisse entre les options Personnalisez sa couleur, sa taille, son rayon de bordure Enfin, stylisez les Étiquettes avec une typographie complète, des couleurs et ajoutez des icônes pour plus de clarté Vous avez un contrôle indépendant sur les états Normal, Hover et Actif pour chaque partie, créant ainsi un composant interactif vraiment poli.
- Formes de bascule personnalisées : créez des interrupteurs à bascule en forme de pilule, rectangulaires ou arrondis sur mesure.
- Indicateur coulissant animé : Stylez le sélecteur mobile qui met visuellement en valeur le choix actif.
- Conception d'étiquettes et d'icônes : contrôlez le texte, l'espacement des étiquettes et ajoutez des icônes (comme une coche ou une icône d'informations) à chaque option.
Fonctionnalité fluide et contrôle réactif
Contrôlez la sensation et le fonctionnement de la bascule Définissez l'indice actif par défaut (laquelle bascule est ouverte en premier).Ajustez la vitesse de l'indicateur pour une animation de diapositive vive ou fluide Utilisez la fonction Stack pour contrôler le comportement réactif On, en empilant verticalement les étiquettes sur mobile si nécessaire Gérez la position de la bascule par rapport au contenu et à l'espace entre les éléments pour garantir une disposition propre et fonctionnelle sur tous les appareils.
- Animation contrôlée : réglez la vitesse de l'indicateur coulissant pour une sensation réactive parfaite.
- Dispositifs optimisés pour les mobiles : utilisez Stack On pour adapter la bascule horizontale à une liste verticale sur les écrans mobiles.
- Smart Defaults : Choisissez quel panneau de contenu est visible lors du premier chargement de la page.
Questions fréquemment posées pour basculer le contenu
En quoi est-ce mieux que les autres Widget Toggle ?
L'autre bascule est pour les questions-réponses en texte simple Notre élément Toggle Content est un système de mise en page et de conception Les principaux avantages sont : 1) La possibilité d'insérer des modèles entièrement enregistrés dans chaque bascule, 2. Un indicateur visuel coulissant (comme un commutateur iOS), 3) Un style séparé pour le basculeur, l'indicateur et les étiquettes, et 4) Des commandes réactives plus avancées (comme Stack On).
Puis-je utiliser mes modèles Elementor (sections) existants dans une bascule ?
Oui, absolument ! c'est l'une de ses fonctionnalités les plus puissantes Lorsque vous ajoutez du contenu à un élément à basculer, définissez le Type de contenu sur “Template” Ensuite, vous pouvez sélectionner n'importe quel modèle que vous avez enregistré dans votre bibliothèque Elementor Il sera chargé parfaitement à l'intérieur de ce panneau à bascule.
Quelle est une excellente utilisation réelle du type de contenu « Template » dans les basculements ?
Imaginez une page de produit logiciel Vous pourriez avoir trois bascules :“Features,” “Pricing,” et “Testimonials.” Au lieu d'écrire du texte, vous insérez votre modèle de grille de fonctionnalités pré-conçu dans la première bascule, votre modèle de table de tarification dans la seconde, et un modèle de curseur Témoignages dans la troisième Vous venez de créer un aperçu puissant et tablé du produit en quelques minutes.
Comment cela se comporte-t-il sur les téléphones mobiles ?
C'est entièrement réactif Le commutateur à bascule et le contenu rétréciront pour s'adapter à l'écran Vous pouvez également utiliser le paramètre Stack On pour modifier la disposition (mise en page) par exemple, ce qui rend les étiquettes à bascule empilées verticalement au lieu de s'asseoir côte à côte sur de très petits écrans, ce qui les rend plus faciles à appuyer. Le contenu à l'intérieur (qu'il s'agisse de texte ou d'un modèle) répondra également en fonction de ses propres paramètres réactifs.
Puis-je avoir plus de deux éléments à bascule ?
Oui, vous pouvez ajouter des éléments de bascule illimités en cliquant sur le bouton “Add Item” Cela le rend parfait pour les pages FAQ détaillées, les processus en plusieurs étapes, ou en comparant plusieurs plans de produits ou options différents côte à côte.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
