Here you’ll discover what is by far the best drag and drop page builder WordPress plugin available. Even the free version beats hands down any of the other layout plugins.
This provides an easy way to create custom layouts and columns within your WordPress self-hosted website without short-codes and complex user interfaces. i.e. It’s easy to use!
We’ll be using the free version but it’s got everything a beginner needs to get you making page layouts like a boss.
The best drag and drop page builder WordPress plugin – Beaver Builder
The plugin is called Beaver Builder – WordPress Page Builder.
You’ll need to install the plugin first. You can find a guide on how to add plugins to your self-hosted WordPress site here.
How to install and setup the page builder
Configure Admin Settings
You can access the global settings for the plugin at Settings >> Page Builder.
Add Post Types
You will probably want to turn on the page builder for posts as well as pages. You can do this by visiting clicking the Post Types link and ticking Posts. You can add any others you want to use the page builder as well.
The Page Builder Tab
Now when you visit a post or page you will see a new tab inside the page editor.
Clicking this tab will open a front-end editing environment where you can see in real time the changes you make to your layout.
You can add:
- Raw HTML
- Text editor blocks that work just like the WP text editor
Beaver Builder Menu
The front-end editor menu contains 3 main sections.
- Add Content – Opens the different modules you can drag and drop into your layouts.
- Tools – Opens the global tools menu.
- ? – Help menus. Taking the tour is highly recommended.
Page Builder Modules
Clicking the Add Content button on the front-end page builder gives you the following options.
Once you have added columns will also need to drop in the modules you want into them for your content.
The text editor module is exactly like the standard WordPress editor.
This allows you to drop in sidebars from your site as well as any widget into your pages. The possibilities are endless!
Beaver Builder Drag and Drop Page Layout Tutorials
You can find more detailed training on how to use the Lite version of Beaver Builder on their website.
Now whenever you need columns or want to create more elaborate layouts you just have to click the Page Builder tab!
After a few minutes I think you’ll agree that this is the best drag and drop page builder WordPress plugin around.
Once you start creating a page layout you will notice that the inner section has some padding around it that can be annoying. You can change this in the global settings from the Tools button in the front-end page builder editor.
You can duplicate a particular layout from the Tools menu.
Easy Access to Page Builder
You can go directly to the drag and drop page builder from the pages or posts listing in the WP admin as well.
Go forth and create beautiful layouts for your WordPress pages!