Getting started with page builder

Start building your application interface by creating a new page through the pages menu.

Updated today

Page builder allows you to create new pages and build their interfaces while filling in your applications with data. Start building a page from scratch or use pre-defined page templates that provide solutions for certain use cases. Configuration enables you to choose the type of page (authenticated or public), header and footer partials, and connect data models.

Creating new page in the page builder scheme

Check out this video to learn more about the theory behind designing ages:

Let's check how you can approach the page builder in practice.

The page builder button (1) is located on the builder bar. The following provides a quick overview of how you start working with the page builder. When you click on the pages button on the builder bar, the pages quick menu is opened as shown in the example:

Pages quick menu

You can start building pages by clicking on the New page button (2). In Choose a page template, you can select either:

  • Start from scratch option to work with an empty canvas for building a web page.

Start building a new page
  • Pre-designed template to adapt an existing layout to suit your requirements. You can go to this section to learn more about the page templates that Betty Blocks offers.

No matter if you choose to build a page from scratch or use one of the templates, the next step you have to take is filling in the page's details:

Modal with creating a new page
  • Page name: based on the goal of this page and should be chosen carefully

  • Page path: a part of your application URL, refers to the exact location of a page

  • Type of page: an authenticated page demands logging in, while the public has free access (set by default)

  • Authentication profile: with this option, you choose the profile to be granted access to this particular page

After you click on the ‘Select a profile’, you will need to choose a pre-created authentication profile or create a new one

Note: Read this article to learn how to set your first authentication profile.

Once you have added one or more pages for your application, you can work with the pages overview (3). Here you have filtering by type of page (4), a search bar to look for a needed page (5), and a button to create a new page (6).

Pages overview

Discover more about such topics as working with components to create a user interface, styling your pages, and creating and using partials in Designing your pages section.

Did this answer your question?