Skip to main content
This article contains both video and written instructions for navigating the Beaver Builder user interface (UI) when you have a page open for editing in Beaver Builder.

​
User interface (UI) overview

When you launch Beaver Builder on a page or post for editing you’ll see the Beaver Builder user interface (UI) which consists of four main components. These are the Top Bar, the Content Panel, the Tools Menu, and the Settings Window. All four components are shown in the image below.
  1. Top Bar
  2. Tools Menu
  3. Content Panel
  4. Settings Window

​
In this section

Top Bar

Access the tools menu, content panel, and publishing options

Tools Menu

Preview, responsive editing, global settings, and more

Outline Panel

View and manage your layout structure in outline format

Content Panel

Add rows, columns, modules, and templates to your layouts

Build docs developers (and LLMs) love

Get started for freeTalk to us