First, let’s take a look at the interface. Page Builder adds an extra tab to the Cloudlet Editor.

Clicking on this tab brings up the Page Builder interface.

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.

Creating a New Page Using Page Builder

Open a new page by navigating to Pages > Add New

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

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

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.

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.

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.

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.