Page Builder 2.0

Page Builder is one of our most used plug-ins and has been automatically activated in the system for all users.  Page Builder allows users to have advanced layout options for their pages and posts.

While editing any Post or Page, you can access Page Builder by clicking the Page Builder tab as shown below:

access page builder

Page Builder 2.0 comes with options to either use a live editor (recommended) or prebuilt layouts. By creating rows and columns in Page Builder, you can add content widgets (text, images, recent blog posts, etc.) to create nicely structured layouts.

page builder editor options

Below are some examples of how the Page Builder interface will correspond to the layout of the page on your website.

Example 1

Divide rows into any number of columns to separate your information!

Inside WordPress the Page Builder Interface looks like this:

**NOTE: "Visual Editor" widget is highly recommended to start with.

page builder interface example 1

The corresponding webpage will look like this on your website:

page layout for PB example 1


 

Example 2

Variety of widgets to select from to design your site! 

Inside WordPress the Page Builder Interface looks like this:

**NOTE: "Visual Editor" widget is highly recommended to start with.

Screenshot 2014-11-19 13.24.03

The corresponding webpage will look like this on your website:

Screenshot 2014-11-19 13.33.12


 

Example 3

Adding multiple widgets in one area box can make your pages more dynamic!

Inside WordPress the Page Builder Interface looks like this:

**NOTE: "Visual Editor" widget is highly recommended to start with.

Screenshot 2014-11-21 00.28.37

The corresponding webpage will look like this on your website:

Screenshot 2014-11-21 00.27.38

PageBuilder Video

vimeo controlsUse the white arrows on the bottom right corner of the video box to expand to full screen. 


PageBuilder Documentation

SiteOrigin, the developers for PageBuilder, have put together excellent and easy to use support documentation.