Divi 5 : analyse et avis complet sur cette refonte historique du page builder

Et si votre page builder préféré repartait de zéro (ou presque) pour corriger toutes ses faiblesses ? C’est le parti pris par Divi 5. 

Après plus de trois ans de développement, cette nouvelle mouture historique – et très attendue – promet une refonte totale : fin des shortcodes, performances boostées, architecture modernisée et compatibilité renforcée avec WordPress.

Simple évolution technique, ou véritable tournant stratégique ? Dans cet article, on décrypte ce qui change vraiment par rapport à Divi 4, les nouveautés concrètes, les avantages, les limites et surtout si vous avez intérêt à migrer vers Divi 5 dès maintenant. 

Prêt à tout savoir ? Suivez-nous !

Des liens affiliés sont présents dans cet article. C’est-à-dire que si vous achetez Divi 5, WPMarmite touchera une commission. Cela permet de rémunérer le travail de recherche et d’écriture des rédacteurs du blog et de constituer une cagnotte pour acheter et tester d’autres plugins WordPress. Pour en savoir plus sur notre politique éditoriale, consultez cette ressource.

Divi 5, c’est quoi ?

Divi 5 est une refonte complète des technologies de base du page builder, qui a été repensé de fond en comble par son concepteur, la société Elegant Themes.

En interne, elle est baptisée « Foundation Update » (« Mise à jour des fondations »).

À son propos, Elegant Themes précise la chose suivante : « Nous sommes repartis de zéro et avons complètement réinventé Divi, en mettant l’accent sur la performance et les systèmes de conception avancés. Divi 5 est rapide, léger et doté de nombreuses fonctionnalités modernes pour devenir la référence des constructeurs de pages de nouvelle génération. »

D’après Elegant Themes, cette réécriture met particulièrement l’accent sur l’amélioration de la vitesse de chargement et l’expérience utilisateur.

Techniquement, la refonte repose sur un socle composé de 4 fondations majeures :

1. La fin du système de shortcodes. « Divi 5 adopte une approche similaire à celle de Gutenberg, remplaçant les shortcodes par un système plus rapide et plus flexible », est-il indiqué. L’objectif premier, ici, consiste à améliorer les performances. 
2. Une architecture technique entièrement repensée, avec par exemple un éditeur qui se charge beaucoup plus vite sur votre interface d’administration, mais aussi en front-end. 
3. Une nouvelle API, pour permettre aux développeurs de « créer des modules et des intégrations personnalisés plus facilement que jamais ». L’outil se veut plus flexible et personnalisable qu’avant.
4. L’adoption du format de stockage de WordPress. Avec Divi 5, le constructeur de page adopte une approche modulaire. Il « enregistre le contenu sous forme de blocs, ce qui ouvre de nouvelles perspectives pour la compatibilité avec Gutenberg ». Au final, l’interaction est renforcée entre l’éditeur natif de WordPress (Gutenberg) et Divi 5. 

Sur les shortcodes, Nick Roach, le PDG d’Elegant Themes, vous en dit plus dans cette vidéo : 

Quand Divi 5 sera-t-elle disponible ?

Divi 5 est un projet au long cours très attendu au sein de l’écosystème WordPress et par les adeptes de Divi. 

L’équipe d’Elegant Themes y travaille officiellement depuis fin 2022, date des premières communications publiques sur le sujet. 

Après plus de trois ans de dur labeur, la date officielle de sortie a été fixée au 26 février 2026.

Au moment de lire ces lignes, la refonte sera donc quasiment en ligne pour vous. 😉

Entre temps, le projet a suivi une feuille de route calibrée en 5 phases stratégiques : 

• Phase Developer Alpha ;
• Phase Developer Beta ;
• Phase Public Alpha ;
• Phase Public Beta ;
• Sortie officielle.

Qu’est-ce que Divi : rappel rapide

Avant d’aborder plus en détails le pourquoi de cette refonte majeure, faisons un petit point d’étape sur ce qu’est Divi de façon globale.

Pour vous rafraîchir la mémoire (ou vous éclairer, si vous ne connaissez pas le sujet), Divi est un outil 3 en 1 :

• un thème WordPress premium. Il n’existe pas de version gratuite ;
• un page builder (constructeur de page) visuel en temps réel, appelé Divi Builder, pour concevoir des mises en page avancées à l’aide de sections, lignes, colonnes et modules ; 
• un constructeur de thème (Theme Builder), pour créer – entre autres – des en-têtes et pieds de page sur-mesure.

Pour tout savoir sur Divi et son mode de fonctionnement, consultez notre guide pratique sur le sujet.

Bien que fonctionnelle et très populaire au sein de l’écosystème WordPress (Elegant Themes revendique plus d’un million d’utilisateurs), cette interface puissante avait besoin d’un sacré coup de peinture. Et pour cause : son architecture était devenue trop vieillissante.

Pourquoi cette refonte de Divi ?

Comme on vient de le voir, Divi 5 n’est pas une « grosse mise à jour » classique.

C’est une refonte complète du moteur interne, mais bien plus que ça. C’est tout simplement la mise à jour la plus importante depuis le lancement du constructeur de page, en 2013. 

Alors pourquoi tout bousculer ? Plusieurs raisons peuvent expliquer ce changement de cap majeur opéré par Elegant Themes.

D’abord, au fil des années, Divi a accumulé ce qu’on appelle en développement une dette technique :

• code hérité d’anciennes versions ;
• logique basée sur des shortcodes ;
• structure difficile à faire évoluer ;
• limitations en matière de performance.

Plutôt que d’ajouter des rustines, Elegant Themes a décidé de repartir sur des bases plus modernes.

Ensuite, l’autre élément important qui est entré en ligne de compte, et qui découle de cette dette technique accumulée, c’est le retard pris face à son principal concurrent : Elementor.

À son apogée, en 2016 (date du lancement d’Elementor), Divi était THE page builder numéro un du marché. Sans contestation. Petit à petit, Elementor l’a rattrapé puis largué, au point d’un creuser un encart gigantesque entre les deux. 

Aujourd’hui, Elementor est actif sur 19 millions de sites et propulse 13% des sites web dans le monde. Le numéro un sur le marché des page builders, c’est lui. 

Une simple évolution… ou un tournant stratégique ?

Au global, Divi 5 marque un changement de philosophie. L’objectif affiché se résume en 4 mots : performance, stabilité, évolutivité, flexibilité. 

 C’est un repositionnement face :

• à l’éditeur de blocs natif de WordPress ;
• à des constructeurs comme Elementor, qu’Elegant Themes, via son PDG Nick Roach, a ouvertement annoncé vouloir concurrencer à terme. 

Et vous l’avez compris : si Divi veut rester compétitif, il n’a plus le choix : cela passe par une base technique plus saine.

D’ailleurs, l’objectif d’Elegant Themes est très clair. Ils n’ont pas travaillé comme des acharnés pendant plus de 3 ans sans vision stratégique à long terme. Avec Divi 5.0, l’horizon a été fixé à dix ans. 

« Nous sommes repartis de zéro pour répondre directement à chaque point faible et à chaque critique, et pour construire une base solide qui permettra à Divi d’aller de l’avant pour la prochaine décennie », martèle la société californienne basée à San Francisco. 

Après cette présentation générale de la refonte et du contexte qui l’entoure, venons-en aux détails pratiques : qu’est-ce qui change concrètement avec la sortie de Divi 5 ? 

Quelles sont les nouveautés et les avantages de Divi 5 par rapport à Divi 4 ?

Eh bien tout d’abord, il y a des choses qui ne bougent pas, rassurez-vous. Vous pouvez toujours faire ce que vous faisiez avec Divi 4. 

Les options de base restent les mêmes, à savoir : 

• l’édition en temps réel via un éditeur visuel en WYSIWYG (What You See Is What You Get, Ce Que Vous Voyez Est Ce Que Vous Obtenez) ; 
• l’usage du glisser-déposer (drag and drop) pour intégrer, modifier et supprimer les éléments de votre choix sur votre page d’édition ; 
• la conservation de la structure de construction classique en sections, colonnes et lignes (avec de très nettes améliorations, comme vous allez le voir par la suite) ; 
• la possibilité d’ajouter des modules, templates et autres pages prêtes à l’emploi, tous éditables à la volée sans toucher à la moindre ligne de code ; 
• la personnalisation de tous les aspects visuels de votre mise en page : couleurs, typographie, animations, responsive, etc. 

Ces fondations ont été conservées sur Divi 5, avec quand même une plus-value à différents niveaux.

Pour faire simple, dites-vous que l’éditeur est devenu plus rapide, plus simple, plus intuitif et plus personnalisable à l’usage.

Faisons le point sur tout ça juste en dessous. 

Une interface plus moderne, plus flexible et simplifiée 

Si vous utilisez déjà Divi, le premier aspect qui va vous sauter aux yeux sur Divi 5 concerne la modernisation de l’interface. 

Fini l’aspect vieillot et les historiques couleurs pastel violet et vert qui caractérisaient l’outil jusque-là. Avec Divi 5, l’interface est plus claire, plus épurée et plus en phase avec les standards 2026, regardez :

D’ailleurs, elle ne vous rappelle pas quelqu’un… ou plutôt quelque chose ? Oui, Divi 5 ressemble à s’y méprendre à Gutenberg, l’éditeur natif de WordPress, notamment au niveau des réglages de page (sur la droite de l’éditeur) et surtout lors de l’ajout de modules : 

En même temps, rien de plus logique. Rappelez-vous : Elegant Themes a clairement indiqué sa volonté de renforcer la compatibilité avec Gutenberg. 

Côté pratique, l’interface propose de multiples améliorations au niveau de l’expérience utilisateur, comme par exemple : 

• une gestion plus fine du responsive, en cliquant sur la taille d’écran souhaitée, sans multiplier les clics. Par ailleurs, sept points de rupture prédéfinis (responsive breakpoints) qui couvrent tous les types d’appareils (ordinateur de bureau, smartphone, tablette). Vous pouvez personnaliser la largeur de chaque point de rupture, ce qui vous permet de contrôler votre design quelle que soit la taille de l’écran ; 
• une mise en page plus poussée, avec la possibilité de fixer, déplacer ou combiner les panneaux dans des fenêtres à onglets ;
• la présence d’un fil d’Ariane pour disposer d’un aperçu pratique des conteneurs parents de votre sélection actuelle pour les sélectionner rapidement et comprendre la structure de votre mise en page ; 
• des préréglages de conception que vous pouvez appliquer aux éléments ou même à des attributs spécifiques tels que les bordures, les ombres, l’espacement, etc. ; 
• la recherche et filtres par mots-clés dans les paramètres ; 
• des variables de champs pour les tailles, les couleurs, les polices, les images, les chaînes de caractères et les URLs ; 
• des actions contextuelles lorsque vous faites un clic droit ;
• un mode jour/nuit (dark/light) ; 
• annuler et rétablir un changement en un clic.

Un éditeur 2 à 4 fois plus rapide

Lorsque vous le pratiquerez, vous ressentirez vite la différence. Divi 5, ça dépote. 

Selon Elegant Themes, l’outil est 2 à 4 fois plus rapide que Divi 4,  grâce à un code plus léger et plus propre.

De quoi résoudre l’un des griefs fréquemment reproché à Divi, dont l’éditeur pouvait être lent à se charger. 

Pour pallier ce souci majeur, Elegant Themes utilise désormais un framework et des ressources dynamiques. 

Elle a aussi pris des décisions drastiques à plusieurs endroits : 

• modularisation d’une grande partie du fichier JavaScript de Divi, ce qui lui permet de charger chaque bibliothèque JS à la demande, uniquement lorsque cela est nécessaire ; 
• génération automatique des CSS critiques, qui permet à votre site de se charger plus rapidement en priorisant uniquement les styles nécessaires au contenu visible au-dessus de la ligne de flottaison ;
• code source remanié pour plus d’efficacité, de maintenabilité et d’évolutivité à long terme.

Layout Builder et Design System

Une interface plus moderne et plus rapide, mais aussi une nouvelle façon de créer vos mises en page.

Divi 5 sort de son chapeau ce qu’il appelle le « Layout Builder » (« Créateur de mises en page », en français). 

Ce système de conception est basé sur Flexbox (une méthode de mise en page qui vous permet de disposer vos éléments en lignes et en colonnes), qui vous offre un contrôle très fin sur l’espacement, l’alignement, la taille et l’ordre des éléments (horizontalement ou verticalement) mis en page.

Votre contenu peut aussi être aligné sur des grilles structurées (CCS Grid), en définissant des lignes et des colonnes pour un contrôle multidirectionnel.

A l’intérieur de cette structure globale, vous profitez avec Divi 5 d’un contrôle encore plus précis de la mise en page avec des options comme : 

• les préréglages de groupes d’options (option group presets) pour créer des styles réutilisables sur des éléments individuels (titres, bordures, ombres, arrière-plans) et non plus seulement sur des colonnes, sections ou lignes ;
• les modules et lignes imbriqués (nested modules et nested rows). Vous pouvez intégrer des modules à l’intérieur d’autres modules avec une imbrication infinie, de façon flexible ; 
• les canevas (canvases) pour créer et gérer du contenu indépendamment de la mise en page principale. Elegant Themes explique qu’ils peuvent servir d’espace de staging pour des mises à jour de conception ou pour expérimenter de nouvelles idées ; 
• les variables globales, pour paramétrer des couleurs, des nombres ou des images sur l’ensemble de votre site, en un clic ; 
• les préréglages sur des classes CSS. Lorsque vous modifiez un préréglage, la modification est automatiquement répercutée sur l’ensemble du site ; 
• la possibilité d’utiliser des templates personnalisés comprenant des en-têtes, des pieds de page, des mises en page, des modèles e-commerce et bien plus encore ; 
• des interactions sans code qui déclenchent des animations, des comportements dynamiques, l’activation/désactivation de la visibilité d’un élément, etc. ;
• des variables globales de couleurs, avec la possibilité d’ajuster dynamiquement la teinte, la saturation et la luminosité.

Loop Builder

Autre nouveauté très chouette de Divi 5 par rapport à Divi 4 : l’apparition d’un Loop Builder (Constructeur de boucle). 

Franchement, c’est une énorme amélioration. Grâce à cela, vous pouvez concevoir visuellement des boucles dynamiques, c’est-à-dire des affichages répétés de contenus (articles, produits, projets, portfolios, témoignages, etc.) sans coder une requête personnalisée.

En clair : vous créez une mise en page une seule fois, et Divi se charge de la répéter automatiquement pour chaque contenu correspondant à vos critères (comme WordPress le permet avec son mécanisme de boucle, ou Loop).

Avec Divi 4, vous pouviez déjà afficher des articles, par exemple, mais avec des limitations au niveau de la structure et du design.

Le Loop Builder de Divi 5 vous permet de créer un modèle 100% personnalisé (image mise en avant, titre, extrait, métadonnées, bouton, champs personnalisés, etc.).

Le Loop Builder fonctionne même avec du contenu dynamique (champs personnalisés ACF, données WooCommerce, CPT personnalisés, etc.) pour des usages beaucoup plus avancés (portfolio filtrable, annuaire, site immobilier, catalogue personnalisé, etc.).

Divi AI

Enfin, notez que Divi 5 embarque des fonctionnalités d’intelligence artificielle (Divi AI). Leur IA maison est capable de générer : 

• des pages ou un site web entier avec du texte et des images ; 
• des textes (rédaction), ainsi que la possibilité de les améliorer et de les corriger ;
• des images grâce à un prompt textuel ; 
• du code CSS personnalisé. 

Après avoir découvert le champ des possibles avec Divi 5.0, une question vous brûle peut-être les lèvres : « Dois-je me jeter sur ce nouvel outil tout de suite, ou attendre ? ». Réponse dans la partie suivante. 

Faut-il passer à Divi 5 dès maintenant ?

Divi 5 est-il compatible avec mes thèmes et extensions actuels ?

Même si Divi 5 a été conçu pour conserver une compatibilité maximale avec l’écosystème existant, sa nouvelle architecture interne peut impacter :

• les modules tiers spécifiques à Divi ; 
• les extensions qui ajoutent des fonctionnalités au page builder ;
• les personnalisations CSS ou JS avancées ;
• certains child themes fortement modifiés.

Remarquez que j’ai pris mes précautions en disant « peut impacter ». En réalité, il y a très peu de chances que vous rencontriez une incompatibilité et que votre site se casse, car Elegant Themes a pris soin de mettre en place un mécanisme « avec un niveau élevé de rétrocompatibilité avec les modules existants qui pourraient ne pas être prêts pour Divi 5 lors de son lancement ».

Qu’est-ce que ça veut dire ? Si vous vous servez de plugins ou d’add-ons de l’écosystème Divi qui ne seraient pas encore compatibles avec Divi 5, vous pouvez tout de même continuer à utiliser et à éditer les modules concernés avec l’éditeur Divi 5, le temps que les développeurs concernés fassent le nécessaire. 

Si vous utilisez seulement les modules natifs de Divi 4, c’est encore plus simple : vous pouvez y aller les yeux fermés. La transition vers Divi 5 se fait naturellement, sans risque de faire planter votre site. 

Les cas de figure à évaluer

Ensuite, si l’on réfléchit au cas par cas, deux situations principales vont se présenter à vous :

1. Vous créez un nouveau site : partez directement sur Divi 5. Avec sa sortie officielle le 26 février 2026, l’outil sera prêt à être utilisé. Opter directement pour cette nouvelle base est donc logique.
2. Vous avez déjà un site en production. Testez sur un environnement sécurisé (staging, local) avant toute migration. Plus d’infos sur le sujet dans la partie suivante.

Et de façon plus générale, si vous êtes un créateur de sites professionnel avec Divi, que ce soit en freelance ou en agence, on vous recommande de miser dès sa sortie sur Divi 5 (si vous ne l’avez pas encore fait). 

Le changement structurel et stratégique est trop important pour rester sur Divi 4. Néanmoins, avant d’agir, prévoyez de  : 

• tester vos processus internes ; 
• vérifier la compatibilité de vos extensions maison ; 
• informer vos clients des implications potentielles que ce changement peut engendrer, notamment si vous leur laissez la main sur le back-office (et l’édition de pages).

Comment effectuer la mise à jour ou la migration vers Divi 5 en toute sécurité ?

Vous êtes prêt à franchir le pas avec Divi 5 ? Découvrez à présent comment adopter cette mise à jour en toute sécurité. 

Comment télécharger et installer Divi 5 ?

Pour commencer, connectez-vous à votre compte Elegant Themes et téléchargez Divi 5 dans la partie « Themes & Plugins ».

Dirigez-vous ensuite sur votre interface d’administration WordPress, puis ajoutez le fichier zip dans Apparence > Thèmes > Ajouter un thème > Téléverser un thème : 

Une fois installé, activez le thème. Divi 5.0 est fonctionnel et prêt à être utilisé.

Lancer le processus de migration

Si vous utilisez Divi 4.0, vous devez lancer une migration en allant dans le menu Divi > Divi 5 Migrator.

L’outil va alors lancer un test de compatibilité automatique qui va analyser plusieurs aspects : templates du theme builder, pages, articles, types de publications personnalisés, produits WooCommerce, éléments de la médiathèque Divi, widgets et préréglages.

Si tout est OK, comme sur la capture ci-dessous, vous pouvez commencer à bâtir votre site avec Divi 5. 

Si des problèmes de compatibilité sont détectés, le scan vous affiche des messages d’avertissement aux endroits concernés : 

• un texte en bleu indique que les éléments scannés sont compatibles avec Divi 5 ; 
• un texte en orange signale que des modules ou des fonctionnalités ne sont pas pris en charge. Ces éléments seront migrés, mais les composants non pris en charge fonctionneront en mode de compatibilité descendante (backward compatibility) à l’aide de Divi 4.

Lorsque vous êtes prêt, cliquez sur le bouton dédié pour initier la migration. 

Précautions à prendre avant une migration

Si vous utilisez déjà Divi 4 sur un site en production et désirez faire la bascule vers Divi 5, on vous recommande de tester en amont la migration sur un environnement sans risque pour votre site en ligne. 

Pour cela, suivez les étapes suivantes : 

• sauvegardez votre site (fichiers + base de données) à l’aide d’une extension dédiée comme UpdraftPlus ou d’un outil de gestion de sites WordPress global comme WP Umbrella ; 
• créez un environnement de staging ou une préproduction chez votre hébergeur. Si vous utilisez o2switch comme WPMarmite, appuyez-vous sur l’outil WP Tiger pour ça ; 
• téléchargez et installez Divi 5 sur votre site de test ; 
• lancez l’outil de migration (Divi 5 Migrator) ; 
• testez le site migré : affichage des pages, des articles, des images, boutons, formulaires, etc.

Si vous ne rencontrez pas de problème, migrez la préproduction vers la production (si l’outil que vous utilisez le permet), ou installez puis activez Divi 5 sur votre site en ligne.

Combien coûte Divi 5 ?

Il est temps à présent d’aborder la question du prix de Divi 5. Pour savoir à quelle sauce vous allez être mangé, il faut distinguer deux types d’utilisateurs.

Cas n°1 : vous êtes déjà client chez Elegant Themes

Divi est dans votre boîte à outils depuis longtemps et vous en êtes un fervent adepte ? Bonne nouvelle pour vous.

L’usage de Divi 5 n’engendre pas de coût supplémentaire, puisqu’il est inclus dans chaque abonnement (annuel ou à vie).

Pour en profiter gratuitement, il ne vous reste plus qu’à effectuer la migration en un clic, comme indiqué précédemment.

Cas n°2 : vous n’utilisez pas encore Divi

Vous n’êtes pas encore client chez Elegant Themes et souhaitez vous procurer Divi 5 ? Il existe deux options possibles : 

• le paiement à l’année de Divi 5 seul (89 $/an) ou de Divi Pro (277 $/an) pour Divi 5 (Theme + Builder) + Divi AI en illimité + Divi Cloud + Divi Teams + Support VIP (entre autres) ;
• l’achat d’une licence à vie (lifetime) pour Divi 5 seul (249 $) ou Divi 5 + Divi Pro (297 $). Divi Pro ne peut pas s’acquérir à vie. Vous devez régler ensuite 212 $/an pour utiliser le service Divi Pro. 

Notre avis final sur Divi 5

Après avoir passé en revue les fondations techniques, les nouveautés (Loop Builder, Layout Builder, Design System, Divi AI) et les implications stratégiques de cette refonte, il est temps de vous donner un avis clair sur Divi 5.

Avantages de Divi 5

• Performances nettement améliorées : éditeur 2 à 4 fois plus rapide, chargement optimisé, génération automatique de CSS critique.
• Fin des shortcodes : architecture modernisée, plus propre et plus pérenne.
• Meilleure compatibilité avec Gutenberg : stockage au format natif WordPress, approche plus modulaire.
• Nouvelle API développeur : création de modules personnalisés facilitée.
• Loop Builder puissant : création de boucles dynamiques 100% personnalisables sans code.
• Layout Builder basé sur Flexbox et CSS Grid : contrôle précis de la mise en page.
• Design System avancé : variables globales, préréglages de classes, cohérence visuelle renforcée.
• Interface modernisée : plus intuitive, plus fluide, plus professionnelle.
• Vision long terme : base technique pensée pour la prochaine décennie.

Limites

• Phase de transition nécessaire pour vous adapter à la nouvelle logique interne.
• Compatibilité à vérifier avec certains modules tiers ou personnalisations avancées.
• Courbe d’apprentissage à prévoir pour exploiter pleinement le Design System et les nouvelles fonctionnalités.
• Peu de révolution visuelle immédiate : les changements majeurs sont surtout techniques et en arrière-plan.

L’avis de WPMarmite sur Divi 5

Selon nous, Divi 5 est une excellente nouvelle pour l’écosystème Divi et ses utilisateurs. 

Ce n’est pas une mise à jour cosmétique. C’est une reconstruction en profondeur. Elegant Themes a pris le risque de repartir de zéro pour corriger les faiblesses accumulées depuis plusieurs années et essayer de rattraper le retard accumulé sur Elementor. 

Est-ce que ce sera suffisant pour le combler ? Franchement, cela semble mission impossible, parce qu’Elementor est entré dans une autre galaxie qui semble inatteignable. 

Mais on a envie de vous dire que c’est un autre combat. La priorité, c’était de se débarrasser de cette dette technique qui s’accumulait, tout en proposant un nouvel outil moderne et évolutif.

Sur ça, Elegant Themes a relevé le pari avec brio. Divi 5 marque vraiment un tournant stratégique dans l’histoire de la marque. Et à notre avis, c’est le bon.

Si vous cherchez une base technique solide pour créer des sites professionnels pour les années à venir, Divi 5 est clairement un choix pertinent.

Vous avez envie de le tester par vous-même ? Découvrez toutes ses fonctionnalités et choisissez la formule adaptée à vos besoins :