Divi 5 : découvrez les 8 nouveaux modules !

La sortie de Divi 5 marque une évolution majeure du célèbre builder/thème d’Elegant Themes. Plus rapide, plus moderne et entièrement reconstruit, Divi 5 ne se contente pas d’améliorer ses performances : il introduit aussi une nouvelle génération de modules (en plus de ceux existants) pensés pour des mises en page beaucoup plus flexibles.

Parmi les nouveautés les plus visibles, 8 nouveaux modules font leur apparition :

Dans cet article, je vous propose un aperçu de ces nouveaux modules…

🎉 Bonne nouvelle !
Divi 5 est officiellement sorti de sa phase bêta le 26 février 2026. Lire l’article officiel ici.

Divi 5 : bien plus qu’une mise à jour !

Avant de parler des modules, il faut comprendre que Divi 5 est une refonte complète du thème et de son constructeur de page.

Divi a abandonné son ancien système basé sur les shortcodes pour adopter une architecture moderne, plus légère et plus performante, intégrant notamment :

• Flexbox et CSS Grid
• un rendu plus rapide du Visual Builder
• un système de design variables globales
• des fonctionnalités dynamiques avancées comme le Loop Builder

Résultat : les nouveaux modules ne sont pas seulement des ajouts, ils exploitent une nouvelle logique de conception.

Les 8 nouveaux modules de Divi 5

1️⃣ Le module Group

Le module Group est probablement le plus important conceptuellement. Il agit comme un conteneur avancé permettant de regrouper plusieurs modules dans une même structure logique.

Avant Divi 5 :

• on utilisait sections → lignes → colonnes
• la structure était parfois limitante

Avec les groupes :

• vous pouvez imbriquer librement des éléments
• créer des mises en page complexes plus facilement
• appliquer des styles et des interactions à un ensemble d’éléments

2️⃣ Le module Group Carousel

Ce nouveau module permet – contrairement aux anciens sliders de Divi 4 – d’imaginer chaque slide comme étant une toile vierge dans laquelle vous pouvez insérer n’importe quel module Divi !

Ce que vous pouvez faire :

• carrousel de témoignages
• slider d’équipe
• portfolio interactif
• produits WooCommerce dynamiques
• contenu généré automatiquement via Loop Builder

Chaque slide peut contenir n’importe quel module :

• texte
• images
• boutons
• modules imbriqués
• etc.

Le module permet aussi :

• autoplay
• navigation personnalisée
• nombre de slides visibles
• animations avancées

En pratique, il remplace avantageusement plusieurs anciens modules slider.

3️⃣ Le module Before / After Image

Ce module permet d’afficher deux images comparatives avec un curseur interactif. Vous connaissez certainement bien cela… Et on est d’accord : ce module manquait vraiment dans Divi 4 !

Les cas où vous pourriez avoir besoin de ce module :

• site de photographe : avant/après pour une retouche photo
• site immobilier : rénovation d’un appartement
• site portfolio : refonte de design web
• e-commerce : comparaison de produits
• etc.

Jusqu’ici, ce type d’effet nécessitait souvent un plugin externe ou du JavaScript. C’est donc une bonne chose qu’il soit intégré à Divi 5.

4️⃣ Le module Canvas Portal

Le module Canvas Portal introduit une logique moderne d’affichage hors canvas. Il permet d’ouvrir du contenu :

• en overlay
• en panneau latéral
• en zone indépendante du layout principal
• en popup

👉 Lisez l’article officiel pour en savoir plus sur les Canvas de Divi 5.

5️⃣ Le module Dropdown

Le module Dropdown permet de créer des contenus déroulants personnalisés sans bricolage.

Contrairement aux toggles classiques, ce module a une structure plus flexible et des interactions personnalisables. Il pourra être utilisé pour des FAQ modernes, des menus interactifs ou des sections pédagogiques.

6️⃣ Le module Icon List

Petite nouveauté… mais très attendue. Le module Icon List permet enfin de créer facilement des listes avec icônes.

Avant, il fallait bidouiller pour ajouter des icônes dans une liste… Avec ce nouveau module, on peut ajouter une icône différente par élément, gérer les styles globalement et choisir la mise en page (en ligne ou en liste).

7️⃣ Le module Link

Comme son nom l’indique, le module Link permet d’insérer des liens dans vos mises en page. Cela est surtout utile pour construire un menu sur-mesure.

Et d’ailleurs, j’ai le sentiment que ce module va faire partie d’un concept plus global dans le futur… Peut-être est-ce la première étape d’un « Nav Builder » (un constructeur de menu) ?

8️⃣ Le module Lottie

Le module Lottie apporte les animations modernes directement dans Divi 5. Je vous avais déjà expliqué comment gérer les lotties dans Divi 4… Maintenant, nous n’avons plus besoin de « bidouiller » grâce à ce nouveau module natif.

Les animations Lottie sont ultra légères et parfaitement nettes à toutes les tailles, c’est pourquoi les webdesigners les adorent !

Au niveau du module, vous pouvez contrôler :

• la vitesse
• le déclenchement
• la boucle
• l’interaction utilisateur
• etc.

👉 Parfait pour dynamiser un site sans alourdir le chargement.

En conclusion, pourquoi ces modules changent vraiment Divi ?

Avec ces 8 nouveaux modules, Divi 5 ne se contente pas d’évoluer, il rattrape enfin son retard (et j’espère que ce n’est que le début)… La vraie nouveauté n’est pas le nombre de modules, c’est la philosophie de construction :

✅ plus modulaire
✅ plus dynamique
✅ moins dépendante des structures rigides
✅ plus proche des builders modernes

Divi devient progressivement un design system complet, et non plus seulement un page builder.

Le trio « Group + Group Carousel + Loop Builder » ouvre notamment la porte à des layouts dynamiques qui étaient auparavant complexes à réaliser sans développement spécifique.

Si vous utilisez Divi régulièrement, ces nouveautés vont rapidement devenir indispensables dans votre workflow.

Et vous ? Avez-vous déjà testé Divi 5 ? Qu’appréciez-vous le plus dans cette refonte ? Dites-le en commentaire !