La mise à jour 3.31 d’Elementor, déployée en août 2025, continue de renforcer l’Editor V4 Alpha et introduit des améliorations importantes pour la gestion des styles, la personnalisation et les performances. Au programme : Variables, Filtres visuels, attributs personnalisés et plusieurs optimisations destinées à rendre la création de sites plus rapide, plus cohérente et plus moderne.
Voici un aperçu en vidéo des nouveautés d’Elementor 3.31 et de l’Editor V4 Alpha
Vidéo : Roi de la chaîne YouTube Elementor – First Look sur la version 3.31
Editor V4 Alpha : Variables et design system
La principale nouveauté de cette version est l’arrivée des Variables dans l’Editor V4. Elles permettent de définir des couleurs, typographies ou espacements globaux, applicables sur l’ensemble du site via les Classes. En modifiant une seule Variable, tous les éléments associés sont automatiquement mis à jour, ce qui garantit une cohérence visuelle totale. Pour les agences et freelances, c’est un atout majeur : la gestion des styles devient plus centralisée, plus rapide et plus simple à maintenir.
Filtres visuels et effets avancés
Elementor 3.31 introduit également un nouveau panneau de Filtres visuels, permettant d’ajouter facilement des effets comme le flou, le contraste ou la saturation sans avoir recours au CSS. Ces filtres peuvent être empilés et réorganisés pour obtenir des visuels dynamiques et modernes. Les Backdrop Filters enrichissent encore les possibilités en appliquant des effets sur l’arrière-plan des sections, parfaits pour créer des designs plus immersifs et élégants, comme le glassmorphism.
Gestion des classes repensée
La gestion des Classes CSS évolue pour devenir plus intuitive et plus efficace. Elementor affiche désormais le nombre d’utilisations de chaque classe, et un nouveau Locator Panel permet de visualiser d’un coup d’œil tous les éléments qui l’emploient. De plus, les valeurs héritées apparaissent désormais directement dans le panneau d’édition, ce qui simplifie la compréhension des styles appliqués et facilite la maintenance des projets complexes.
Attributs HTML personnalisés (Pro)
La version Pro bénéficie d’une nouveauté importante : l’ajout d’attributs HTML personnalisés directement depuis l’éditeur. Grâce à un système sécurisé, il est désormais possible d’ajouter des attributs comme aria-*, data-*, role ou lang sans toucher au code source. Cette fonctionnalité améliore l’accessibilité, facilite l’intégration de scripts externes et optimise le référencement. Les utilisateurs avancés y trouveront plus de contrôle, tandis que les équipes techniques gagnent en productivité.
Un nouvel élément Divider plus léger
Un nouvel élément Divider fait son apparition dans cette version. Il utilise la balise native <hr> afin de réduire la taille du code et d’alléger le DOM. Entièrement personnalisable via les Classes globales, ce Divider respecte mieux les standards HTML et s’intègre parfaitement dans une logique de design system optimisé.
Shape Dividers : une sélection plus intuitive
La sélection des Shape Dividers a été repensée pour être plus visuelle. Les formes sont désormais affichées sous forme de vignettes, permettant de prévisualiser instantanément le rendu avant de l’appliquer. Ce nouveau mode de sélection rend l’expérience plus fluide et accélère la création de sections au design moderne, tout en restant compatible avec les configurations existantes.
Des performances optimisées et un DOM allégé
Elementor poursuit ses efforts pour améliorer la vitesse des sites. La version 3.31 réduit la taille du DOM en supprimant les balises inutiles générées par certains widgets et allège le CSS global. Résultat : des pages plus rapides, un meilleur score Core Web Vitals et une expérience de navigation plus fluide pour les utilisateurs.
Accessibilité renforcée
La mise à jour apporte également des améliorations en matière d’accessibilité. Les vidéos de fond sont désormais exclues du parcours des lecteurs d’écran, ce qui rend la navigation plus agréable pour les personnes malvoyantes. Par ailleurs, les en-têtes et pieds de page créés via le Theme Builder adoptent automatiquement les balises <header> et <footer>, améliorant la structure sémantique des pages et le référencement naturel.
Optimized Markup et gestion du cache
Enfin, Elementor 3.31 stabilise deux fonctionnalités importantes : l’Optimized Markup et l’Element Caching. Le premier génère un code plus propre et plus léger, tandis que le second, désormais activé par défaut, met en cache les éléments déjà affichés. Ensemble, ces optimisations améliorent la rapidité de rendu, réduisent la charge serveur et offrent une expérience utilisateur plus fluide, notamment sur les sites complexes.
Conclusion
Avec la version 3.31, Elementor confirme son ambition d’offrir un éditeur puissant et moderne, pensé pour les professionnels comme pour les créateurs indépendants. Entre les Variables, les Filtres visuels, la gestion optimisée des classes et les améliorations de performance, cette mise à jour prépare l’avenir de l’Editor V4. Plus rapide, plus cohérente et plus intuitive, elle offre tous les outils nécessaires pour concevoir des sites modernes et performants.