Popups get a bad reputation, but that’s only because most websites misuse them. When you build them with purpose and timing in mind, they turn casual browsers into subscribers and window shoppers into buyers. We’ll show you five ways to use popups people want to see. As a bonus, we’ll also show you how Divi …

Responsive grids shouldn’t require dozens of media queries and custom CSS overrides. But until recently, that’s exactly what most page builders demanded. Divi 5’s CSS Grid framework changes that, providing you with layouts that adapt fluidly across screen sizes without requiring a single line of code. Whether you’re building a simple card grid or a …

Grid recently became an integrated part of Divi 5, bringing a different approach to building layouts. Grid gives you control over both horizontal and vertical placement simultaneously. That flexibility comes with a trade-off: there are way more settings to understand. The Visual Builder now includes about 15 Grid options, which all work together to control …

A steps carousel provides an effective way to display information in a structured, easy-to-follow format. With the new Group Carousel module in Divi 5, creating a steps carousel is easier than ever. This new module enables you to create custom carousels using any Divi module, supports dynamic looping for scalable content, and provides advanced styling …

Divi 5‘s modern design tools make it easy to build playful, cloud-style sections. These are soft cards that feel light, flexible, and perfect for teams, features, tags, or CTAs. In this free pack, you’ll find 8 Cloud Sections, each crafted for smooth shapes, subtle depth, and quick edits. Drop them into any page and swap …

CSS Grid gives you two-dimensional control so you can place items exactly where they belong, instead of fighting stacks and columns. It’s like giving your page a simple map where you can drop elements into clear spots and let the grid handle the layout. In this post, you’ll learn how to use grids in WordPress …

In older versions of Divi, you’d find separate fields in the Advanced tab to add CSS IDs and Classes. In Divi 5, those fields are no longer there. But nothing’s actually missing. Everything moved into Attributes under the same Advanced tab. You can still add IDs and Classes exactly like before, plus any other custom …

I am excited to introduce Nested Modules for Divi 5, which will significantly enhance the versatility of Divi elements and lay the foundation for an advanced component-based menu builder. Now, you can add modules inside other modules, with infinite nestability. Build custom layouts inside sliders, tabs, accordions, and everything else. Add a button to your …

With Divi 5’s Lottie Module, you can tie motion to the scroll, letting visitors control how the animation plays as they move down the page. This makes sections feel interactive and works well for timelines, hero banners, or sales campaigns where you want to highlight a message with movement. In this tutorial, we’ll walk through …

Divi 5 is here. Not in some distant future, not in a limited capacity. It’s here now, it’s being used on many production sites, and it’s waiting for you to start using it. Now, the question isn’t whether to migrate to Divi 5. It’s when. And that is in your hands until the official release. …

One of Divi 5‘s newest features, the Inspector, allows you to inspect and edit element attributes, such as colors, fonts, and presets, in a single, intuitive panel. Regardless of your skill level, this feature is a must-have for creating stunning, consistent websites with ease. Let’s dive in. What Is The Divi 5 Inspector? The Divi …

Time for another Divi 5 freebie! This time around, we’re providing you with 6 Off Canvas Menus, each available in two versions. Default (inherits your global styles) and Prestyled (ready-made look). Import them to your Divi 5 Library, assign them in the Theme Builder, and customize them to your needs. Preview Let’s take a look …

Custom headers set your site apart, especially when millions of other websites are built with the same WordPress theme or template. This tutorial demonstrates how to create a custom header in Divi 5. You can download this header and 19 others if you’d like to study or use them on your own builds. Otherwise, this …

Flexbox dropped in Divi 5 a few weeks ago, and Grid followed soon after. Both tools control how your content is arranged on the page, providing you with two solid options to build layouts. But how are they different? They appear quite similar at first glance. This post breaks down the differences between Flexbox and …

Today, Divi 5 enters the Public Beta phase, the final phase before its official release. Divi 5 has been available for new websites for some time, but it was missing a few features that certain existing websites couldn’t live without. Those features are complete, meaning sites can migrate all their legacy Divi 4 modules to …

Carousels are a design element that almost every site needs, whether it’s for products, testimonials, or client logos. In the past, Divi users often relied on third-party plugins or custom code to achieve their desired results. With Divi 5, that’s no longer the case. The new Group Carousel module enables you to build fully customizable …

Designing a layout involves placing boxes on a page and ensuring they remain aligned when the screen size changes. For years, that meant working around limitations — floats, manual spacing, or building everything in one direction. CSS Grid changes the game. Rows and columns function as a single system, allowing galleries, product grids, and team …

In one of Divi 5’s latest updates, we’ve released the native Cart and Checkout Woo Modules that allow you to build custom checkout pages for your Divi site. In this post, we’ll explore the features, benefits, and setup process for these modules, providing a better understanding of how they work. Let’s get started! What Are …

Blog Loops make it easier than ever to design article listings that look clean, adapt beautifully to different screen sizes, and are simple to customize in Divi 5. In this free pack, you’ll find 16 unique Blog Loop designs, each built with Divi 5’s Loop Builder for precise control over layout, metadata, and responsive behavior. …

Thanks to new features in Divi 5, you can build modern, space-efficient blog layouts that go beyond rigid rows. Pair Loop Builder to pull in dynamic posts with CSS Grid to arrange them in flexible, masonry-style layouts that stay responsive across breakpoints. In this post, we’ll walk through the setup step by step so you …

Two of Divi 5‘s latest features, Interactions and the Group Carousel module, offer a way to create interactive, sliding carousels to help you showcase products, team members, testimonials, or anything you can imagine. In this post, we’ll show you how to create an interactive content reveal carousel that combines these two features to boost engagement, …

Divi’s new Grid Layout System opens up endless possibilities for creating intelligent layouts. For many, though, this is new territory, and wrapping one’s mind around some of these new input options could get confusing. That’s why we will walk through how to build a Grid Layout using the new controls in Divi 5. Not too …

Websites packed with content can quickly feel overwhelming. Carousels solve this by allowing you to display multiple pieces without cramming everything onto a single screen. People can browse at their own pace while you keep pages looking clean. We’ll show you how they work for websites, cover your main options for adding them, and show …

Divi is adding even more features to your tool belt. The native Group Carousel Module has recently been released and comes standard with every Divi 5 website. It allows you to make a completely customized carousel for testimonials, products, feature cards, videos, and more. In a previous tutorial, we showed you how to create a …

Divi 5 recently integrated a CSS Grid system that adds a full range of grid capabilities inside the Visual Builder. This new feature in Divi 5 allows anyone to build complex, responsive layouts without writing code. The CSS Grid system stands out for its flexibility and control in creating designs that adapt seamlessly across all …

Divi 5‘s new Grid layout system makes it easy to build responsive, editorial-style sections that stay perfectly aligned at every breakpoint. In this free pack, you’ll find 8 prestyled CSS Grid section designs, each crafted for clean structure, strong hierarchy, and quick edits. Drop them into any page and swap the content. Preview Let’s take …

Website animations meant slow load times and choppy playback, forcing you to choose between compressed GIFs that looked terrible or massive video files that sent visitors running. Lottie changed that dynamic. These tiny JSON-based motion graphics scale to any screen size without losing quality and play smoother than GIFs ever could. The only problem is …

Motion grabs attention much better than static images. Many people avoid adding animated graphics because they think it means installing lots of extra plugins, downloading big files that slow things down, or learning code. Lottie animations are different. They stay sharp at any size, load fast, and barely occupy space. We’ll walk you through adding …

I am incredibly excited about this new Divi 5 feature because it will change how you work and give Divi an edge over other builders. It’s called the Inspector, inspired by a similar system in Figma, and now available for Divi, except even better! Inspect an element to get an overview of its most essential …

Among the many new builder features, Divi 5 also implements several efficiency improvements. These include improvements to the UI and those that help you with a smoother workflow. Not only is Divi faster (from a technical standpoint), but it is also faster to use. Extend Attributes is one of our favorite efficiency features. It started …