Building your Home Page with HsBlog Web Builder

In HsBlog, We created a page builder ourselves. It helps you can easily set up a Home page for website and Home screen for App.

Step 1: Creating a new page builder.

1. From the sidebar, Click on Pages
2. Then, Click on Add New
3. Now, enter in a page name (EG: Homepage)
4. In “Page Attributes“ box, set Page Template to Blog builder template
5. Click on Publish button
6. Finally, Click on Edit With HSBlog Web Builder

Step 2: Adding a new section to page builder and setting up for it.

1. There are 2 areas on HsBlog builder: Left Side and Right Side. All pre-built Sections are shown up on Left Side. The Right Side contains Sections that are using on that page.
2. Select a Section that you want to use and Drag to Right Side area. Notice that you can re-order a Section by using the Drag-Drop feature.
3. Click Edit Section to modify section setting.
4. After finishing your setting, Click on OK and then click on Save button
5. You can click on Preview button (Bottom Left corner) to preview your page builder

Warning: In order to use HsBlog Builder, the Page Attributes must be set to Blog Builder and It should always be open