Posts

How To Build Faster In Divi 5 With The Command Center And Workspaces

Image
Building faster in the Divi 5 Visual Builder means spending less time opening panels and repeating the same setup. The Command Center handles actions you can name, such as adding modules, applying presets, and opening settings. Workspaces save the panel arrangement you use to carry out those actions. We will use them together to build a hero section: keep Layers visible while adding its structure, then switch to a Workspace with more room for styling. You can reuse both setups on your next page. How The Two Tools Work Together Open the Command Center with Cmd+K on Mac or Ctrl+K on Windows. Type an action, select the matching result, and press Enter. Below, Cmd/Ctrl means Cmd on Mac or Ctrl on Windows. A Workspace saves your builder preferences and panel arrangement, including which panels are open, where they dock, and their sizes. Switching Workspaces restores that setup without changing the page content. For this workflow, we use two saved arrangements: Command Build: K...
Post a Comment
Read more

Introducing The Icon Manager For Divi 5

Image
I’m excited to introduce the Icon Manager for Divi 5 , a central place to import your own icons, organize them into collections, and choose which collections appear while you build. 🎉 Bring in custom SVGs or an icon font, create a collection for your client’s brand, and use those icons directly from Divi’s new icon picker. You can also organize the included icons into collections that fit your website. Let’s take a look at how it works. 👇 Import Custom SVGs And Icon Fonts The Icon Manager brings your own artwork into the same selection workflow as Divi’s included icons. Click Import Icons to open the Add Icons window, then use Choose Icon Files to select your files. Choose an existing Collection or enter a Collection Name to create a new one, then click Import. Add A Set Of SVG Icons Drag as many SVG files as you want into the icon uploader to upload them all at once into a new or existing collection. Imagine building a website for a landscaping company with custom symbol...
Post a Comment
Read more

How Divi AI Agents Pricing Works (And Which Models Are Worthwhile)

Image
Divi AI agents can build, edit, and restyle your pages from plain-language instructions. Quick edits can cost very little, while full layout generations and advanced multi-step tasks vary in cost depending on the models used and the work involved. We asked for a Professional Experience section, and Auto Value produced a result for $0.10. Auto Premium handled the same request for $0.54, with a more polished design. Agent usage is metered. A Divi AI or Divi Pro subscription includes $5 in agent usage each month, so you can try real tasks before adding funds beyond your subscription. Your model choice is one of the biggest factors in how far that balance goes. An affordable tier is a useful starting point for everyday edits, while a stronger one may justify the extra cost on more demanding work. Here is how Divi AI agents pricing works, what each Auto tier is for, and how to decide when paying more makes sense. How Divi AI Agents Pricing Is Calculated AI models charge for the tokens...
Post a Comment
Read more

Getting On-Demand Support With The Ask Feature In Divi AI Agents

Image
Divi AI Agents can help you understand your website as well as build it. With the Ask feature in Divi 5 , you can ask about settings and layout approaches and get guidance based on the page you’re working on, all from inside the Visual Builder. Ask works from the page you’re on. A question about CSS Grid becomes a conversation about your services section and how its columns should adapt on phones. You can then ask where to find the relevant controls without starting over or explaining the layout again. Below, we explore how to use Ask for on-demand support, using a portfolio page to work through practical questions about CSS Grid and Flexbox, including how a layout adapts on phones. What Ask Mode Does In Divi AI Agents Ask is an interaction mode in the Divi AI Agents panel. It lets you ask questions about your page and how Divi works. The agent can inspect the page and consult Divi documentation to explain an approach before you make changes. Ask explores and advises without cha...
Post a Comment
Read more

The Best Way To Build A Website With AI In 2026 Is Inside A Visual Builder

Image
Almost any AI website builder can turn a short business description into a homepage. The real test comes later, when you need to restructure a section, update your branding, or add another page that feels like it belongs on the same website. In 2026, AI website-building tools generally take three different approaches. Some create websites hosted on their own platforms. Others generate a codebase you can develop and deploy. And a third category builds directly inside a visual editor, giving you a website you can continue working on without relying on AI for every change. Each approach has its advantages, but for businesses that want a website they can comfortably manage and grow, a visual builder with an integrated AI agent makes a compelling case. Let’s explore why, where tools like Divi 5 fit in, and what matters when choosing the right foundation for your website. A Prompt Is Not a Website A prompt is just a request. What happens after you submit it depends entirely on the ...
Post a Comment
Read more

How To Create A Responsive Image Mosaic With Divi 5’s CSS Grid Editor

Image
An image mosaic combines photographs of different sizes in one connected grid. Larger tiles highlight selected images, while smaller tiles fill the spaces around them. With Divi 5’s CSS Grid Editor , you can build this arrangement visually, resizing and positioning tiles directly on the grid canvas. In this tutorial, we’ll build a twelve-image mosaic across four columns, create four larger feature tiles, and coordinate the image styling with a preset. Then we’ll adapt the layout for tablet and phone. Why Image Mosaics Need Responsive Adjustments A mosaic gets its shape from spans. A tile can stretch across two columns, two rows, or both, creating an arrangement of larger and smaller images. Those spans need attention when the screen narrows. A tile spanning two columns cannot fit within a single-column grid without an adjustment. An inherited starting position can also place an item outside the intended columns. These settings can create extra grid tracks, gaps, ...
Post a Comment
Read more