Skip to main content

The Tools Menu

Open the Tools menu by clicking the arrow in the Top Bar in the upper left corner of your editing screen, as shown in this screenshot.

Tools Menu

tip

To the right of each menu item is the keyboard shortcut to quickly access it. The symbols will are based on your desktop operating system.

Publish

Publishes the layout without closing the Beaver Builder editor.

Save Template

Saves the layout on the current page as a template

Duplicate Layout

Copies the entire page and all metadata from the back end, including Yoast SEO data. Creates and opens a new page or post with "copy" in the title.

danger

Do not use duplicator plugins to duplicate Beaver Builder layouts.

To learn more about duplicating layouts, visit the Duplicate Layout article.

Preview Layout

Opens a preview screen, where you can preview as a small, medium, or large device. Click Continue Editing to return to the Beaver Builder editing screen.

Preview Layout

Responsive Editing

Edit your layout directly in a large, medium, or small device view, as shown in this screenshot. Click Exit to return to large screen editing.

See the Responsive section for more information.

Responsive Editing

Revisions

Display the previously published revisions available to revert to. The number of revisions available is displayed in brackets. This menu item uses the core WordPress revision feature but makes it more convenient to view and access revisions.

See the Restore Previous Version for more information.

tip

Only published pages and posts count as revisions. Saved drafts of pages and posts are not available as revisions.

History

As you edit a post or page, Beaver Builder logs the changes you make. These changes can be viewed in the History menu item, which lets you undo or redo any changes you have made.

See the Undo & Redo article for more information.

Layout CSS & JavaScript

A quick way to add CSS and JavaScript that only applies to the page being edited. You can assign a custom ID or class on the Advanced tab of any row, column, or module, then use it in your CSS rule.

See the Layout CSS & JavaScript article for more information.

Global Settings

Beaver Builder editor settings that apply as defaults. Most of these settings can be overridden on individual pages. There's also a CSS and JavaScript tab to enter CSS and JavaScript that will apply to content layout throughout your site.

See the Global settings article for more information.

Global Styles

Access global elements and colors through the Global Styling menu. Utilize Global Elements to define styling for elements like text, headings, links, and buttons. Similarly, utilize global colors to create a color palette for your entire website.

See the Global Styles article for more information.

Themer Layouts (requires Beaver Themer)

Provides quick access to the Beaver Themer Layouts menu in the WordPress Admin Dashboard, opening in a new tab and visible only when you have Beaver Themer installed.

Themer Override (requires Beaver Themer)

The Themer Override menu item becomes visible in the Tools menu when you have Beaver Themer installed, and it indicates that the Beaver Themer layout has been overridden.

Change UI Brightness

This option is a toggle that changes the UI skin from light (default) to dark.

Change UI Brightness

Media Library

Access the WordPress Media Library to easily add images, videos, and other media to your layouts without having to exit builder.

WordPress Admin

Choosing this option opens a submenu with shortcuts to get to the following popular spots in the WordPress admin by opening a new browser tab:

WordPress Admin Shortcut

  • Edit page
    Opens the WordPress editing page for the page you're currently editing in Beaver Builder. For example, you could change the title, add a featured image, or enter values for custom properties.

  • Dashboard
    An easy way to get to your WordPress admin dashboard to do other things so you can easily return to your Beaver Builder layout.

  • Manage templates
    Opens the list of Beaver Builder layout templates you've saved at Beaver Builder > Templates. For example, you could make changes to a saved template, then go to your previous browser tab to apply it to your Beaver Builder layout.

  • Customize theme
    Opens the WordPress Customizer at Appearance > Customize.

Help

Play an introductory video or click links to the Beaver Builder knowledge base or to Support.

Keyboard Shortcuts

Displays a list of keyboard shortcodes for the Beaver Builder editor.

tip

Keyboard shortcut are customizable and let you remove, modify, or register your own using the fl_builder_keyboard_shortcuts filter.

ActionKeyboard Shortcut
Open Modules TabJ
Open Rows TabK
Open Templates TabL
Open Saved Tab;
Save New Template⌘ command + J
Toggle Preview ModeP
Toggle Responsive Editing ModeR
Open Global Settings⌘ command + U
Open Layout Settings⌘ command + Y
Display Module Search⌘ command + I
Save Layout⌘ command + S
Publish changes without leaving builder⌘ command + P
Dismiss Active PanelEsc
Undo⌘ command + Z
Redo⇧ Shift + ⌘ command + S
Toggle Outline Panel⇧ Shift + O
Toggle Outline Panel Tree⇧ Shift + T
Open Global Style Settings⌘ command + G