SaaS Corporate Site
Learn how to use Momen's website landing page template to build your first website in this guide.
Last updated
Learn how to use Momen's website landing page template to build your first website in this guide.
Last updated
In this guide, we will explore the fundamental logic of building a fully customized official website. From understanding the basic project operation logic to modifying data within the data model, you can build your SaaS website with ease!
Website Structure
【Homepage】 This is the main page of the SaaS website.
【Top Navigation Bar】 Users can quickly navigate to other pages.
Website Features
The SaaS website template includes a homepage, pricing page, feature index, and FAQs. You can customize each page to showcase your SaaS product.
【Account】 Data Table
This data table stores basic user information, such as user ID, username, update time, creation time, and profile image data.
【Landing Page】 Data Table
In this data table, you can add images, links, and content to display on your landing page, such as:
【FAQs】 Data Table
This data table allows you to upload questions and answers to explain your product.
【Pricing】 Data Table
This is where you can store pricing-related data.
To modify the data in the data table, navigate to 【Data Model】 - 【Database】. Within this interface, you can alter data that has been bound to 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, return to the editor.
Double-click on the page to enter focus mode, where you can modify elements. For example, you can enter 'Content' in the right sidebar to edit text.
The same process applies to editing other components on the page.
Double-click to select the text/image you want to configure for redirection, then click on【Interaction】to edit. Click on the【+】, locate【Navigation】, and select the target page.
By this stage, you have completed 99% of the content. Now, let's preview your website.
Click on the "Preview" button to generate the preview link.
Once the preview is complete, you can make further changes by returning to the editor. If everything looks good and you have checked for errors, click on【Publish】to publish the website.
is a no-code web app builder that 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. Momen also offers powerful API integration capabilities, enabling you to connect your projects to any service you need. With Momen, you can bring your ideas to life and build remarkable digital solutions, getting your web app products to market faster than ever before.
