Create and Manage Pages

Create and manage the web pages for your website. 


Log in to your  Online Portal and click the Site Builder that you find on the left navigation sidebar. 

Site Builder - allows you to manage the pages you create for your website or e-commerce site. You can modify each page design, add blocks, and embed your created forms and other components essential for a webpage. 

When you click the  Pages, it will open the list of pages created and other functionalities for reporting like Download capability that downloads all page records existing on the table. 


Create a Page

To create a new page, click the + Create button. 

Enter information on the fields, Title and Slug are required fields. Fields that do not display an asterisk (*) are considered optional, meaning, you can create a page without entering information on those fields. 
You can already set the privacy settings when creating a page. tick Published if you want the page to be published and accessible already;  Private if you want the content to be visible for logged-in users or employees of your Merchant Portal;  Internal if you want it to be visible for internal users only. 

Click the Create Page button to proceed to Page Design. 


Designing your Page

You will get to this page once you clicked the Create Page button without problems. You should be able to see this Design dashboard. 

This is a feature where you can build your page

You can go back to this page again by going to Site Builder > Pages > Choose the page you would like to edit the design > Click the button under Actions column > Click the Edit Page Design option. 

To start designing your page, navigate to the left sidebar where you can find the Blocks and Components that you can just drag and drop on the canvas

For this tutorial, we will be creating a Payment Page embedding the form we had created from the Create and Manage Form tutorial. 

We will be using an Embed block so we can embed the form by putting the form shortcode.

  • To get the form shortcode, go to Form Builder > Forms table> Choose the form you would like to embed > copy the Shortcode located under the Shortcode column

Go back to Pages > Edit Page Design to continue with our page design for our Payment Page. 

  1. Click Blocks > Select Embed > Drag the item on the canvas. 
  2. Click the </> button to input the form shortcode to the Embed block. 

   3. Paste the copied shortcode to the block.

    4. Click the Save button

5. To fully save the page design, click the Save now button

To go back to the list of pages, click the Pages button on the top left side of the page.


Now, this is how it looks like when customers view our test Payment Page when they access the page URL.

To access your page (if the page is published), append the page name to your domain. Refer to the image below.