Cloudlets : Builder Tutorials

  1. Home
  2. Docs
  3. Cloudlets : Builder Tutorials
  4. Page Builder

Page Builder

First, let’s take a look at the interface. Page Builder adds an extra tab to the Cloudlet 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

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.

Was this article helpful to you? Yes No

How can we help?