In this article you will learn the basics of building a page with the powerful Business Center Page Builder

The page builder allows you to build landing pages, capture pages, registration pages and more. Whether you are building a funnel, individual landing pages, or pages specifically for your members and account holders, you will be able to build anything you need!

In This Article

Building a Page with Sections, Blocks & Items

Before you begin building your own page, we’re going to discuss the building blocks that make up a page’s structure:

Sections, which are made up of Blocks, which contain Items.

  • Sections - Sections are the highest level of structure on a page. They span the width of the page and allow you to add in blocks and items of your choosing. Each section has its own settings that allow you to customize it to your needs.

    NOTE: We have provided you with done-for-you preset sections that you can easily add to your page in seconds, rather than building from scratch to help you streamline your building process. Each section is completely customizable.

  • Blocks - Blocks determine the different areas of content within any section. You can add as many blocks to a section as you wish.

    Each section of your page is divided into a 12-column grid. Your individual blocks and span anywhere from 1 to 12 columns. In addition, you can have as many blocks as you want on one row as long as their widths equal 12 columns. (If there is overflow, the last block in the row will simply drop down to the next row)


Sidebar Control Panel

The sidebar control panel is where you will edit all of the page settings, layout settings, section, block and item settings. There are two tabs on the control panel:

Getting Around the Page Builder

The page builder has many options and settings that will allow you to streamline the building process. Let’s take a look at what’s available to you.

The Navigation Tool Bar

  1. Back to Page List
    Clicking this will take you out of the page builder and back to your page or funnel list view. BE SURE TO SAVE YOUR CHANGES before leaving the builder.

  2. Device Preview
    Using these icons you can get a better idea of what your page will look like on a desktop computer, tablet and phone. Some settings are able to be changed based on the device - for example you can set specific 'spacing' settings for all 3 views.

  3. Toggle Guides
    Clicking this icon will allow you to hide and show the guides within the builder. This is helpful to get a clean view of the page while you are building it out.

  4. Preview Page
    Clicking 'preview' will put you in preview mode. This will allow you to see what the live view of the page will be. In preview mode, we will embed your HTML, videos, calendars, etc. so you can see what your end users will see.

  5. Save & Publish
    The save button will be available whenever you make changes to a page. Those changes will not be live until you hit 'publish.'

Did this answer your question?