Using Page Builder

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.

Page Builder Interface

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

PB101

Clicking on this tab brings up the Page Builder interface.

PB102

PB104

Toolbar

You can use the toolbar to add a widget, add a new row of columns or to load prebuilt layouts.

PB103

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.

PB105

Creating a New Page Using Page Builder

Open a new page by navigating to Pages > Add New

PB106

Click on the Page Builder tab to start creating your content. This tab is connected to your visual editor.

PB107

Now, we’re ready to start creating a page with Page Builder.

PB108

Edit an Existing Page Using Page Builder

Open the page you want to edit using Page Builder by navigating to Pages > All Pages and clicking the page you wish to edit.

PB109

If you have not used Page Builder on this page before, it will open in the default visual editor. Click on the Page Builder tab.

PB110

Confirm that you’d like to copy the existing content from the visual editor into Page Builder. Any content you create with Page Builder will overwrite the existing content for that page, so we recommend that you copy your content over.

PB111

Page Builder copies all of your content to a Visual Editor widget in a single column row. This setup gives you an accurate representation of how your content looked before. Open the Visual Editor widget if you need to access this content.

PB112

 

  • siteorigin, page builder
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Page Builder Video Tutorials

1. Broad overview of how to use page builder: 2. How to use the SiteOrigin Image Widget 3....