New Users

Once you sign up and enter your verification code, the following screen will appear:

Here you can determine the main function of your app:

  • Communication: If you want to create a top-of-the-line messenger, to send and receive instant messages, and have your users enjoy smooth voice and video calls, and groups that could reach up to 10,000 members.

  • Social Network: If you want to build a community app, and keep your users updated through interactive channels with unlimited subscribers, with the ability to post all types of content including messages, images, videos, GIFs, and files.

  • Media Channel: If you want to entertain your users with interactive videos, or broadcast your articles and a wide range of multimedia files through an active news feed.

  • Shopping: If you want to create a mobile store to sell your products, you can easily integrate with the payment gateway of your choice such as PayPal, Stripe, PayTabs, and Accept.

  • Ticketing & Events: Create, manage, and pitch your event with its GPS location and have your users book the tickets online, and then you can easily redeem their tickets by scanning its QR code.

    Once you click on one of the options, you will be prompted with similar apps that you can choose from, this will allow nandbox app builder to automatically install modules that serve the purpose of your app, if you are unsure, click "General".

Additional Features

Once you have picked your choice, you will have the option to include extra features into your app.

Pick the features that best suit the purpose of your app and click "Continue", note that these features and much more can be added later in your dashboard.

Technical Question

Next, you will be asked, "How technical are you?"

This question will determine whether you will enter the simple mode, where you can simply choose the theme of your app and color palette and then proceed to build a version of your app, or the expert mode, where you can further customize the features of your app in more detail.

Choices 1, 2, and 5 will take you to the simple mode, and choices 3 and 4 will take you to the expert mode.
In the simple mode, you can click on "Personalize" to choose the theme of your app and color palette.

Simple Mode

Please refer to the Branding Section to continue from this step.
If you are ready to build your app, click on "Build". (Kindly note that you have to subscribe to a plan in order to build a version of your app and release it in the stores)

If you would like to go back and choose different options for your app, click "Start Over".

Customizing App Menu

To customize your app menu, click on Customize More.

You will be prompted with three options:

1.) Android Top / iOS Bottom: The default configuration for the menus, where the home menu is displayed at the top in Android devices and at the bottom in iOS devices.

2.) Android Bottom / iOS Bottom: Where the home menu is displayed at the bottom in Android devices and also at the bottom in iOS devices.

3.) Android/iOS Menu Inside Screen: The option allows you to further customize your app design into separate menus, each menu can be assigned a module, you can also include submenus inside the main menu.
If you choose the third option, you will be prompted with the customizing screen where you can select your menus and choose how will your app look like.

Creating the Main Menu

Begin by naming your main menu.

Click on Add Row.

You will be prompted with a list of styles that you can choose from:

You can display one, two, or three buttons, then choose the style you like.

You can also include buttons that display only text.

Select the menu, and then click Add.

You can then customize each button by clicking on it.

You can choose the image of the button and choose the text color.

Next, enter the title of the button and its description, you can also assign a link to the button that will redirect the users to once they tap on it.

You can also include submenus inside the button.

You can further add menus to complete your app design.

androiddisplayandroiddisplay

Creating Submenus

To create a submenu, first go back.

Click on Add New Menu.

Make sure to click Yes to save your current menu.

You will notice that the menu you created was saved, you can also re-customize it later.

Start by naming you submenu.

Click Add Row.

Select the submenu style, and click Add.

You will notice the addition of the submenu at the bottom of the screen.

Now click on the customizing button on your main menu.

Click on the button that will take your users to the submenu.

Under Next Menu, select the Submenu, and then click Back.

Click Save Menu and your submenu.

Assigning Modules To Buttons

After you're done with the layout of the menus, it's time to add modules to the buttons that you created.
When you're ready, click Next.

Click Home Menu.

You will be prompted with this screen.

Simply drag and drop the module to Drop Module Here space under the button.

You will notice that the module is installed successfully.

You will notice that the first module has the submenu assigned to it, which means that when users tap on the first button, they will be redirected to the submenu that we created, to customize it, click on it.

Repeat the same drag and drop approach to install modules in the submenu.

When you are done, don't forget to Save.


Did this page help you?