Onglets
Organisez vos informations en onglets propres et interactifs L'élément Master Addons Advanced Tabs vous permet de présenter votre contenu d'une manière structurée et attrayante qui permet d'économiser de l'espace et d'améliorer l'expérience utilisateur Choisissez parmi plusieurs préréglages de style, contrôlez chaque détail visuel et remplissez chaque onglet avec n'importe quoi, du simple texte à des modèles entièrement enregistrés Que vous présentiez les fonctionnalités du produit, créiez une FAQ ou construisiez un guide étape par étape, ces onglets avancés vous donnent la flexibilité et le contrôle nécessaires pour le faire à merveille.
Préréglages et dispositions de style multiple
Démarrez votre conception avec des préréglages de style intégrés Choisissez entre des onglets horizontaux (navigation haut classique) ou des onglets verticaux (navigation latérale).Activer la bordure active gauche pour un indicateur élégant, ou utilisez le préréglage du contenu tabulaire pour un look en boîte Chaque préréglage est un point de départ que vous pouvez ensuite personnaliser à l'infini pour correspondre à vos besoins de marque et de mise en page.
- Dispositions horizontales et verticales : choisissez la direction des onglets qui correspond le mieux à votre structure de contenu.
- Préréglages visuels : sélectionnez immédiatement parmi les points de départ conçus pour un look professionnel.
- Orientation flexible : basculez entre les languettes horizontales et verticales sans repartir de zéro.
Allez au-delà du texte avec des modèles enregistrés
Pourquoi limiter vos onglets au texte brut ? chaque onglet peut contenir un Type de Contenu différent : simple Éditeur de Texte, une Section Sauvée, un Widget Sauvé, ou même un Modèle de Page Sauvée entier Cela signifie que vous pouvez placer une table de tarification complexe, un formulaire de contact, une galerie d'images, ou tout autre bloc de contenu pré-conçu dans un onglet C'est comme avoir plusieurs pages dans un, sans l'encombrement.
- Intégration du modèle : Insérez tout modèle d'élémentor enregistré dans un onglet pour des possibilités de conception illimitées.
- Conception cohérente : réutilisez vos sections et widgets existants pour conserver un aspect cohérent.
- Parfait pour les comparaisons : utilisez des onglets pour basculer entre différentes spécifications de produits, plans de prix ou listes de fonctionnalités.
Stylez les onglets et le contenu de manière indépendante
Obtenez un look parfait et poli en coiffant chaque partie des onglets Concevez séparément le conteneur des onglets et la zone Contenu Pour les onglets, contrôlez les états Normal et Actif avec différentes couleurs, arrière-plans, bordures et typographie Ajustez l'écart entre les onglets et la taille de l'icône Pour la zone de contenu, stylisez l'arrière-plan, le remplissage, les marges et la typographie Ce niveau de contrôle garantit à vos onglets un look intégré et professionnel.
- Style basé sur l'État : définissez des couleurs, des arrière-plans et des bordures uniques pour les onglets actifs et inactifs.
- Prise en charge des icônes : ajoutez des icônes à vos onglets et contrôlez leur taille et leur position.
- Conception de zone de contenu : stylisez le conteneur de contenu pour qu'il corresponde à l'esthétique de votre site.
Choisissez Comment les onglets répondent aux utilisateurs
Décidez comment les utilisateurs interagissent avec vos onglets Définissez l'effet d'onglet sur Cliquer (traditionnel) ou Survoler (pour une navigation plus rapide).Vous pouvez également définir un onglet actif par défaut et contrôler la vitesse de transition Cette flexibilité vous permet de créer l'expérience utilisateur exacte que vous souhaitez, que ce soit pour une vitrine de produit rapide ou un guide soigné, étape par étape.
- Cliquez ou passez : choisissez le déclencheur qui convient le mieux à votre contenu et à votre expérience utilisateur.
- Onglet Active par défaut : définissez l'onglet ouvert lors du chargement de la page.
- Transitions douces : Contrôlez la vitesse d'animation lors du basculement entre les onglets.
Foire aux questions pour les onglets
Puis-je utiliser à la fois des icônes et du texte dans les titres des onglets ?
Oui, vous pouvez. Lorsque vous ajoutez un onglet, vous pouvez choisir un Type d'icône (icône, image ou aucun), puis sélectionner une icône dans la bibliothèque d'icônes L'icône peut être positionnée à gauche du texte, et vous pouvez contrôler la taille et l'espacement des icônes dans les paramètres de style.
Comment puis-je donner une belle apparence aux onglets sur mobile ?
L'élément Advanced Tabs est entièrement réactif Sur mobile, les onglets peuvent s'empiler verticalement ou devenir une liste horizontale défilable, en fonction de vos paramètres Vous pouvez ajuster la typographie, le remplissage et les marges pour mobile spécifiquement dans le mode réactif d'Elementor.
Quelle est la différence entre le préréglage « Contenu tabulaire » et les autres ?
Le préréglage du contenu tabulaire donne généralement à la zone de contenu des onglets un arrière-plan, une bordure et un remplissage distincts, ce qui la fait ressembler à une boîte connectée aux onglets. C'est un look plus structuré et contenu par rapport aux styles classiques de soulignement ou de bordure gauche.
Puis-je lier un onglet à une URL externe ou à une autre section de la page ?
L'élément Advanced Tabs est conçu pour basculer le contenu dans le widget Pour créer des liens vers des URL externes ou des sections de page, vous pourriez avoir besoin d'une solution différente, comme un menu de navigation ou des liens d'ancrage. Cependant, vous pouvez placer un bouton avec un lien à l'intérieur du contenu de l'onglet.
Est-il possible d'avoir plus d'un ensemble d'onglets sur une page ?
Oui, vous pouvez ajouter plusieurs widgets Advanced Tabs sur une seule page Chaque fonction indépendamment Ceci est utile si vous avez plusieurs groupes de contenu que vous souhaitez organiser dans des onglets.
Comment fonctionne le préréglage « Frontière active gauche » ?
Le préréglage Left Active Border met généralement en évidence l'onglet actif avec une bordure ou un fond coloré sur le côté gauche C'est un look moderne et épuré qui fonctionne bien pour les onglets verticaux ou même horizontaux si vous voulez un indicateur distinctif.
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
