Posts

Divi 5 Product Highlight: Divi Overlays Popups

Image
Contact forms, videos, and product details can be useful without needing a permanent place on the page. A pop-up lets visitors open that content when they need it while keeping the main layout focused. Divi Overlays by Divi Life gives that content a second layer. It is a pop-up, modal, and full-screen overlay builder that uses the Visual Builder, so you can design the overlay with the same modules, layouts, and design settings you already use. Click a button, image, text link, or menu item to open it, or trigger it automatically with a timed delay, scroll percentage, or exit intent. The plugin supports both Divi 4 and Divi 5 . We’ll use Divi 5 for the walkthrough below. In this post, we’ll look at what Divi Overlays includes, how its triggers and animations work, and how to build a pop-up inside the Visual Builder. Why Popups Are Still Effective A Divi page can only hold so much before it starts to feel crowded. Contact forms, email opt-ins, pricing details, videos, an...

6 Text With Background Designs For Divi 5 (Free Download!)

Image
A background behind a few words can change the emphasis of an entire section. In this free pack, you’ll get 6 Text With Background Designs for Divi 5 , combining bold typography, contrasting color, and supporting imagery to give your message a clear focal point. These styled sections work as starting points for event announcements, workshop pages, creative portfolios, campaign landing pages, and promotional content. Import a design, replace the sample copy and imagery, and adapt the colors to your website. Divi 5 also gives you room to develop the designs further. Its Composable Settings let you enable additional styling controls for module sub-elements, including backgrounds, borders, spacing, and transforms. That flexibility is useful when you want to refine the relationship between text and its surrounding design. Preview Here’s a look at the six Text With Background Designs included in the pack. The download is further down the post. The collection uses background...

How to Use Divi AI Agents Commands

Image
When you use Divi AI agents to review several pages, the same tasks often come up: checking image alt text, reviewing responsive layouts, or updating calls to action. Saving a useful prompt means you can reuse those instructions on the next page. Commands exist for exactly this. They let you save a prompt inside the Divi 5 Visual Builder and pull it into chat with a slash whenever the same job comes up. This guide explains what makes a Command worth saving, how to create and run one, and three practical workflows you can reuse. Where Commands Live In Divi AI Agents Divi AI agents work inside the Divi 5 Visual Builder. You can use plain-language requests to inspect a page or make changes to its sections, rows, and modules. Commands live inside the AI chat window, alongside Rules and Context. Click the Commands icon to view and manage the prompts you have saved. Choose Ask Mode when you want analysis and suggestions without changes to page content or design. Use Build Mode wh...

How to Use Divi AI Agents Rules

Image
Keeping a website consistent means carrying the same brand voice, design choices, and layout conventions into each new task. Repeating those instructions in every AI prompt adds work, especially when you are building several pages for the same client. Divi AI Agents let you save that guidance as Rules in the Divi 5 Visual Builder. You can define standards the agent should follow, choose when they apply, and reference other Rules or site content. Here is how to set them up and keep them useful as your site develops. From Individual AI Tasks To Connected Workflows When Divi AI launched in August 2023 , it brought text and image generation into the Visual Builder. Code generation followed, expanding what you could create without leaving the page. Those tools later expanded to generate layouts and full websites. Instead of starting every section manually, you could use AI to create a starting point and continue editing it in Divi. The introduction of Divi AI Agents brings these ...