SaaS Website

Learning how to use Momen's website landing page template to build your first website in this article.

Introduction

In this article, we will explore the basic operation logic of building a fully customized official website. From understanding the basic project operation logic to modifying data within the data model, build your SaaS website at ease!

I. Basic Project Operation Logic

  1. Website Logic

【Homepage】 This is the homepage of the SaaS website.

【Top Navigation Bar】 Users can quickly find and navigate to other pages.

  1. Website Functionality

The SaaS website template includes homepage, pricing, feature index and FAQs. You can customize each page and use them to showcase your SaaS product.

II. Learn How to Create your Website Landing Page

Step 1: Understanding Data Model

【Account】 Data Table

This data table is used to store basic user information, such as the user's ID, username, update time, creation time, and data storage for the user's profile image.

【Landingpage】 Data Table

In this data table, you can add images, links and content that you want to display on your landing page. Such as:

【FAQs】Data Table

In this data table, you can upload questions and answers to explain your product.

【Pricing】Data table

This is where you can put your pricing-related data.

Step 2: Data Manipulation

To modify the data in the data table, navigate to 【Data Model】 - 【Database】. Within this interface, alterations can be made to data that has previously been bound in the project through remote data or list data, among other elements.

To create a new data entry, click "Insert Row" and modify the content. Remember to click "create" to save your data.

Manipulating Data Outside of Data Tables

The database is where you edit your backend data. To edit your UI, you need to return to the editor.

Double-click on the page to enter the focus mode where you can modify the elements. For example, you can enter 'content' in the right sidebar to edit the text.

It's the same to edit other components on the page.

Step 3: Page Redirection

Double click to select the text/image you want to configure redirect action, then click on【Interaction】to edit. Click on the【+】, locate【Navigation】, and select the page to which you want to redirect.

III. Website Preview

By reaching this stage, you have completed 99% of the content. Now, let's proceed to preview our website.

Click on the "Preview" button, the preview link will be generated.

Once the preview is complete, you can make further changes by returning to the editor. If everything looks good and you have checked for any errors, click on【Publish】to publish the website.

If you encounter any issues during the process, feel free to join our Discord community for assistance.

About Momen

Momen is a no-code web app builder, allows users to build fully customizable web apps, marketplaces, Social Networks, AI Apps, Enterprise SaaS, and much more. You can iterate and refine your projects in real-time, ensuring a seamless creation process. Meanwhile, Momen offers powerful API integration capabilities, allowing you to connect your projects to any service you need. With Momen, you can bring your ideas to life and build remarkable digital solutions and get your web app products to market faster than ever before.

Last updated