The Tech Zone

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 built for the future of website building. Custom Attributes is one of those features. It might look like a tiny Option Group in the Advanced tab (that’s what it is), but it packs a lot of punch. Instead of only assigning classes and IDs, you can now assign any valid HTML attribute and attach it to the right part of any Module. If you don’t know what that means, we’ll have some examples and explainers below to clarify. This is an excellent first step in Divi’s improving Accessibility — it only gets better from here. Custom Attributes For All Divi Elements It’s important to note that the attributes you can now assign are not Divi-specific. These are HTML attributes that are...

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 popup on click, scroll, or page load. Preview Let’s take a look at all 6 Email Popups included in this pack. The download is further down the post. Subscribe To Our Youtube Channel Download 6 Email Popups For Divi 5 Get all 6 prestyled popup sections for free. Import them into your Divi Library, drop one into any page, and attach a trigger using Interactions . 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 already s...

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 table, how it differs from old methods, and how Divi 5 lets you add these animations to your sites without touching code. Let’s dive in! What Are Lottie Animations? Lottie animations are lightweight, JSON-based vector animations. They’re often much smaller than GIFs but keep the same or better quality (5-10x smaller). Lottie originated from Bodymovin, an After Effects plugin that exports animations as JSON. Engineers at Airbnb later built libraries to run these animations on different platforms. Lottie files are vector-based, instead of pixels. You can stretch them big or small without getting blurry pixels. You can also edit colors, speed, and timing by changing ...