Since the beginning of 2025, the team of Elegant Themes has been advancing at a fast pace in the development of Divi 5. Within a few months - and when I write this article - no less than 21 new features have been published, gradually transforming the famous manufacturer into a completely redesigned tool, more modern, faster and above all much more flexible.
If you have had trouble following this transformation that took place throughout this year, I propose a summary of the incredible "remontada" of Divi 5 in this article...
- 1 - Customizable reactive breakpoints (Breakpoints) | Public Alpha 7.2 | 6 February 2025
- 2 - Preset (preset) | Public Alpha 9.3 | 11 March 2025
- 3 - Advanced CSS units | Public Alpha 10.1 | 19 March 2025
- 4 - Global Variable Manager | Public Alpha 11.1 | 3 April 2025
- 5 - Interlocked lines | Public Alpha 12.1 | 17 April 2025
- 6 - Module group | Public Alpha 13.1 | 1 May 2025
- 7 - Attribute management | Public Alpha 14.1 | 16 May 2025
- 8 - Search and filter settings | Public Alpha 15.1 | 29 May 2025
- 9 - Extended attributes | Public Alpha 16 | 5 June 2025
- 10 - Search and replace | Public Alpha 17 | 18 June 2025
- 11 - Relative colors & HSL | Public Alpha 17.1 |19 June 2025
- 12 Interactions | Public Alpha 18.1 | 26 June 2025
- 13 - Flexbox | Public Alpha 18.2 | 10 July 2025
- 14 - Loop Builder | Public Alpha 19.1 | 25 July 2025
- 15 - New modules : Carousel groups, Lottie and list of icons | Public Alpha 20.1 | 8 August 2025
- 16 - WooCommerce Modules | Public Alpha 21 | (15 August 2025)
- 17 - Responsible Editor | Public Alpha 22 | 27 August 2025
- 18 - Custom attributes | Public Alpha 23 | 11 September 2025
- 19 - CSS Grid | Public Alpha 23.2 | 19 September 2025
- 20 - WooCommerce Shopping Cart and Payment Modules | Public Alpha 24 | 26 September 2025
- 21 Inspector | Public Alpha 24.1 | 3 October 2025
- Finally: a summary of the progress of Divi 5
1 - Customizable reactive breakpoints (Breakpoints) | Public Alpha 7.2 | 6 February 2025
With this new update, Divi 5 finally allows you to customize your break points! Finish the three frozen sizes: you can now adjust the thresholds according to your needs and activate only those you use.
Divi now offers a total of 7 breakpoints, including four new ones (Phone Wide, Tablet Wide, Widescreen, Ultra Widescreen).
Each breakpoint is fully editable, and the changes you make automatically apply to the relevant screen size.
A simple but powerful novelty, which gives you complete control over the responsive design !
🍒 And icing on the cake, just make your changes on the selected screen size and the options are saved directly for this size without impacting others.
2 - Preset (preset) | Public Alpha 9.3 | 11 March 2025
Presets allow you to create sets of reusable styles (typos, colors, borders, spacing, etc.) that you can apply to any element.
When a Preset is changed, all instances that use it automatically update, which ensures perfect consistency across the entire site.
You can also stack multiple presets on the same item, and even redefine the default presets to fit the overall appearance of your modules.
Presets existed in Divi 4 but arrived in Divi 5 with greater accuracy.
3 - Advanced CSS units | Public Alpha 10.1 | 19 March 2025
Divi 5 now supports all CSS units (px, rem, vw, etc.), as well as functions like calc() and clamp(). You can type or drag to adjust the values, while enjoying the freedom of composition.
You can also use CSS variables: set them globally or at page level, and then refer to these variables in your styles. A change to the source occurs wherever the variable is used.
This innovation makes the creation of fluid typographies and adaptive designs much simpler and more powerful.
4 - Global Variable Manager | Public Alpha 11.1 | 3 April 2025
The global variable manager allows you to define reusable values (colours, typographies, numbers, images, text, URLs) in a central manager.
You can then inject these variables into the elements and presets options. If you change a variable, all parts of the site that use it automatically update, ensuring instant consistency across the entire site.
This is a major step forward in fluidizing your workflow and centralizing the mastery of design without resetting the same settings for each module.
5 - Interlocked lines | Public Alpha 12.1 | 17 April 2025
Finally, it is possible to interlock lines in other lines, without any depth limit, opening the door to much more complex layout structures.
When you add a line inside a column, you can insert modules or continue to interlock lines.
At the same time, the options for dimensioning columns have been expanded: you now precisely control the width and height of each column in your nested arrangements.
6 - Module group | Public Alpha 13.1 | 1 May 2025
A new module is born, it is a container: groups of modules.
You can now group several modules inside a column to manipulate, stylize or duplicate them as a single element.
These groups support presets and can be recorded as global elements, ensuring consistency and time saving.
You can nest groups into each other - or in lines - limitless, which opens up very scalable structural possibilities.
7 - Attribute management | Public Alpha 14.1 | 16 May 2025
With Divi 5, Attribute Management becomes much more powerful and accurate, you can:
- Copy attributes at the module level, a group of options, a tab or a field, with all the desired granularity.
- Selectively paste: you can choose to paste all attributes, or only styles, content or presets.
- Reset attributes in a targeted way: all reset to zero, or only style, content or presets according to your needs.
- These options are accessible via a context menu (right click), including at the option group level, for quick and precise action.
- In addition, new keyboard shortcuts will speed up these operations.
This fine management gives you total control over your elements, while avoiding tedious feedback to code to synchronize styles between modules.
8 - Search and filter settings | Public Alpha 15.1 | 29 May 2025
Divi 5 now includes a search bar in the settings panel, allowing you to instantly find an option per keyword, without searching the tabs.
You also have useful filters: by type of setting (colors, sizes...) or by state, especially "modified", which allows you to identify the options you have changed on a module.
This greatly increases your speed of work with Divi, especially on modules with many settings.
9 - Extended attributes | Public Alpha 16 | 5 June 2025
Divi 5 recreates the concept of "extending styles", known in Divi 4, but in a widely enriched way. You can now propagate one or more attributes — styles, presets, or content — d
The "Extend Attributes" menu (accessible by right click) allows you to choose the source, the destination (column, line, section, entire page) and the attribute type to extend. You can extend individual styles, groups of options or presets, with a very fine selection of fields to propagate.
In addition, the "Extend Attributes" panel automatically adapts to the context of the active element, and you can attach it to keep it within range.
For a while, I confess I was afraid 😰 that Divi 5 does not integrate this feature that was indispensable to me in Divi 4 for creating more productive sites.
10 - Search and replace | Public Alpha 17 | 18 June 2025
A "Find and Replace" function accessible by right click on any field arrives in Divi 5. You can search for a value in an item (e.g. color, font, number) and then replace it anywhere, depending on a scope you define (in the item, its children, the entire page, etc.).
This feature is particularly useful for converting static values into variables (colors, fonts...), or for quickly adjusting a shade or style in an imported layout without having to search every option.
You also control which options are replaced (element types, identical fields only), to avoid undesirable side effects.
11 - Relative colors & HSL | Public Alpha 17.1 |19 June 2025
Il est enfin possible d'utiliser des couleurs relatives reposant sur HSL (Hue, Saturation, Lightness) : vos couleurs peuvent être définies comme variables et ajustées mathématiquement les unes par rapport aux autres.
Par exemple, vous pouvez déclarer votre couleur "primaire" puis créer des déclinaisons (teinte, saturation, luminosité modifiées) qui resteront liées à cette couleur mère. Si vous changez la couleur primaire, toutes les déclinaisons se mettent à jour automatiquement.
The color selector has been redesigned: it displays variables, allows to compose relative colors and incorporates a clearer HSL interface (tein, saturation, brightness and opacity).
12 Interactions | Public Alpha 18.1 | 26 June 2025
Divi 5 now offers an integrated interaction system, which creates dynamic effects such as pop-ups, toggles or animations related to scroll or mouse movement.
You choose a trigger (click, browse, scroll, input into the viewport, etc.), an effect (show/masking, change a preset, change an attribute, etc.) and a target (the element that undergoes the action).
The interaction editor is accessible from the advanced tab of each module, and the effects include options such as Toggle Visibility, Toggle Preset, Mirror Mouse Movement, Scroll To Element, cookie management and attributes, etc.
Some examples of use:
- create a pop-up that appears when a section enters the viewport,
- switch between two versions of module on click (toggle),
- apply a preset variation to the scroll,
- rendre un élément "suiveur de souris" avec des effets d'inclinaison ou d'opacité.
13 - Flexbox | Public Alpha 18.2 | 10 July 2025
C'est une révolution qu'on attendait tous ! Divi 5 intègre enfin la Flexbox 🎉
Vous pouvez désormais construire des dispositions complexes en imbriquant des lignes, en contrôlant la disposition des éléments enfants (direction, passage à la ligne, ordre) et en ajustant les alignements verticaux ou horizontaux - le tout sans avoir à coder (c'était le cas avec Divi 4 as explained in this article).
For each breakpoint, you can define a different structure: changing the width of the columns, changing the order of the elements, or redefining the direction of flow according to the device.
Avec l'arrivée de la Flexbox, Divi abandonne certaines sections spécialisées (fullwidth violette et specialty orange) au profit d’un système unifié : tout passe par les lignes flex, ce qui simplifie la structure globale.
14 - Loop Builder | Public Alpha 19.1 | 25 July 2025
On ne l'attendait pas et pourtant il est là ! Le Loop Builder permet de créer des boucles dynamiques pour tout type de contenu - articles, pages, produits, auteurs, catégories, etc.
First you set a template with your modules/designs, then you configure the query (post type, filters, meta, order) to power the loop.
The Loop Builder is compatible with custom fields (ACF), custom post types (such as Divi Projects), and even repeater fields.
By changing your request or model, all instances in the loop automatically update.
🤩 On peut enfin construire des pages de contenu personnalisé sans module "blog" imposé, avec une liberté totale sur le design et la structure.
15 - New modules : Carousel groups, Lottie and list of icons | Public Alpha 20.1 | 8 August 2025
Divi 5 enriches its range of modules with three valuable additions:
- Un module Group Carousel très flexible : chaque "slide" est une toile vierge dans laquelle vous pouvez insérer n’importe quel module, imbriquer des lignes, appliquer des effets, etc. Le carousel peut aussi être alimenté dynamiquement via le Loop Builder (articles, catégories, etc.).
- A Lottie module for easy integration of JSON/SVG animations. You control speed, trigger, repeat, etc. Fini l'implémentation de Lottie avec des astuces de ninja !
- An Icon List module (list with icons), to create lists with custom icons, without using raw text or tricks.
These modules take advantage of the new architecture of Divi 5 and show the theme's ability to move rapidly towards more modularity.
16 - WooCommerce Modules | Public Alpha 21 | (15 August 2025)
Avec cette mise à jour, Divi 5 propose une première série de 17 modules WooCommerce natifs, sans l’étiquette "legacy". Ces modules couvrent l’essentiel pour concevoir vos pages produits et catégories avec une liberté totale.
For example:
- the Products module to display a product grid.
- Product Page Modules : Add To Cart, Product Gallery, Product Title, Product Description, etc.
- utility modules like Breadcrumbs, Notice, Product Meta, Reviews, Upsells...
Grâce au Loop Builder, vous pouvez aussi créer des boucles personnalisées sur vos produits (requêtes, styles) au lieu de vous limiter au module "Products" standard.
The remaining modules for the basket and command validation will arrive in a second time.
17 - Responsible Editor | Public Alpha 22 | 27 August 2025
Divi 5 introduit un éditeur réactif centralisé qui facilite la gestion des états responsive, "hover" et "sticky" depuis une seule interface.
Instead of having to switch to mobile or tablet mode to change the values, you can click on the responsive editor icon and adjust the values on all modes simultaneously.
If an option has different values for different modes (desktop, tablet, mobile), the icon becomes blue to report this change, and you can view, edit or reset these values quickly.
Reactive editor improves the speed of your workflow and reduces unnecessary clicks while maintaining the power of responsive design.
18 - Custom attributes | Public Alpha 23 | 11 September 2025
A new Attributes panel appears in the Advanced tab of each item, giving you the possibility to add any HTML attribute (alt, title, rel, aria-label, data-*, etc.) to both the main element and its sub-elements.
This significantly enhances accessibility (you can associate ARIA roles, labels or attributes with non-semantic modules) and allows for finer customization of content behavior or indexing.
The old fields for the CSS or the ID classes are gradually deprecated: their values are automatically migrated to this new unified system of custom attributes.
In short, you finally gain the freedom to add all the necessary attributes to your elements without using code, while maintaining class settings and identifiers in the same environment.
19 - CSS Grid | Public Alpha 23.2 | 19 September 2025
Tout comme l'arrivée de la Flexbox, l'arrivée de CSS Grid est une avancée majeure dans la création de mises en page sophistiquées.
CSS Grid a un comportement un peu plus difficile à comprendre que la Flexbox pour les néophytes et c'est pour cette raison que l'éditeur propose des modèles de grilles prédéfinis que vous pouvez appliquer en un clic. Les éléments s’y adaptent automatiquement au fur et à mesure que vous ajoutez du contenu.
For informed users, all CSS Grid options are accessible: you can set your own columns, rows, spacing, alignment, direction, etc.
En résumé : CSS Grid offre une flexibilité structurelle "high level", tout en restant accessible aux débutants grâce aux modèles.
20 - WooCommerce Shopping Cart and Payment Modules | Public Alpha 24 | 26 September 2025
C'était la partie manquante des modules WooCommerce que les "e-commerçant amoureux de Divi" attendait !
Now you can build your shopping cart and checkout pages via the Theme Builder, by assembling the module components by module.
Among the modules available:
- For the cart: Woo Cart Products, Woo Cart Totals, Woo Cross-Sells
- For the payment page: Woo Checkout Billing, Woo Checkout Shipping, Woo Checkout Details, Woo Checkout Payment, etc.
When you activate Divi on a shopping cart or payment page, Divi automatically replaces classic WooCommerce templates with these modules, giving you total control over style and structure.
21 Inspector | Public Alpha 24.1 | 3 October 2025
The Inspector tool, inspired by Figma, centralizes the attributes of an element (and its children) in a dedicated panel. You can inspect colors, typographies, sizes, contents and presets, and change everything from this panel.
Here is what it allows:
- Group the modified attributes (colors, fonts, etc.) of an element and its descendants, rather than scatter them into tabs.
- Edit in bulk: Change a color in one place and update it wherever it is used.
- Access texts, media, attributes or presets active in the inspected item.
- Revise the attributes used inside the presets, allowing you to modify them directly from there.
C’est un gain de temps majeur pour repérer et modifier ce qui se cache derrière une mise en page sans sauter entre des onglets multiples. J'ai même l'impression qu'il remplace le petit icône en forme de pinceau qui était tant utile dans Divi 4.
Finally: a summary of the progress of Divi 5
Wahou ! Ça en fait des nouveautés ! Et tout cela en moins d'une année !
En règle générale, l'équipe d'Elegantthemes publie 2 fonctionnalités chaque mois, sans compter les corrections et améliorations...
Mais vous remarquerez que certains mois ont été plus prolifiques que d'autres avec jusqu'à 4 fonctionnalités parues au mois de juin, rien que ça !
Bref, j'ai le sentiment que "ça valait le coup d'attendre" ! Et vous est-ce aussi votre sentiment ?
Pour finir cet article, j'ai pensé qu'un petit récap' sous forme de tableau serait le bienvenue 👇
| Function Name | Public Alpha version | Release date | Description |
|---|---|---|---|
| Customizable reactive breakpoints | 7.2 | 6 February 2025 | Allows you to set your own breakpoints and adjust the design for each screen size. |
| Preset Design (Presets) | 9.3 | 11 March 2025 | Introduces a system of reusable and synchronized styles for all modules of the site. |
| Advanced CSS units | 10.1 | 19 March 2025 | Adds compatibility with all CSS units (px, em, vw, etc.) and calc() and clamp() functions. |
| Global Variable Manager | 11.1 | 3 April 2025 | Allows you to define and reuse variables (colors, texts, numbers...) throughout the site. |
| Nested Rows | 12.1 | 17 April 2025 | Authorizes interlocking rows in other rows for more flexible layouts. |
| Module Group | 13.1 | 1 May 2025 | Allows to group several modules to stylize, duplicate or move them together. |
| Attribute Management | 14.1 | 16 May 2025 | Facilitates copying, collage and reset of styles or content at different levels. |
| Search and filter settings | 15.1 | 29 May 2025 | Add a search bar and filters to the settings panels to save time. |
| Extended Attributes (Extend Attributes) | 16 | 5 June 2025 | Allows to extend styles or attributes to other items on the page or section. |
| Search and replace (Find & Replace) | 17 | 18 June 2025 | Provides a global search and replacement tool to modify large-scale values. |
| Relative Colors & HSL | 17.1 | 19 June 2025 | Introduces a system of dynamic colors linked to each other via the HSL model. |
| Interactions | 18.1 | 26 June 2025 | Allows you to create animations, toggles or effects based on scroll, click or overshoot. |
| Flexbox | 18.2 | 10 July 2025 | Replaces the old column system with a flexible layout model based on flexbox. |
| Loop Builder | 19.1 | 25 July 2025 | Allows you to design custom loops to display any type of content. |
| New modules : Carousel, Lottie, Icon List | 20.1 | 8 August 2025 | Adds three modern modules: group carousel, Lottie animations and lists with icons. |
| WooCommerce Modules Products | 21 | 15 August 2025 | Introduced 17 native WooCommerce modules to build your product and shop pages. |
| Responsive Editor | 22 | 27 August 2025 | Centralizes the management of desktop, tablet and mobile modes in a unified interface. |
| Custom attributes | 23 | 11 September 2025 | Allows to add any HTML or ARIA attribute to a module directly from the interface. |
| CSS Grid | 23.2 | 19 September 2025 | Integrate a real CSS Grid system with predefined templates and complete visual editing. |
| WooCommerce Modules: Shopping Cart and Payment | 24 | 26 September 2025 | Adds the native basket and checkout modules for total control of the purchase process. |
| Inspector | 24.1 | 3 October 2025 | Centralizes all attributes and styles of an element in a unique Figma way panel. |
0 commentaire