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.
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.
- Click Blocks > Select Embed > Drag the item on the canvas.
- 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.