Page Builder

When to use the page builder

If you are adding a new page that will contain just text, it’s simplest to use the Classic Page Editor.

But if you want a more complex layout for your page, for example with columns, or you want to add elements like image galleries, buttons, accordian toggles, etc., then it’s best to use the page builder.

Is this your first time adding a new page?
Read the Adding and Deleting Pages tutorial first.

Switching to the page builder

If you are in the Classic Editor and want to switch to the Page Builder, click the blue Backend Editor button below the page title.

Example 1: Image and text in 2 columns

Example of 2 columns with image on left and text on right — Result of this tutorial

To add any element to a page (text, button, image, etc.) you have to start by adding a row: Click the blue Add Element button on the page.
Click the blue Add Element button to add your first element. Click for larger image.
Click the Row element (it should be the first one in the grid of elements).
Select the Row element. Click for larger image.
To create two columns, hover over the column selector in the top left corner and select the 2-column layout. (If you don’t want columns, leave it as it is.)
Hover over the 3 horizontal lines in the upper left corner of the row. Click for larger image.
To add the image, click the plus icon in the left column.
Scroll down the grid of elements and click on the Image box.
Click for larger image
The Image Settings will open. Click the plus box to add an image. You can either choose an image from your current media library (Media Library tab), or you can upload a new image from your computer (Upload Files tab).
Explore the other image settings in the Style, Size, and Link tabs to set your image the way you want it.
Click Save Changes.
To add the text to the right column, click the plus icon in the right column.
Click on the Text Block box.
Click for larger image
Enter your text in the editor. The Text Block editor works the same way as the Classic Editor.
Click for larger image
Click Save Changes.
To see how your page looks, click the Preview button on the right side of the page editor.

(Don’t forget to add a Page header image to your page.)

Example 2: Text followed by a button

COMING SOON