Elementor 3.30 : les nouveautés majeures et l’arrivée de l’Éditeur V4 (Alpha)

Elementor continue d’évoluer avec la version 3.30, une mise à jour qui introduit des améliorations significatives pour tous les utilisateurs : un nouvel éditeur (V4 Alpha), des outils de gestion des styles plus puissants, et la possibilité de sauvegarder des modèles de sites complets dans le cloud.

Voici un tour d’horizon des nouveautés, pour comprendre ce que change concrètement cette version et comment se préparer à l’utiliser.

Qu’est-ce que l’Éditeur V4 Alpha ?

L’Éditeur V4 n’est pas une simple mise à jour : c’est une refonte complète de l’architecture d’Elementor, pensée pour :

  • améliorer les performances,
  • simplifier le flux de travail,
  • offrir des outils plus professionnels de gestion des styles.

Cet éditeur adopte une approche CSS-first et propose une expérience plus fluide et plus lisible.

Introduit en version Alpha dès la 3.29, il se dote dans la 3.30 de nouvelles fonctionnalités qui renforcent le contrôle et la clarté au quotidien.

🔔 Important : V4 est encore en version Alpha. Il est recommandé de ne l’utiliser que sur des environnements de test ou de staging.

Les principales nouveautés de l’Éditeur V4

Des classes personnalisées et lisibles

Jusqu’ici, les classes CSS étaient générées automatiquement, ce qui compliquait leur repérage et leur réutilisation dans vos projets.

Désormais, vous pouvez définir vos propres noms de classes. Par exemple :

  • Si vous créez une classe primary-btn, c’est exactement ce qui apparaîtra dans le code HTML.
  • Vous pourrez la cibler facilement dans votre CSS ou JavaScript.
  • Le code devient plus propre et prévisible.

Des permissions sur les classes selon les rôles

Pour les équipes, Elementor introduit une gestion des droits :

  • Admins :
    • Création et modification des classes globales.
    • Accès complet au gestionnaire de classes.
  • Éditeurs, auteurs, store managers :
    • Application des classes globales.
    • Modification des classes locales.
    • Pas de possibilité de renommer ou supprimer les classes globales.

L’interface s’adapte : les champs sont désactivés si l’utilisateur n’a pas les droits, avec des info-bulles explicatives.

Des indications visuelles et popovers

Elementor V4 affiche des points colorés à côté de chaque contrôle stylé :

  • ✅ Vert = Classe globale
  • 🩷 Rose = Classe locale
  • 🔘 Gris = Style hérité
  • 🟧 Orange = Conflit

Un clic ouvre un popover qui affiche :

  • Le nom de la classe appliquée
  • Le breakpoint concerné
  • L’état (hover, actif…)
  • Les éventuels overrides par d’autres styles

Ces repères rendent le débogage beaucoup plus clair.

Le Context-Aware Editing Panel

Jusqu’ici, changer d’élément dans l’éditeur réinitialisait le panneau : retour à l’onglet “General”, sections refermées…

Désormais, Elementor mémorise :

  • L’onglet actif (General ou Style)
  • La classe en cours d’édition
  • La section ouverte

Quand vous revenez à l’élément, tout est exactement comme vous l’aviez laissé.

Le Smart Unit Typing

Vous pouvez saisir directement des valeurs avec unités (20px, 1.5em, 75%) sans passer par des menus déroulants.

Si vous entrez une valeur invalide (30abc), Elementor revient automatiquement à la dernière entrée valide.

Le nouvel élément YouTube

Elementor introduit un widget YouTube optimisé :

  • Contrôles familiers : autoplay, loop, mute…
  • Interface plus épurée
  • Performance améliorée
  • Support complet des fonctionnalités V4 (classes, états, style unifié)

Les autres améliorations du core

Pour préparer l’Éditeur V4 à un usage quotidien, de nombreuses fonctions existantes de la version 3 ont été réintégrées :

  • Custom units (calc(), clamp()…)
  • ID uniques
  • Affichage “display none”
  • Anchor offset (pour corriger le scroll sous les en-têtes fixes)
  • Colonnes de texte
  • Aspect ratio
  • Object fit
  • Icônes “Clear” pour remettre à zéro un paramètre

Les Website Templates dans le cloud

Côté sauvegarde, Elementor fait un pas de plus :

  • Avec la 3.29, vous pouviez enregistrer des sections et pages dans votre compte Elementor.
  • Avec la 3.30, vous pouvez désormais sauvegarder des sites complets : pages multiples, styles, réglages du site, médias, configurations de layout.

Ces Website Templates sont :

  • Stockés dans une bibliothèque centralisée
  • Associés à votre identifiant utilisateur
  • Applicables à n’importe quel site connecté à votre compte Pro

C’est un gain de temps important si vous répétez des structures de site.

Comment activer et tester l’Éditeur V4 ?

⚠️ Il s’agit d’une version Alpha. N’activez pas V4 sur un site en production.

Étapes :

  1. Connectez-vous à votre tableau de bord WordPress.
  2. Allez dans Elementor → Settings → Editor V4.
  3. Activez l’option.
  4. Testez dans un environnement de staging.

Pourquoi c’est une étape importante pour Elementor ?

Avec la version 3.30 et l’Éditeur V4 :

  • Elementor renforce la performance et la scalabilité.
  • L’expérience utilisateur devient plus fluide et plus claire.
  • La gestion des styles est plus professionnelle (classes nommées, indications visuelles).
  • Les Website Templates ouvrent la voie à une standardisation plus simple des projets.

Conclusion

Pour ma part, je trouve cette version Elementor 3.30 particulièrement prometteuse. La refonte de l’éditeur avec une approche plus performante et lisible montre qu’Elementor continue d’évoluer dans le bon sens.

En tant que passionné d’intégration et accro à l’optimisation des sites, je suis convaincu que ces nouveautés vont plaire à tous ceux qui, comme moi, aiment peaufiner chaque détail et gagner en efficacité.

Si vous êtes adepte de sites bien structurés, rapides et faciles à maintenir, je vous invite à tester l’Éditeur V4 en Alpha sur un environnement de développement. C’est l’occasion de prendre une longueur d’avance et de vous familiariser avec ce qui sera bientôt la norme chez Elementor.