Getting Started

Page Builder is a WordPress plugin that lets you easily build and edit grid based pages. We made the interface as intuitive as possible, so it wont take you long to get stuck in.

First, let’s take a look at the interface. Page Builder adds an extra tab to the standard WordPress editor.

tab

Clicking on this tab brings up the Page Builder interface.

builder-elements

  • Toolbar
    You can use the toolbar to add a widget, add a new row of columns or to load prebuilt layouts.
  • Row Actions
    Use these buttons to delete and move a row. The up/down icon acts as a handle to pick up and drag the row up or down.
  • Page Row
    This is a page row, with a single column.

Adding Columns

To add a new row of columns, click on the add columns button (3 upright bars). This opens a modal where you can choose how many columns you want in your new row.

Add a Widget

Widgets form the building blocks of your pages. Click on the add widget button (plus icon) in the toolbar to to bring up the widget selection interface.

add-widget

This lets you select a widget to add to your page. You can use the filter up top to help sort through your widgets. Click on a widget to add it to your page.

new-widget

To edit the content of a widget, click on the title. If you’d like to move the widget to another column, you can just pick it up and drag it.

That’s all there is to creating your first page with Page Builder.