After reading this article you’ll know how to:
Create a new page from scratch or with a template
Add some essential elements like the header, footer, and image to your page
After you’ve created your application within our platform, you can start setting up pages and filling them out. Betty Blocks provides users with a few options to choose from while creating their pages: building them from scratch or using various page templates. This article is a quick guide to making your first page and adding essential elements to it.
Open your application’s dashboard and go to the pages section on the sidebar (1). Then click the
Another way of doing this is to go to the pages overview by clicking on the button below the
From this page, you can either choose the
Now it’s time to choose whether you want to use a template or start building your new page from scratch. Let’s first take a look at how to use a blank page. Click on the
Name a page based on its goal and edit the page path to your liking (use underscore instead of a dash, for example). Then select the type of your page. “Authenticated” type will require users of your application to log in, whereas the “Public” option will allow the page to be accessible by everyone. If you choose the page to be authenticated, the last thing to do here is select an authentication profile.
After you click on the ‘Select a profile’, you will need to choose a pre-created authentication profile or create a new one. Read this article to find out how to set your first authentication profile.
Now that you have created your profile or chosen it, click on the ‘Create page’ button and your new page will be generated. The page will consist of a large canvas onto which you will be able to drag and drop components from the pages tabs on the left. To find out more about the elements in this menu, check out the Page reference article.
As an example, let’s add some essential elements to our new page: header, footer, and media (image) component between them.
Basically, this is how you can create pages within your application by applying simple drag-and-drop functionality and filling the columns with the kind of elements and content you want to be shown on your website.
If you decide to use one of the existing templates to create a new page, take a look at the Page templates section in the docs. There you will find the introduction to the page templates article as well as detailed descriptions of all templates on our platform. Good luck!