Oxygen Builder 6 : tout ce qu'il faut savoir sur cette refonte majeure

La sortie d’Oxygen Builder 6 marque un tournant majeur pour le célèbre constructeur de thème WordPress orienté développeurs. Cette refonte complète a été pensée pour répondre aux exigences croissantes de sa communauté de créateurs qui recherchent performance, flexibilité et contrôle absolu sur leur code.

Télécharger Oxygen Builder v6

Pourquoi une refonte complète d'Oxygen Builder ?

​Oxygen Builder a récemment fait l'objet d'une réécriture complète pour offrir une expérience plus puissante et innovante aux développeurs, designers et créateurs. Initialement construit il y a plus de dix ans sur une base Angular, Oxygen était devenu limité par cette architecture obsolète, rendant difficile l'ajout de nouvelles fonctionnalités et l'amélioration des performances. Cette refonte totale a permis de lever ces contraintes, ouvrant la voie à une innovation accrue et à une meilleure adaptabilité aux évolutions futures du web. Il est important de noter que cette nouvelle version, Oxygen 6, est distincte d'Oxygen Classic.

Ces nouveautés vont faciliter non seulement la création mais aussi la maintenance WordPress de vos sites, en garantissant une meilleure stabilité et des performances optimisées à long terme.

Premières impressions sur l’interface utilisateur (UI)

L’interface utilisateur (UI) d’Oxygen 6 a été repensée avec soin, adoptant une approche minimaliste pour privilégier l’efficacité. Parmi les changements majeurs :

• Nouveau panneau de gestion des styles et classes : Une gestion simplifiée mais extrêmement puissante des styles, désormais basée exclusivement sur des classes CSS. Il est maintenant obligatoire d’attribuer une classe pour personnaliser un élément, ce qui encourage une structuration claire du code CSS.
• Support des variables CSS : Désormais totalement intégré, il permet de gérer facilement couleurs, typographies, et espacements à l’échelle globale, facilitant ainsi le maintien d’une charte graphique cohérente.

Les grandes avancées techniques d'Oxygen 6

HTML et CSS épurés

Oxygen conserve sa philosophie : vous construisez visuellement avec des éléments HTML bruts, garantissant un rendu clair, optimisé et SEO-friendly. Aucun « code spaghetti » ici, juste du code propre et maintenable. Pour exploiter ce type de builder sans développer un site difficile à maintenir, l’accompagnement d’un expert WordPress reste un vrai avantage.

Des performances accrues

La version 6 améliore significativement la vitesse de chargement en front-end, même sans plugin de cache. Un vrai avantage SEO pour ceux qui cherchent à maximiser l'expérience utilisateur sans alourdir leur WordPress.

CSS variables globales

Vous disposez maintenant d'une gestion centralisée des styles grâce aux variables CSS. Quelques clics suffisent à mettre à jour votre design sur l’ensemble du site, rendant les projets plus cohérents et faciles à maintenir.

Système de composants réutilisables

Construisez une fois, modifiez partout. L’introduction de composants réutilisables (headers, footers, boutons, etc.) permet une gestion simplifiée des mises à jour globales, particulièrement appréciable pour les agences et les équipes. Ces composants facilitent grandement la prise en main pour vos clients en choisissant les éléments textuels qu'ils peuvent modifier avec une interface simple. Cette fonctionnalité pourrait être encore plus poussée grâce à un aperçu graphique des composants.

Intégration dynamique avancée

Si les données existent dans votre base WordPress, elles peuvent désormais être affichées avec une flexibilité inégalée. Oxygen 6 rend l'intégration dynamique plus intuitive et performante, facilitant la gestion de sites complexes et interactifs.

Meilleur segmentations des composants et templates

Dorénavant les templates sont rangés par type de composants (header, footer, composants réutilisables et templates). Sur la version 4.9 il était parfois compliqué de s'y retrouver dès qu'on travaillait sur un gros site.

Interactions et animations avancées

Oxygen introduit un moteur avancé d'interactions, permettant d'ajouter facilement des animations déclenchées par des événements (scroll, clic, hover). C’est l’idéal pour donner vie à vos designs sans sacrifier la performance.

Ce qui change radicalement (et ce qui peut poser problème)

• Absence de rétrocompatibilité : La migration vers Oxygen 6 n'est pas automatisée. Vous devrez reconstruire vos projets existants de zéro si vous souhaitez profiter pleinement de cette nouvelle version. Cependant, rassurez-vous : la version 4.9 continuera à recevoir des correctifs de sécurité essentiels afin de ne pas finir piraté à la Dollyway.
• Réduction drastique des widgets : La version 6 retire une grande partie des widgets inclus nativement dans la version précédente (tabs, accordéons, carrousels...). L'ajout de l’extension Breakdance devient quasiment indispensable pour retrouver cette richesse fonctionnelle.
• Quelques bugs : cette version Beta comporte des petits bugs et des incohérences, notamment en CSS avec l'extension Breakdance qui prend le dessus sur certains widgets.

Oxygen 6 face à la concurrence (Webflow, Framer)

Si Webflow et Framer offrent une excellente expérience utilisateur, leur modèle basé sur des plans tarifaires contraignants, un hébergement propriétaire et une gestion limitée des contenus dynamiques peut constituer une limitation pour certains utilisateurs avancés. Oxygen 6 se distingue par :

• Hébergement libre : Aucun verrouillage fournisseur, libre choix du prestataire.
• Flexibilité dynamique : Pleine exploitation des possibilités offertes par WordPress.
• Tarification claire et attractive : Une licence annuelle permet un nombre illimité de projets.

La road map 2025 d'Oxygen builder

L'équipe d'Oxygen s'engage activement à enrichir les fonctionnalités encore manquantes, à améliorer continuellement la stabilité, et à faciliter la transition depuis les versions précédentes. La communauté Oxygen, reconnue pour sa réactivité, est un atout majeur dans l’évolution future de l’outil.

Oxygen 6 représente une étape charnière dans l’évolution des constructeurs WordPress orientés développeurs. Malgré une période d'adaptation nécessaire, il semble évident que cette mise à jour majeure apportera davantage de contrôle, de performances et d’efficacité à ceux qui construisent des sites WordPress ambitieux et évolutifs.

Reste à voir comment la communauté accueillera ces évolutions, mais une chose est sûre : Oxygen 6 redonne un coup de fraîcheur très attendu dans le paysage des outils pour développeurs exigeants.

Mon avis après plusieurs mois d’utilisation

Ayant testé Oxygen 6 sur plusieurs environnements WordPress, la différence de fluidité est flagrante.
Le builder est plus rapide, la gestion des classes plus cohérente, et le workflow général bien plus agréable.

L’obligation d’utiliser des classes CSS peut surprendre au départ, mais elle incite à adopter de bonnes pratiques, comme une véritable logique de design system.
Le travail en équipe s’en trouve aussi facilité, grâce à une structure CSS claire et à des composants mieux organisés.

Cependant, la courbe d’apprentissage reste élevée. Oxygen 6 s’adresse avant tout aux développeurs et intégrateurs confirmés.
Pour les utilisateurs plus “visuels” ou les débutants en CSS, la transition peut être rude et parfois frustrante.

⚠️ Des limites encore présentes avec WooCommerce

Là où Oxygen 6 montre encore ses faiblesses, c’est sur la partie WooCommerce.
J’ai rencontré de nombreux problèmes avec les composants natifs e-commerce : affichage incohérent, bugs sur certains widgets et interactions limitées.
À l’heure actuelle, je ne recommande pas de lancer une boutique WooCommerce complète avec Oxygen 6 tant que la version n’est pas stabilisée.

Les composants WooCommerce ne sont pas encore assez poussés, et certaines fonctions essentielles nécessitent encore des ajustements manuels.
De plus, pour profiter d’un site e-commerce complet, il faut ajouter deux extensions lourdes à Oxygen, ce qui alourdit le chargement du builder et complexifie la maintenance.
Cette partie-là mérite clairement d’être améliorée avant de devenir viable pour un usage en production.

🎨 Une gestion CSS puissante mais perfectible

Autre point à noter : le CSS est très sensible à la casse.
L’ajout des selectors à la manière d’Elementor est un vrai plus en termes de flexibilité, mais il devient parfois difficile de s’y retrouver entre les classes globales, les sélecteurs spécifiques et les styles visuels.
Cette multiplicité de couches de personnalisation manque encore de centralisation une interface unifiée pour visualiser et gérer tous les styles serait un vrai atout pour les prochaines mises à jour.