Divi 5 Public Alpha 16: (Features Galore)

The Divi 5 Public Alpha is available for use on new websites. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 16. We release new Divi 5 versions every two weeks, and it gets better each time. If you haven’t tested Divi 5 yet, try it and let us know what you think.

What’s New In Public Alpha 16?

I didn’t publish a post for Public Alpha 15, so I’ll cover everything that has changed since then.

We implemented 84 bug fixes and improvements, three new features, including Attribute Management, Settings Search and Filtering, and Extend Attributes, and made significant progress on four upcoming features.

Bug Fixes & Improvements

Regarding bug fixes, we have been focusing heavily on backward compatibility as we gear up for the Divi 5 Public Beta.

Feature Progress

We’re moving full speed ahead with feature development. We have seven teams working full-time on Divi 5. Here is what they’re up to. 👇

1. Team One: This team fixes bugs and assists Divi Marketplace creators with module conversion. Pee-Eye Creative recently announced the Divi 5 beta versions of several of their products; that’s great!
2. Team Two: This team is working on Woo modules, the final feature for Divi 5 to enter beta. They’re close to finishing their first batch, covering all product modules.
3. Team Three: This team is improving backward compatibility with Divi 4 modules in preparation for the Divi 5 beta.
4. Team Four: This team is working on a new Flexbox layout system for Divi. They’re making significant progress; it won’t be long now.
5. Team Five: This team is working on Relative Colors. They’re 90% finished. This one is right around the corner!
6. Team Six: This team is working on Loop Builder and progressing significantly. This feature is almost 60% finished.
7. Team Seven: This team has been working on filling in highly requested missing Divi 4 features. They finished Attribute Management, Settings Search and Filtering, and Extend Attributes. Next up: Find and Replace!

Extend Attributes

We finished this feature and released it in Divi 5 Public Alpha 16. 🎉

Extend Attributes is like a design superpower, taking Divi 4’s Extend Styles features to the next level.

Give it a try today!

Settings Search And Filtering

We finished this feature and released it in Divi 5 Public Alpha 15.1. 🎉

Settings Search and Filtering allows you to search and filter the Divi 5 settings panel, making working with Divi’s vast array of design options much easier. You may be familiar with this feature in Divi 4, and due to popular demand, we brought it to Divi 5 and made it even better.

Give it a try today!

Attribute Management

We finished this feature and released it in Divi 5 Public Alpha 14.1. 🎉

Attribute Management empowers you to selectively or collectively copy, paste, and reset attributes across elements. It’s the most comprehensive attribute system for any builder! 🤩

Give it a try today!

Loop Builder

We gave a sneak peek at Loop Builder a couple of weeks ago, and the feature is already 60% complete.

The idea behind Divi’s loop builder is simple: loop anything! You can create new post-based content by looping sections, rows, columns, groups, modules, and sub-elements.

Relative Colors With HSL Support

We gave a sneak peek of Relative Colors a few weeks ago, and the feature is already 80% complete. Get ready for a feature announcement soon!

You can create true relative color systems based on color variables with Relative Colors. No other page builder has this color variable/HSL integration, and I think you will love it.

Flexbox Layouts

Flexbox Layouts and Controls is a massive feature, but development is progressing faster than anticipated. This feature is nearly 90% complete, and you shouldn’t have to wait much longer before it’s live.

Flexbox layouts will have great synergy with Module Groups and Nested Rows. Divi 5’s layout system is about to reach its final form!

WooCommerce Modules

This feature got a rough start, but the team has hit its stride. We plan to finish our first big batch of modules in a couple of weeks, including all product modules, accounting for most of Divi’s WooCommerce modules. That will set us up nicely for a mid-year Divi 5 Beta launch, with plenty of time to release the official version this year.

Changelog

Here is a list of all the changes implemented in Public Alpha 16.

• Introduced Extend Attributes for quick attribute propagation of any type.
• Fixed modified tabs were not blue in option groups while editing presets.
• Added REST API endpoints for the WooCommerce Breadcrumb module in Builder 5.
• Backward compatibility was added for structure modules that use custom module settings, which were added by Divi 4 third-party extensions.
• Implemented REST API for fetching product upsells HTML from VB.
• Implemented REST API for fetching product tabs HTML from VB.
• Implemented REST API to fetch additional product information in HTML from VB.
• Fixed the issue with the editing column that uses custom settings that are added by third-party Divi 4 extensions.
• Fixed error with ShortcodeModule settings crashing if the user tries to open Module Settings while the Module is rendered.
• Rendering loop-based dynamic content on VB.
• Fixed error when clearing the entire page layout while a shortcode module modal is open.
• Fixed an issue where unmounting field components could cause errors in the Visual Builder if the clipboard attribute map structure was missing or malformed.
• Fixed animation style not working for shortcode modules on FE.
• Replaced double quotes with single quotes in shortcode attribute values to prevent shortcode parsing errors.
• Introduced new Custom CSS field type to handle custom CSS fields as a group on the shortcode module.
• Fixed issue with custom settings group missing if the Divi 4 extension adds them.
• Implemented product-related loop option menus.
• Add a warning field type in the shortcode module.
• Introduced a settings search and filtering system.
• Fixed an issue where pasting the same content in the Rich Text Editor while holding down the CMD/CTRL key could result in the content being cleared.
• Implemented REST API for fetching product images HTML from VB.
• Created Post related Select Options Menu for loop.
• Implemented REST API to fetch product titles from VB.
• Implemented REST API to fetch product price HTML from VB.
• Implemented REST API to fetch product ratings from VB.
• Fixed an issue where the Row module’s default max width did not match the Theme Customizer’s Website Content Width setting.
• Added support for showing fields conditionally based on multiple dependencies using the show_if option.
• Added PHP filter usage examples and a comprehensive explanation of the moduleConversionOutline filter to the D4-to-D5 conversion tutorials.
• Extended the query result API to support additional filter parameters.
• Implement a fallback icon for modules in the module picker modal.
• Created explanation page for Background Style component.
• Fixed an issue where docked modals could not be dragged out of the docked state.
• Fixed an issue where the Group module did not output spacing styles with !important, preventing user-set spacing from overriding defaults.
• Migrated WooCommerce product page layout and settings functions from the legacy builder to Builder 5.
• Migrated WooCommerce product display utility functions from the legacy builder to Builder 5.
• Migrated WooCommerce product reviews utility functions from the legacy builder to Builder 5.
• Fixed an issue where checkbox fields did not restore all default values on reset and ensured defaults are correctly applied when modules are first added.
• Fixed an issue where restricted modules could still open their settings in the Visual Builder even after being disabled via Role Editor.
• Added a detailed tutorial explaining the correct usage of selectors, selectors, and selectorFunction for handling hover and sticky styling in Divi 5 modules.
• Fixed the issue of the Accordion Module breaking if we use CSS math function in the Icon Font settings.
• Fixed an issue where a double click triggered the single click on the module settings group.
• Fixed an issue where the mage module spacing options did not accept global or dynamic variables.
• Added the WooCommerce Product Tabs module in the module-library package.
• Added ‘atRules’ support to Background Style component to override default breakpoints.
• Added the WooCommerce Product Add-To-Cart module in the module-library package.
• Added the WooCommerce Cart Notice module in the module-library package.
• Added the WooCommerce Related Products module in the module-library package.
• Added the WooCommerce Product Additional Info module in the module-library package.
• Added the WooCommerce Product Gallery module in the module-library package.
• Added the WooCommerce Product Meta module in the module-library package.
• Added the WooCommerce Product Reviews module in the module-library package.
• Enabled Loop functionality based on the selected query type and total number of available pages.
• Added ‘atRules’ support to the Icon Style component to override default breakpoints.
• Fixed for both the Image and Fullwidth image modules’ image link get reset issue.
• Prevented looped modules from rendering multiple times in Wireframe mode.
• Updated hover actions for the looped module to show only on the first element.
• Standardized loop support by adding a loop option to all non-looping modules via the shared advanced metadata structure.
• We fixed the issue of the column custom width getting reset while we changed the row’s gutter number.
• Fixed D4 export, including presets losing styles after being imported into D5.
• Fixed Global Variable manager accessibility on WP Multisite.
• Created an explanation page for the Icon Style component.
• Improved the D5 CLI tool’s WooCommerce module generation with standardized naming conventions, consistent paths, and enhanced error handling.
• Fixed an issue where the Contact Form module’s email and message pattern fields were not properly displaying global variables.
• Fixed the issue of the Section Divider’s invalid CSS property on the Frontend.
• Added a new hook to filter ModuleGroups items, enabling third-party developers to customize the module group listings.
• Introduced a new Attribute Management system for copying, pasting, and resetting various attribute types.
• Improved WooCommerce product images shortcode conversion to ensure accurate attribute mappings and better maintainability by centralizing mock data.
• Implemented auto-generated module settings for the WooCommerce Product Images module.
• Fixed variables with the s unit are not appearing in the dynamic content list. And unitless GV is not appearing on the z-Index field dynamic content list.
• Implemented D4’s et_builder_wc_relocate_single_product_summary to help make D5 WooCommerce modules like Product Description behave the same as D4 versions.
• Fixed Blurb module title now renders correct font-size when using em or clamp(…) values by removing anchor selector from style metadata.
• Fixed an issue where the video preview is not showing when we use the YouTube short URL.
• Fixed an issue where global font variables used in module presets were rendered incorrectly with extra dashes, preventing them from working on the front end.
• Fixed the issue where the Blog module’s pagination does not work for the offset value set.
• Fixed unable to drag and drop a module inside a nested row column.
• Added WooCommerce Product Upsell module with basic module files, conversion, and autogenerated module settings.
• Enhanced Divi 5 WooCommerce integration by centralizing default settings management for columns, page types, and tabs.
• Added the WooCommerce Product Price module in the module-library package.
• Added the WooCommerce Product Rating module in the module-library package.
• Added the WooCommerce Product Stock module in the module-library package.
• Fixed the issue of the media uploader modal’s link color conflicts.
• Created explanation page for Background Style component.
• Fixed a bug that caused some legacy Divi 4 custom modules to render incorrectly on the frontend due to missing JavaScript dependencies.
• Fixed an issue where copying and pasting content between Blurb titles and other modules’ titles/headings would not preserve the text content correctly.

The Divi 5 Release Schedule

It’s important to note that Divi 5 is production-ready for use on new websites today! Due to the scope of the Divi 5 project, we took a non-traditional approach to its release schedule, releasing it in five phases. The ultimate goal is to make Divi 5 as helpful as possible, as soon as possible, to as many people as possible.

We are in the Alpha phase, akin to “Divi 5 Lite.” It’s missing a few features, but what’s done is ready to be used. It’s far superior to Divi 4 in almost every way. If you prefer Divi 5, you can use it to build new websites.

If an existing website depends on a feature that hasn’t been added to Divi 5, you should continue using Divi 4. WooCommerce modules are the only things missing. Even then, Divi 4’s legacy WooCommerce modules will still work in Divi 5 in backward compatibility mode.

When Will Beta Be Ready?

We aim to enter beta within ~3 months based on our progress. There are three things we want to accomplish before entering the beta phase, and half of our team is focused on these tasks:

1. Improved Backward Compatibility – Divi’s backward compatibility system allows legacy modules like those from the Divi Marketplace to function alongside Divi 5’s new modules. We are actively improving this system with the goal that all existing websites will be able to upgrade to Divi 5 without any changes to their website.
2. Full WooCommerce Module Support – Divi’s WooCommerce modules haven’t yet been converted to the Divi 5 format. You can use them in backward compatibility mode, but you may experience some quirks. We are actively developing WooCommerce modules with each alpha release.
3. Continued Bug Fixes And Improvements – We have a team dedicated to fixing the bugs reported during the alpha phase, ensuring that Divi 5 is stable before the official release. We don’t want the Divi 5 alpha to feel like an alpha, or the beta to feel like a beta.

When Will Divi 5 Be “Officially” Released?

Divi 5 will reach its “final form” before the end of the year, with the ultimate goal of leapfrogging the competition before the year ends. Part of that goal involves aggressively developing new features as part of the feature swap.

But don’t forget! Between now and then, you can use Divi 5 whenever it becomes your preferred experience. Instead of rushing to a final release, we’re maintaining both Divi 4 and Divi 5, giving users a choice.

Once we’re confident in removing that choice, we’ll make it “official,” and everyone will get the Divi 5 upgrade notification.

Jump Into Divi 5 Today

The Divi 5 Public Alpha is available today. Give it a try, and let us know what you think!

If you find a bug, report it to our team, and we’ll fix it. We’ll continue to work aggressively to add new features and address feedback.

Stay tuned for a new Divi 5 version every two weeks.