Divi 5 is introducing a completely new way to build — and it’s finally here. In this video, I show you how to create custom headers using nested modules, one of the most powerful upgrades to Divi’s structure so far.

With nested modules, you can now add modules inside other modules, giving you true layout freedom. For example, you can place buttons, menus, or even opt-in forms directly inside your header module — all fully responsive and design-controlled.

This new approach replaces the need for complicated section or row setups. You can now build flexible header layouts in seconds, without relying on external code or extra plugins.

In the tutorial, I walk you through:

• How nested modules actually work in Divi 5
• Setting up a responsive custom header from scratch
• How to reuse your header layout across your entire site

If you’ve been waiting to simplify your workflow while keeping complete design control, this is one you don’t want to miss.

Which one do you use?

One of the biggest upgrades just landed — you can now place modules inside other modules, with no nesting limit.

This unlocks an entirely new level of layout freedom.

Before, layouts were always constrained by section → row → column structures. Now, those limitations are gone.

You can build true custom component layouts inside other components:

• Build layouts inside sliders
• Build layouts inside tabs
• Build layouts inside accordions
• Build layouts inside menus
• Build layouts inside blog grids

And yes, even inside pricing tables This means you’re no longer limited to a single content area in modules. Every module becomes a container.

Here is what was updated:

• tertiary color issues when refreshing.
• class autocomplete

I've collaborated with Hostinger Hosting. After doing a lot of research and testing their platform, I can safely say it is a really good hosting company :)

With your support, this will help me raise money to buy a MacBook M1 Max 😀

Using the latest Beta version of Divi 5, I am attempting to show an MP4 product video that autoplays, loops continously, and no shown controls. Only the video should be running continously. I realize that I can just place a background video within a module and have done this technique, but wanted to see if there is a more proper way to do this simple task.

I attempted to follow instructions in a YouTube tutorial from System22 (https://www.youtube.com/watch?v=Q_0TzEoYIGA) using the Video Module and the Code Module along with some Javascript Code. Unfortunately, the video is dated and is designed for Divi 4. I followed the steps anyway to see if it would work. Basically, it involves placing the Divi 5 Video Module in a column, then upload and connect the MP4 video. Once that is done, the video will show on the page with the controls showing. Then to set up proper functions, a Code Module is set up in the same column just below the Video Module, and the javascript is put in as follows:

https://www.learnhowwp.com/how-to-autoplay-videos-in-divi-video-module-and-hide-controls/

<script>

jQuery(document).ready(function() {

    if (jQuery('.lwp-video-autoplay .et_pb_video_box').length !== 0) {

        jQuery('.lwp-video-autoplay .et_pb_video_box').find('video').prop('muted', true);

        jQuery(".lwp-video-autoplay .et_pb_video_box").find('video').attr('loop', 'loop');

        jQuery(".lwp-video-autoplay .et_pb_video_box").find('video').attr('playsInline', '');

        jQuery(".lwp-video-autoplay .et_pb_video_box").each(function() {

            jQuery(this).find('video').get(0).play();

        });

        jQuery('.lwp-video-autoplay .et_pb_video_box').find('video').removeAttr('controls');

    }

});

</script>

I followed the instructions to the letter, but the script does not seem to be working. The video appears in the page as normal, but shows the controls, and does not autoplay or loop.

Any idea what I'm doing wrong?
Mark

Right now, the goal is simple: test, explore, and share feedback so the team can keep improving it. If you spot anything weird, hit the chat icon and let the team know — they’re super responsive and ready to jump on fixes.

Over the next few weeks, they’ll be focused on making Divi 5 even more stable and refined than Divi 4, and that’s something to look forward to.

Some features haven’t made it in just yet — but that’s a good thing. It means there’s still more to come! If something seems missing, it’s not gone; it’s just on its way. The team’s filling in those gaps throughout the alpha, and by the final release, everything will be exactly where it should be.

 Marketplace modules might not work perfectly right now, but Divi 5’s backward-compatibility mode makes it possible to use them anyway — which is awesome for early testing. Just remember it’s still being refined, so if you hit a snag, reach out to the Divi team instead of the module creators.

 There are still a few bugs, performance tweaks, and design polish coming soon — and that’s exactly what this stage is for. This alpha gives everyone a chance to help shape the final version and make it the best it can be.

For now, it’s best to test Divi 5 on a demo or non-production site. Think of this phase as a creative playground where you get to experiment, explore, and watch the future of Divi take shape right in front of you.

If you’ve ever struggled to build an online store and community — I get it.

I started with WooCommerce and BuddyBoss, but it turned into a nightmare of plugins, bugs, and frustration. I nearly quit altogether.

Then I switched to FluentCart, FluentCRM, and FluentCommunity — and everything changed.
Now my business at DiviUniversity.com runs faster, simpler, and fully automated.

I have installed it and so far, I have not seen any immediate issues. More testing this weekend.

In this video, I show you an easy step by step process on how to get started with FluentCart.