Skip to main content
All CollectionsDivi 5 Public Alpha
How to Use Divi 5 Wireframe View
How to Use Divi 5 Wireframe View

Learn how to use the Divi 5 Wireframe View to efficiently manage content-heavy or complex Divi pages.

Updated this week

Wireframe View in Divi provides a streamlined way to edit the structure of your layouts without focusing on the visual design. This mode is especially useful for efficiently arranging modules, rows, and sections.

Accessing Wireframe View

  1. Open any page or post with the Visual Builder.

  2. From the left-side toolbar, click on the Wireframe icon

Divi 5 - Switch to Wireframe View

Key Benefits of Wireframe View

  • Simplified Editing: Modules, rows, and sections are displayed as labeled blocks, making it easier to identify and organize content.

  • Easy Navigation: Quickly locate and rearrange elements.

  • Focus on Structure: Ideal for organizing content before fine-tuning the design.

Tips for Using Wireframe View

  • Use Wireframe View during the initial stages of page-building to focus on layout and content structure.

  • Combine with Visual Builder mode for real-time design updates.

  • Rename sections and rows for better organization, especially in complex layouts.

Wireframe View enhances your productivity by decluttering your workspace. It's a valuable tool for efficiently managing content-heavy or complex Divi pages.

Did this answer your question?