Beaver Builder

A drag and drop plugin for building webpages within WordPress.
It includes Themes, Templates and Responsive Designs.

Features:

  • Content Modules
    •  HTML, Photo, Test Editor, Audio, Video, and Sidebar
  • Full-width, column based layouts
  • Lightweight and semantic markup for maximum performance
  • Mobile friendly, responsive layouts
  • WordPress Widgets and shortcodes​

Modules
All features are drag and drop. Drag to the the page and fill out the popup block.

Standard Modules

Capture23.jpg
Capture11.jpg

PowerPack Modules (Beaver Builder Add-on):
Drop and drag features.

Power Pack cropped.jpg

Drag to the the page and fill out the popup block.  Click save.

PhotoModule 2.jpg

Widgets:
Blocks of content that can be added to your site’s sidebars, footers, and other areas.

Widgets.PNG

After dropping a widget on your page you will see the following window. Fill in the form information and click save.

Widgets (2).PNG

Rows /Columns
Click and hold down the mouse button and drag row selection to the area on the page where you would like to have the row placed.

Rows Columns2.jpg

After dropping the row(s) on the page, a rectangle block will popup.  From here you can add any options you would like to see on your page.

Rows Columns after drag 2.jpg

Blue box:Starting at the left.MoveText Editor SettingsDuplicateEdit ColumnsRemoveYou can also drag a text editor Module into the block

Text Editor 2.jpg

Templates

Templates and Landing Pages can also be changed from this window.

Templates Landing Pages 2.jpg

From this window you can see what you have saved in Rows/Columns and Modules.

Saved 2.jpg

Resources
Beaver Builder and Knowledge Base

https://kb.wpbeaverbuilder.com/

Powered by BetterDocs