Les widgets Onglets et Accordéon existent depuis les débuts d’Elementor, mais ils partageaient une limite structurelle : le contenu de chaque onglet ou panneau se limitait à un éditeur de texte enrichi classique, sans possibilité d’y placer un autre widget Elementor comme une image, un bouton ou une grille. Les nouveaux widgets Nested Tabs et Nested Accordion, construits sur le modèle des éléments imbriqués, lèvent cette limite : chaque onglet et chaque panneau devient un véritable container Elementor, capable d’accueillir n’importe quelle combinaison de widgets.
Pour une équipe qui construit des pages de présentation de services avec des onglets riches en contenu (texte, visuel, liste de fonctionnalités, bouton d’appel à l’action), ce changement modifie directement la façon de concevoir ces sections, et mérite d’être compris avant de se lancer dans une migration ou une nouvelle construction.
Ce qui change concrètement dans l’éditeur
Avec Nested Tabs, poser le widget affiche un premier onglet vide sous forme de container, avec un bouton « + » pour ajouter des éléments à l’intérieur comme dans n’importe quel container Elementor classique. Ajouter un nouvel onglet se fait depuis le panneau de contrôle du widget, qui gère la liste des titres d’onglets indépendamment de leur contenu.
Le même principe s’applique à Nested Accordion : chaque panneau déplié révèle un container vide, prêt à recevoir des widgets. La différence visible immédiatement par rapport à l’ancien widget Accordion est la possibilité de composer un panneau avec, par exemple, une image à gauche et un texte à droite, ce qui était tout simplement impossible auparavant sans recourir à un widget HTML personnalisé.
Le sort des anciens widgets Tabs et Accordion
Elementor n’a pas supprimé les anciens widgets : un site existant construit avec Tabs ou Accordion continue de fonctionner normalement après mise à jour du plugin. Ces widgets sont simplement classés dans une logique de maintien pour compatibilité, sans nouvelle fonctionnalité prévue. Aucune migration automatique n’est proposée par Elementor entre l’ancien widget et sa version imbriquée : remplacer un ancien widget Tabs par un Nested Tabs implique de reconstruire manuellement le contenu de chaque onglet.
Une stratégie de migration progressive
Pour un site avec plusieurs dizaines de pages utilisant l’ancien widget Onglets, une reconstruction totale immédiate n’est pas toujours justifiée. L’approche retenue sur un projet récent a été de migrer en priorité les pages à fort trafic ou en cours de refonte de contenu, et de laisser les pages secondaires sur l’ancien widget tant qu’elles ne posent pas de problème visible, tout en utilisant systématiquement Nested Tabs pour toute nouvelle page créée.
L’impact sur la structure du DOM
Chaque onglet ou panneau imbriqué étant un container à part entière, la structure HTML générée est nécessairement plus riche que celle de l’ancien widget, qui se contentait d’un simple bloc de texte par onglet. Sur une page avec cinq onglets contenant chacun plusieurs widgets, le nombre d’éléments dans le DOM peut facilement doubler par rapport à l’équivalent en widgets classiques.
Ce coût reste généralement acceptable au regard du gain de flexibilité éditoriale, à condition de ne pas imbriquer à nouveau des onglets dans d’autres onglets, ce qui multiplierait la profondeur du DOM sans réel bénéfice visuel.
Comportement responsive et accessibilité
Nested Tabs propose un réglage natif pour basculer automatiquement l’affichage des onglets horizontaux en accordéon vertical sur mobile, un comportement qu’il fallait auparavant recréer avec du CSS personnalisé sur l’ancien widget. Côté accessibilité, les rôles ARIA appropriés (role="tablist", role="tab", aria-selected) sont générés automatiquement par le widget, ce qui représente une amélioration réelle par rapport à l’ancien widget dont le balisage sémantique était plus pauvre.
Quand garder l’ancien widget malgré tout
- Contenu strictement textuel dans chaque onglet, sans besoin prévisible d’ajouter une image ou un bouton.
- Page à très fort trafic où toute modification structurelle demande une phase de tests approfondie avant mise en production.
- Site prévu pour une refonte complète à court terme, où investir du temps sur une migration ponctuelle n’a pas de sens.
En résumé
Le passage aux widgets imbriqués pour les onglets et accordéons constitue une vraie amélioration pour la richesse du contenu éditorial, avec un coût en structure DOM qu’il faut accepter en connaissance de cause. La coexistence durable entre anciens et nouveaux widgets permet une migration au rythme du projet plutôt qu’une bascule forcée, ce qui reste la meilleure approche pour ne pas mobiliser un temps de développement disproportionné sur des pages qui fonctionnent déjà correctement.
