Page Builder Basics

Modified on Fri, 10 Oct at 3:15 PM

Page Builder is one of the most powerful tools in Editor, allowing you to add beautifully designed, pre-built sections (also called blocks or modules) to any page on your site. No coding required.

VIDEO COMING SOON!

What Page Builder Does

We love to use a Lego analogy when thinking about a website. Every page type, feature and section of a page layout is a lego, and all the legos together make up your unique website lego set. Think of Page Builder as a way to create as many of your set's individual layout-related lego blocks as needed. It lets you:

Add new content blocks to an existing page (like a photo gallery, FAQ block, or testimonial section)
Reorder those blocks anytime to create flexible, custom page layouts
Keep everything perfectly aligned with your site’s design

Every block in your Page Builder was created specifically for your site's design. Some modules may match sections or features from your homepage or other key pages (including more interactive elements like a multi-pin Google map, countdown timer or interactive statistics).

Step 1: Open the Page You Want to Edit

Page Builder only works inside a page, not from the Pages tab. So first, log into Editor, and open the page where you want to make changes.

If your site supports Page Builder, you’ll see two icons on the left side of your screen:

A pyramid of three stacked blocks – this is your Add New Block tool.
An up and down arrow – this is your Reorder / Delete Blocks tool.

Step 2: Add a New Block

Click the Add a New Block icon to open your Block Library.

Here’s how it works:

Block types are listed on the left.
Previews appear on the right.
Each block includes a short description to help you understand its purpose.

When you click a block type:

If it only has one preset, you’ll see a preview right away.
If it has multiple presets, you’ll first choose from a list before seeing the preview.

Example: Adding a Photo Gallery

Let’s say you want to add a photo gallery.

Click into the Photos block type.
Choose the Photo Album preset.
Click the Add Block button in the bottom-right corner.

Your new block will drop right onto the page—ready for editing!

Step 3: Reorder or Delete Blocks

Click the Reorder / Delete Blocks icon (the up and down arrows).
All of your page’s blocks will collapse into a simple list view showing each block’s title.

From here:

Use the arrow handle at the far right to click and drag blocks into a new order.
Use the trash can icon to delete a block.

When you’re happy with your layout:

Click the checkmark save button on the left.
The blocks will expand again—now in your new order.
Once everything looks good, don’t forget to Save your work by clicking the checkmark icon save button on the left.

Want to Expand Your Block Library?

If you’re interested in adding new block types or creating something custom, reach out to our team at clientservices@cybernautic.com.

We’d love to help you brainstorm and design new blocks tailored to your needs.