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](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/Capture23.jpg)
![Capture11.jpg](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/Capture11.jpg)
PowerPack Modules (Beaver Builder Add-on):
Drop and drag features.
![Power Pack cropped.jpg](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/Power%20Pack%20cropped.jpg)
Drag to the the page and fill out the popup block. Click save.
![PhotoModule 2.jpg](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/PhotoModule%202.jpg)
Widgets:
Blocks of content that can be added to your site’s sidebars, footers, and other areas.
After dropping a widget on your page you will see the following window. Fill in the form information and click save.
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](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/Rows%20Columns2.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](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/Rows%20Columns%20after%20drag%202.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](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/Text%20Editor%202.jpg)
Templates
Templates and Landing Pages can also be changed from this window.
![Templates Landing Pages 2.jpg](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/Templates%20Landing%20Pages%202.jpg)
From this window you can see what you have saved in Rows/Columns and Modules.
![Saved 2.jpg](https://wvnet.sharepoint.com/sites/WebBestPractices/SiteAssets/SitePages/Plugins/Saved%202.jpg)
Resources
Beaver Builder and Knowledge Base
Powered by BetterDocs