The Tech Zone

Divi AI agents let you build and edit websites through conversation. Available inside Divi 5 , they work alongside your page in the Visual Builder and can make changes to the layout while you watch. Paste in a screenshot of a page you like and ask for a similar layout. The agent builds with sections, rows, and modules you can open, restyle, and keep editing by hand. The new feature uses Divi-specific tools to work with the builder’s structure and settings. It also supports selected WordPress tasks outside the builder, such as managing pages, posts, and menus. That gives you several ways to use it: creating a first draft, updating an existing page, organizing styles, or getting help with a Divi setting. In this post, we’ll connect a site and explore these workflows, along with the controls that help you guide and review the work. Where To Find Divi AI agents Open a page in the Visual Builder and look at the left sidebar. Click the agent icon to open the chat panel besi...

Search, filters, and sorting help visitors find specific content in a blog, product catalog, or directory. With Divi 5 , you can add these controls to a custom post loop using the Post Filter Module . In this tutorial, we’ll connect a filter form to a blog post loop, configure its search and category fields, add sorting controls, and style the form for desktop and mobile. The filtering tools are built into Divi 5, so this blog example needs no additional filtering plugin or custom code. What Do Search, Filters, And Sorting Do? Each control helps visitors browse a loop in a different way: Search finds content using a typed keyword. Filters narrow the results by criteria such as a category, tag, or custom field value. Sorting changes the order of the matching results, such as newest first or title A to Z. Baymard Institute’s research on product lists and filtering highlights how these tools help shoppers find relevant products. A blog or directory can use the sam...

Divi 5 brings the flexibility of CSS Grid into the Visual Builder, making it possible to create structured layouts with precise control over rows, columns, gaps, and alignment. In this free pack, you’ll get 10 CSS Subgrid Layouts for Divi 5 that are perfect for testimonials, services, feature cards, team sections, project showcases, comparison layouts, process steps, and other repeated content. Subgrid allows a nested grid to use track sizing from its parent grid along a selected axis. This is especially useful for repeated cards because corresponding areas can remain aligned across the layout even when headings, descriptions, images, or other content vary in length. Import your favorite section, replace the example content, customize the styling, and adapt the structure to your website. Preview Here’s a quick look at the 10 CSS Subgrid Layouts included in the pack. The download is further down the post. Download 10 CSS Subgrid Layouts For Divi 5 Get all 10 sections for free. I...