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 …

With Divi 5’s Group Carousel Module, you can build a logo carousel right inside the builder without relying on extra plugins. It’s a simple way to showcase client logos, partner badges, or featured brands in a scrolling strip that feels polished and professional. In this tutorial, we’ll walk through how to set up and style …

The problem with most animation tools is that they swing from boring to chaotic with no middle ground. Either the effects aren’t visible, or a slight move of the mouse can send elements flying. With Divi 5’s Interactions, you get fine-grained control over how elements respond. Its Sensitivity settings let you choose whether the motion …

Divi 5 is taking shape, and each step toward a full release packs even more possibilities than the last. Our team is officially in bug-bash mode and making sure what’s currently available is as stable as possible. Even as that hardening continues, we’ve released a few features that continue to show how Divi 5 is …

Divi 5 Interactions makes it easy to build popups directly in the Visual Builder. This free pack includes 6 prestyled email popup Section layouts designed to look great out of the box and wire up quickly. Each layout pairs clean design with a ready-to-connect Email Optin Module, plus Interaction hooks for opening and closing the …

Animations can make your sites feel alive, but most designers avoid them because they slow down loading speeds. The choice seems simple: either you get a website that crawls or a fast-loading one that feels flat and lifeless. Well, that used to be the case until Lottie arrived. This post covers what Lottie brings to …

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 24. 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 …

Woo Cart & Checkout Modules for Divi 5 are available today. This wraps up the features we planned for the Divi 5 Public Beta; we’ll spend a couple more weeks addressing feedback and then make it official. These new Woo modules allow you to customize your cart and checkout pages, and when combined with Woo …

Creating dynamic, engaging carousels is easy, thanks to a new module in Divi 5. The Group Carousel Module lets you build interactive sliders packed with any Divi module without relying on third-party plugins or custom code. Whether you want to display your portfolio, client testimonials, or products, the Group Carousel Module is the perfect solution …

Testimonials are an essential form of social proof for businesses. Even without trying, businesses get reviews on their Google Business Profile, Facebook page, and directories like Yelp. As nice as it is to have testimonials and reviews scattered across the web, it is also very nice to be able to display them on your website. …

Sometimes a label or icon needs one extra line of context, but you don’t want to crowd the page. Tooltips are perfect for form hints, feature explanations, and subtle onboarding. In this post, we’ll show you how to create responsive hover/tap tooltips in Divi 5 with Interactions. Let’s get to it! What Are Tooltips (And …

With Divi 5, responsive editing gets simpler. The new Responsive Editor puts device, hover, and sticky states in one panel so you can see and adjust everything in context and at a much faster pace. In this post, we’ll explore how the Responsive Editor works and how it benefits your workflow. Let’s dive in! What …

Traditional layout methods often break at smaller widths. Content misaligns, spacing collapses, and manual fixes pile up. Flexbox solves this by defining relationships instead of fixed positions. In Divi 5, these controls live in the Visual Builder, and the new Flexbox release makes alignment, wrapping, ordering, and spacing straightforward across breakpoints. In this post, we’ll …

Good layout starts with a clear model for alignment and spacing. Flexbox provides that model by organizing content along a single axis with predictable control over direction, alignment, wrapping, and gap. This post covers the basics of these CSS properties and how they work together. After the fundamentals, we show how the same approach is …

This is a big one. We built the best CSS Grid builder, and it’s available for Divi 5 today. It’s better than Elementor 🙉. It’s better than Bricks 🙈. Whether you want to master the grid or simply use Divi’s new grid templates, you will love this update. Check out the following video to see …

Your brand shouldn’t be constrained by a static layout, so we aim to provide you with full flexibility as Divi 5 continues to develop. Divi 5’s new Loop Builder is a great step in that direction; it lets you design an item once and loop it into dynamic grids or lists. In this tutorial, we’ll …

A portfolio grid is a simple, effective way to showcase your work. With Divi 5’s Loop Builder, you can design a reusable card layout and let it auto-populate from your content directly in the Visual Builder. Unlike single-purpose modules, Loop Builder lets you use any Divi element, set a query for posts or custom post …

Flexbox and Grid are the two layout systems that define modern CSS. At first glance, they seem similar. Both handle rows and columns, manage alignment and spacing, and replace the old float-and-table workarounds. The real difference is in how they approach layout challenges and the kind of problems each one solves best. This post explains the …

The Group Carousel Module makes it easier than ever to create carousels that look clean, adapt beautifully to different screen sizes, and are simple to customize in Divi 5. In this free pack, you’ll find 5 unique carousel section designs, each built to inherit your global styles for consistent branding across your site. These carousels …

Compatibility with WooCommerce has now been expanded to Divi 5, giving you full control over product pages without relying on WooCommerce’s built-in templates. The newly-integrated WooCommerce Product Modules let you design engaging, user-friendly layouts that match your brand and help boost sales, while tapping into all of Divi 5’s features, including Flexbox, to build product …

Divi 5 is moving fast, and the Divi Extension ecosystem around it is following suit. We are now seeing more third-party developers release Divi 5-compatible versions of their plugins, and that’s a positive sign. It means developers are ready to build for the next generation of Divi’s framework. Site owners can also prepare for better …

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 23. 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 …

Today, we release Custom Attributes for Divi 5, which allows you to add any attribute, such as alt, title, rel, and aria-label, to elements and most sub-elements. Divi has had support for specific attributes, such as class and ID, but now you can add any attribute to any element. This is especially important for accessibility, …

Divi 5’s new Interactions use a simple model — Trigger, Effect, Target. Separate what starts it, what happens, and what changes, and you can create clear, coordinated movement across your layout. In this post, we’ll explain each part, show how they fit together, and walk through a quick example you can reuse. Let’s get to …

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch your dream website instantly. You can choose …

Flexbox makes it easier than ever to create footers that look clean, adapt beautifully to different screen sizes, and are simple to customize in Divi 5. In this free pack, you’ll find 20 unique Flexbox footer designs, each built with Divi 5’s Flex layout system for precise alignment and responsive control. Whether you want to …

One of Divi 5‘s latest releases introduces the Group Carousel Module, a feature for creating custom, engaging sliders and carousels for your WordPress site. You can easily showcase your portfolio, products, an immersive hero, or a fullscreen slider, and take your site’s design to new heights. In this post, we’ll provide a step-by-step guide to …

The beauty of WordPress is that it is a content management system (CMS), not just a site builder. That means you can use its flexible content storage to set up a blog, create custom post types (like projects or real estate listings), and much more. Divi’s Loop Builder is the easiest way to take that …