Working with Beaver Builder (Drag & Drop Page Builder)

Click on Pages -> All Pages and hover your mouse over the page title and click the “Beaver Builder” link. 

OR, you may visit the page you want to edit from the front-end and if you are logged in, you can click on the Beaver Builder menu item from the top admin bar:

These methods will activate the page builder for you to begin editing the content using the drag & drop page builder.

HOW TO EDIT & ADD CONTENT WITH BEAVER BUILDER

• WATCH: https://www.loom.com/share/8bb36c3fc5e14fb0a5a57c3a345f19dd 

Once the page builder is active, you can hover your mouse over the area of the page you want to edit, and if you see BLUE LINES around it, that means you can click on it to edit the content.

ORANGE LINES indicate that the item is Global, which means that the content will change on EVERY page that same item appears on.

COMMON BEAVER BUILDER COMPONENTS:

MODULES - The actual elements that get placed into the page

ROWS - The sections/rows on the page that contain modules

COLUMNS - Multiple columns (such as 2-columns, 3-columns, etc) that make up a row

TEMPLATES - Saved page templates (layouts) that can be applied to new pages

Each “module” in Beaver Builder has its own set of options that you can customize. Here is an example what the options look like for a Heading module: