The Tech Zone

Card layouts show up all over a site, but you often rebuild them from scratch or copy and paste the same stack of modules. Module Groups in Divi 5 allow you to bundle an image, heading, text, button, or any other module into one card and reuse it anywhere. In this tutorial, we’ll build a clean card, save it to your Divi Library, and import it on any page. We’ll also pair it with the Loop Builder to auto-generate grids for posts or products. How Module Groups Work A Module Group in Divi 5 is a container that holds multiple modules together as one packaged unit. Think of it like creating a custom building block. Instead of working with individual modules (an image here, a heading there, a button somewhere else), you group them into a single entity that moves, saves, and functions as one piece. The benefit becomes obvious the moment you need the same design pattern in multiple places. You build the card once, drop it wherever you need it, and the entire structure stays intact, incl...

Divi 5 makes it easy to build custom 404 pages that feel intentional, helpful, and on brand. In this free pack, you will get 8 different 404 Section designs in both styled and unstyled JSON files, so you can either use a ready-made design or start from a clean structure and apply your own presets and Design Variables. Drop one into your Divi Library, add it to a page or template, and you are ready to go. Preview Here is a quick look at all 8 404 Section designs included in the pack. The download is further down the post. Download Eight 404 Designs For Divi 5 Get all 8 sections for free. Import them into your Divi Library and add them to any page or Theme Builder template in the Visual Builder. Download the Files Download For Free Join the Divi Newsletter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are a...

With each update, Divi 5 edges closer to its full release. It’s faster, more stable, and packed with features that set it apart from previous versions. The latest feature of Divi 5 is Divi Canvases , a powerful system for creating off-canvas elements such as menus, pop-ups, sidebars, and other reusable components. A Canvas is a dedicated, detached workspace separate from your main page or post content. Every Divi page starts with a Main Canvas for your primary layout, but additional canvases provide isolated spaces for off-canvas builds. Canvases allow you to keep off-canvas elements organized, safely duplicate and tweak designs without affecting your live content, and can be global for site-wide components. In this post, we’ll cover what Canvases are, how to use them, and share tips to unlock their full potential. Let’s get started. What Are Canvases In Divi 5? A Divi Canvas is a detached workspace within the Visual Builder where you can design and organize content. Think of it a...