What Is BeaverBuilder?

BeaverBuilder is the page editing tool you’ll use on almost every page of your website. Before you open it for the first time, it helps to understand what it is and how it works.

What BeaverBuilder Does

BeaverBuilder is a visual page builder — a tool that lets you edit page content by clicking directly on the elements you want to change, right where they appear on the page. What you see while editing is exactly what visitors will see (this is called WYSIWYG — “What You See Is What You Get”).

It’s a plugin that runs on top of WordPress and replaces the default text editor for pages on this site.

How It Differs from the WordPress Block Editor

WordPress has its own built-in editor called the Block Editor (or Gutenberg). Your site uses BeaverBuilder instead for pages, because BeaverBuilder gives more visual control over complex layouts. When you see “Edit with Beaver Builder” on a page, click that — not “Edit” — to open the visual editor.

The BeaverBuilder Interface

When you open a page in BeaverBuilder, the toolbar across the top changes to show BeaverBuilder’s controls:

• Add Content (+ icon): Opens a panel to add new modules — but as an editor, you generally won’t be adding new modules.
• Templates: Pre-built page layouts — admin territory, don’t touch.
• History (clock icon): Shows a list of your recent changes, like an undo history.
• Done button: Gives you options to Publish, Save Draft, or Discard your changes.

On the page itself, hovering over any content block reveals a blue outline with editing icons. The pencil icon opens that element’s settings panel so you can edit it.

BeaverBuilder Edits Pages, Not Posts

BeaverBuilder is only used for Pages. Posts (news, blog articles) use the standard WordPress block editor and have a different workflow. This course covers Pages only.

📝 Note: You might see BeaverBuilder referred to as “BB” or “Beaver” in everyday conversation. It’s all the same tool.