ENG STEP 3 (Content)


At this stage 3, what you can do is:

  • Choose the appropriate layout for your application

  • Rename the Header if desired.

  • Enter the image to be used as the background image.

  • Displays what menu you want to display on the main page (homepage)


  1. To change the layout that has been provided, please click the Change Layout button. 

  1. Then please select the layout that has been provided and click the Use Layout button as the next step.


  1. The header name displayed by default is Home. To change it can be done directly by changing the home text in the Header Title column.

  1. If it has been changed, the header display will automatically change and is shown below.


  1. Click the Choose Image button in the Background Image section to enter the image you want to display on the application's home page.

  1. Then you are asked to choose which Image Resolution matches the pre-selected layout.

Description of Preset Image Resolution

  • You can use the 9:16 preset for Fancy, Bubble, Bubble 2, Flex, Nice, and Nice 2 home layouts.

  • The 4:3 and 2:1 presets can be used for Simple, Blocks, Bevel, and Domino home layouts.

  • You can use the 2:1 preset for Dynamic home layouts. However, this Dynamic home layout is only available for Advanced application types.

  1. Click the Crop button when you are finished structuring the image.


  1. You can also add other menus to appear on the main page. There are only three menus on the main page in the example below. You can add it by clicking the Edit Shortcut button.

  1. Click the Add button to add the desired menu.

  1. Select the menu you want to add to the App Menu option and give the serial number in the Order No column.

  1. Then the main page of your application will look like this.



In this part of step 3, what you can do is:

  • Added features to make a menu

  • Edit features

  • Remove features

  • Managing content in the menu that has been added

  • Accessing the Admin page (App Management)


  1. Click the Add New Feature button in the Features section to add the desired new feature..

  1. Choose what features are required to be included in the application. For example, click the Article feature in the image below and click the Add This Feature button to add it.

  1. Then do some of the steps below if you feel it is necessary.


  1. If you want to change the List and Detail views of these features, please click the Change Layout button.

  2. If you don't want to use the List view and only want to use the Details view, the List function in point B can be disabled.

  3. If you want to change the Article feature into other features, click the Pencil mark as point C.

  1. If all settings above have been completed, give an appropriate name for the feature in the Insert Title column. Click the Check symbol to save it.

If you want to use the icon next to the menu name, click the empty box above the Icon text. Please select the desired icon and click the Select Icon button to save it.

  1. Furthermore, if the feature has been added, you can perform the following steps if needed:


  1. Edit Feature, used to change the type of Feature. An example of previously using the Article feature is converting it into a Product feature.

  2. Manage Content, used to add, change and delete data in the menu. 

  3. Delete Feature, used to delete a feature.

  1. App Management Functions to direct the App Content, you can add, subtract, and change features and Content on this page.


  1. If you want to add a new feature, click the Add button.

  2. If you want to adjust the position of the existing menus, you can click the Edit Order button. Click the Save button to save the changes.



In this section, you can set the location of the application. This setting will change User Address Data List and Shipping and Payment Service Settings.


In the App Origin section, click Select App Origin to specify the app's location. Then click the Save Change button.



In step 3, you can activate additional features (Additional Features). This other feature is used as support in running the application. This feature is available for Basic, Advanced, and Professional application types. For more details, see the table below for feature availability.

Additional Feature Types




Login Enabled

Login Required

Login Approval

User Group

Address List

Register TNC

Shopping Enabled

Guest Checkout


Product List Quantity


Custom Delivery Estimation

Promo Code

Pick Up

Referral Code

Shipper Delivery Estimation

Whatsapp Product Button

Product Notes

Multivendor Feature

Membership Features

Member Profile

Member Point

Product Point

Digital Reward

Membership Grup Point

Membership Grup Discount

Membership Grup Rules

Online Reservation

Invite Guest

Booking Enabled


Price Currency




To use the Login Required, Login Approval, and User Group features, you must first enable the Login Enabled feature. Only then can you activate these three features.


  1. Login Enabled serves to change the settings for the login function in the application. If this function is activated, the application user can register himself as a member of the application. The list of registered users can be seen in the User List menu in App Management.

  2. Login Required, the function requires the user to login first before accessing the application content.

  3. Login Approval serves to make only users who the admin has approved can enter the application.

  4. User Group categories members against groups that the application owner has previously created. 

  5. Address List is a detailed list of user addresses that can be entered when making a transaction for the first time and stored in the application. So that when the user makes the next transaction, the address option will appear.

  6. Register TNC, This feature is used to create terms and conditions when the user registers on the application. This feature will appear on the registration page that can be accessed by the user when writing in your application.



  1. Shopping Enabled adds a shopping cart to the application so that when a member does not want to complete the transaction, the item can be placed first in the shopping cart.

  2. Guest Checkout, is used to make purchases on the application without logging in first.

  1. SKU (Stock Keeping Unit), When adding a new product on it, it adds a unique code attached to the product. In addition, if the SKU is activated, you can add the number of stock items in the application. If the SKU is not active, only write the available/unavailable information.

  2. Product List Quantity, customers can add items to the shopping cart without entering the item description first by activating this feature.  

  3. Tax serves to add special additional costs such as taxes, service fees, etc. These fees will appear when you want to complete a transaction from a product purchase.

  4. Custom Delivery Estimation, used if you have your fleet to make deliveries. Custom Delivery Estimation also displays the estimated shipping price from the provider of the goods to the buyer’s site.

  5. Promo Code attracts customers to make repetitive purchases by providing a Promo Code. The code can be converted into a discounted price when transacting using the application.

  1. Pick Up, if activated, allows your customers to shop online in the application and take their orders without queueing at the offline store.

  2. Referral Code allows application members to invite others to download the application by providing a referral code that they already have. Members and people invited to become members will also benefit from a promo code whose amount has been determined by the application owner.

  3. Shipper Delivery Estimation provides a shipping cost calculation system based on the weight or dimensions of the goods according to available couriers such as JNE, TIKI, POS Indonesia, Wahana, Grab Parcel, Si Fast, Ninja Express, J&T, PopBox, Lion Parcel, and eCommerce. Shipper Delivery Estimation also displays the estimated shipping price from the provider of the goods to the buyer’s site.

  4. WhatsApp Product Button, a button located on the product feature and serves as a link to the application owner's WhatsApp number. 

  5. Product Notes provides notes on the products purchased by the user in the Shopping Cart.



  1. Membership Features, if this feature is activated, the application owner can take advantage of the Member Profile, and Member Point features as supporting elements in the operation of the application.

  2. Member Profile, if this feature is activated, then when the member has logged into the application, a page displays complete information about the member.

  3. Member Point provides additional points to members who have registered or after purchasing a product. Where the points collected can be exchanged for other products that have been provided by the store owner (application owner).

  4. Product Point, function so that each product has a different point.

  5. Digital Reward allows customers to exchange the points they have for shopping vouchers (Promo Code) that the application owner has arranged.

  6. Membership Group Point gives additional points (when checkout) for users in specific user groups.

  7. Membership Group Discounts provide additional discounts (when checking out) for users in specific user groups.

  8. Membership Group Rules are used to upgrade the User Group automatically when a user reaches a certain number of points.


  1. Online Reservation serves to make it easier for your application users to make reservations online by placing an order in advance and scanning the QR Code when they are at the event location. You can apply this feature to weddings, birthdays, seminars, and other events that use the reservation concept.

  2. Invite Guest. If this feature is activated, you, as the event organizer, can directly send invitations to your guests where guests do not need to wait for prior approval to get a QR Code. You can only do this facility by accessing the App Management page.


  1. Feature Booking, function to display a list of orders. Using this feature, you can book an appointment at a particular time. This feature is informative for admins, incredibly when filling out the order list form. The booking service feature provides action for approval/cancellation related to the order list.

  2. Booking Enabled, if this feature is activated, then there is a new menu in the member application, namely Booking History. There is a history of bookings that members have made of the application in the menu.



To use this feature, you must have an SDK Key first.


  • Zoom is a feature to create Zoom video conferences using the Compro platform.


  • Price Currency serves to change the price format (currency) in the application. For example, from Rp to Rupiah or $