NAV

img nandbox App Builder

nandbox app builder is a no-code, mobile app builder which enables everyone to make mobile apps with no coding, no hosting, and no upfront costs needed, instead you have a 14-day free trial to build your app and lifetime app support. With nandbox app builder, you can build personalized, native, hosted-ready mobile apps using a simple drag-and-drop approach.

nandbox enables everyone to create native messaging apps like Whatsapp and Telegram, entertainment apps like Netflix, travel apps like Uber, shopping apps like Amazon, social media apps like Facebook, education apps like school and university apps, and much more!

How to Navigate

This section will provide you with a step by step guide to know how to navigate nandbox's app builder.

New Users

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

image-20201014145212916

Here you can determine the main function of your app:

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".

img

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

img

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.

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

img

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.

img

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)

img

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

img

Customizing App Menu

To customize your app menu, click on Customize More.

img

You will be prompted with three options:

img

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

img

Begin by naming your main menu.

img

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.

img

img

You can also include buttons that display only text.

img

Select the menu, and then click Add.

img

You can then customize each button by clicking on it.

img

img

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.

img

Creating Submenus

To create a submenu, first go back.

img

Click on Add New Menu.

img

Make sure to click Yes to save your current menu.

img

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

img

Start by naming you submenu.

img

Click Add Row.

img

Select the submenu style, and click Add.

img

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

img

Now click on the customizing button on your main menu.

img

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

img

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

img

Click Save Menu and your submenu

img

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.

img

Click Home Menu.

img

You will be prompted with this screen.

img

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

img

You will notice that the module is installed successfully.

img

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.

img

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

img

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

img

Registered Users

Firstly, you can log in as an app owner by clicking on "App Owner"

img

Enter your email address and password and click login.

Or you can log in using the QR code:

From your App, go to QR Scanner and scan the QR code. (Note that the user has to have admin privileges)

Once you logged in, your dashboard will appear, where you will find shortcuts to all the different pages on the app builder.

img

To begin configuring your app, click on "Design Your App".

Branding Section

Here you can rename your app, choose its icon, and choose your app's color palette.

img

Choose from ready-made themes.

img

Or customize your own.

img

Choose the color of the icon for the Android and the iOS versions of your app, you can also customize the text colors.

img

You can see the live changes that you make in both the Android version and the iOS version.

img

Click on the switch button to display the iOS version.

img

Once you're done with the design, click "Save" and then "Next".

img

Home Menu

Your app consists of three sections: home menu, side menu, and the app settings.

The home menu is the main section for configuring the app, where you can add, modify, and delete modules.

On the home menu page you will find:

1.) The admin's menu on the left-hand side that allows you to utilize your modules.

img

2.) The step by step navigator that allows you to customize your app and add modules to each section of your app until you build your app and publish it.

img

3.) How your app will be displayed on Android and iOS, you can switch to see both.

img

4.) Your home menu area where you can add up to 4 modules to install them.

img

5.) The categories section, where you can browse through the listed modules categories and choose what best fits your app.

img

6.) The modules section, where all the modules of the category you chose are displayed.

img

A module is a set of features that work together to fulfill specific functions. Each module has its own configuration section.

7.) On the top right-hand corner of the page, you will see three icons:

23 (1)

img

8.) The Pages Section: where you can create new pages or choose from templates.

img

9.) The simple mode takes you to a more simplified version of the app builder.

img

img

The home menu is displayed at the top of the screen for Android users.

img

And at the bottom of the screen for iOS users.

img

A maximum of four modules can be added to the home menu, you can always add more to the side menu.

Module Installation

1.) In order to install the module, click on one of the module categories, placed on the right, you can choose from 30+ modules that serve different functions.

img

2.) Drag one of the modules and drop it to your Home Menu's setup area.

img

3.) That's it! Your module is now installed.

Once you installed the module, you can choose an Android and an iOS icon for it, you can also configure it by clicking on the gear button, and you can delete the module by clicking on the delete button.

img

When you are done setting up your home menu, click "Save" and "Next".

img

Side Menu

The side menu allows you to add more modules. Install modules via the same drag and drop method.

There is no limit to the number of modules that you can add, however, make sure to add modules that best serve your app.

The side menu is displayed in the Android version as follows:

img

And in iOS, it is displayed as follows:

img

App Settings

The app settings include the configuration for:

You can choose these features from the categories section:

img

And then you can choose the module you wish:

img

You can include ready-made bots in your app, you also have the option to build your own bot.

img

Choose from a long list of bots, we always update the list with more bots!

img

All the modules can be installed by the same drag and drop method.

Build & Publish

Here you can build a new version of your app.

First, you have to fill in some important information about your app to be able to publish it on Apple's App Store and the Google Play Store, click on "Setup".

img

To build an Android release, upload your app icon and your notification icon, make sure your app icon is (1024 x 1024) with PNG Format, and your notifications icon is (1024 x 1024) in white color with PNG Format. Click "Save" when you finish uploading.

img

To upload an iOS release to TestFlight:

1.) First upload your App Store logo, make sure that the logo is (1024 x 1024) with JPG Format.

2.) Make sure that you setup an Apple Developer Account, if you didn't check out thisarticle to know how to.

img

3.) Click "Yes" after you setup your account, a drop-down menu will appear.

img

4.) Next check if you enrolled with an Individual or an Organization account, if you are not sure, check out this article to know.

5.) If you choose an individual account, a drop-down menu will appear.

img

If you enabled the two-factor authentication in your account click "Yes" if you haven't, click "No" and you can enable push notifications by clicking "Yes", check out this article to know how to enable your app to send push notifications.

6.) If you choose an organization account, you be prompted with this screen.

img

7.) Make sure to invite [email protected] as an app manager in your apple developer account, the reason for that is that nandbox will finish all the technical aspects of publishing leaving you to configure the app logo and the description so that your app will be ready to go live, check out this article to know how to do that.

8.) Next, you have the App Store configuration section.

img

9.) Enter the team name of your Apple developer account, if you don't know what it is, check out this article.

10.) Enter the Bundle ID which is a unique identifier for your app on Apple App Store for example "com.nandbox.yourCompanyName"

11.) Finally, add your App Store name, this is the name that will appear on the App Store.

12.) When you are done, click "Save".

Make sure that you are certain of all the information you entered to avoid any rejection from the App Store, if you require any further assistance or if you have any questions, do not hesitate to reach out to us at [email protected]

When you enter all the information, click on "New Release"

img

Next, you will be prompted with this screen.

img

After you release it, your app version will be displayed as follows.

img

Which will include all the information about your release.

You can also restore your app configuration, copy the link to the file, download it, or delete the app release from the buttons displayed respectively.

img

img Social

Channel Modules

Introduction

Entertain your audience with interactive content and keep them posted with the latest updates while receiving their feedback privately.

Channels allow you to post messages, images, videos, and files, with the option of targeting and segmentation.

With unlimited subscribers to each channel, you can include multiple channels on your app, to deliver diverse content in each one of them.

You can also include an interactive store to sell products on your channel with the option to have a location visible for your users.

There are three modules included:

1.) Channel List: Displays the list of all channels that are available on the app.

2.) User Channels: Show the channels that the user is subscribed to.

3.) Active Channels: Show the channels that the user is active on.

These modules are the best to use if you want to build a Community App.

Installation

You can install these modules in your app in the following places:

You can find the channel modules in the social category.

1

Drag and drop the modules into your home or side menu to install them.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Main Features

The User channel module comprises 78 features, one of which is user-selectable.

  1. Posting: You can post messages, images, videos, GIFs, and files to your different channels, you can also add segments and tags to your audience for targeted posts.

  2. Comments & Comment Dashboard: Users can comment on different posts, while the comment dashboard collects comments and displays them in a list for channel administrators.

    1

  3. Like a Post: Enable the users to engage with a post, by liking it.

    2 - Copy

  4. Read Counter: Displays simple statistics for how many users viewed a post within its first two weeks.

    2

  5. Notifications: Notifications page that displays recent notifications, show unread ones, and provides an ability to respond to different types of messages, exactly like Facebook's.

    nandbox Whatsapp
    3 3000
  6. Favorites: For users to create customized lists of their favorite friends, photos, and posts, exactly like Whatsapp.

    nandbox Whatsapp
    4 4000
  7. Video Streaming: For live streaming videos from Youtube, Vimeo, and other websites.

    10

  8. Link Metadata Fetching: Enables fetching metadata from a URL upon posting it on the channel.

    11

  9. Invitation QR Codes: For users to subscribe to Groups/Channels on your app via scanning QR codes.

    5

  10. Multiple Administrators: Allows you to assign multiple administrators to your channels.

    12

  11. Talk To Admin: For app users to chat directly and privately with the admin.

    13

  12. Ban Users: Allow administrators to kick out specific users from groups or channels created on your app.

    7

  13. In-App Sounds & Vibrations: For users to customize app sounds, vibration, and notification tones, like Whatsapp.

    nandbox Whatsapp
    8 9

Configuration

  1. Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

    14

  2. Here you can rename the module and choose an Android and an iOS icon for it.

    15

  3. From the settings, you have the option to include ads in your app, using Google AdMob Module.

    Note that you have to install Google AdMob Module first.

    When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad can appear is 5.

    Don't forget to click save.

    16

  4. To configure the features, click on features.

    17

Must Have Modules

(You can add these to your App's main menu):

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Module Walkthrough

Create a New Channel

Click "Channels" in the admin menu, placed on the left-hand side of your nandbox dashboard.

18

Hit the "Create New" button.

19

Or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a new group.

20

A window will appear where you can enter your channel name and description.

21

You will also find a video below explaining the process.

After you created the channel, you can hover over it and click on the edit button to configure it.

22

You can edit the channel image, name, and description in the first section.

23

You can also add a splash screen to your channel, which includes an image, title, and description, you can also change the button text and colors associated with it.

A splash screen is an introductory graphical screen that shows a welcome message when you first install an app, it can also be displayed when a user first joins a group or a channel.

24

Which will look something like this:

32.

You can also include a search filter in your channel:

71

Note that you have to include the search module in your app first.

Configuring Your Channel

  1. Click on the gear icon to configure it.

    72 (1)

  2. Scroll down until you reach "Filter" and then click on setup.

    72 (2)

  3. A screen will appear which you can tick multiple filters, you can name the filter, and assign the search criteria for each filter.

    43

  4. After you're done, don't forget to tick the filter and click save.

    42

  5. Get back to the channel settings, you will find your filters there, and you can assign each channel to come up with a selected search filter.

    75

You can also set a welcome message to your users when they join the channel, click on "set message" and set it up.

76 (1)

Users can also join a channel by scanning the QR for your group.

76 (2)

You can also assign admins to a specific channel.

76 (3)

Invite your users to join the group through Twitter, Facebook, or by sending them a link to join.

76 (4)

Don't forget to save after you finish the configuration.

76 (5)

You can also set-up a store on your channel. (Note that you have to include the store module and the map search module in your app)

Note that:

Setting Up a Store

  1. To set it up, click on "Set".

    26

  2. And then add a new location to the store.

    27

  3. Add the image for the location, icon, title, description, and enter the location, a drop-down menu will appear from which you can choose the location, you can also include your website in the web URL.

    28

  4. Choose the store and click "Insert".

    29

  5. Head to the mStore section on the left-hand side of the page.

    30

  6. Click on "Create New".

    31

    Or the small icon at the bottom right side of the page.

    32

  7. Enter the details of your store, notice if you check the default option, this will become your main store.

    33

Creating a New Product

1.) Now head on to the products section.

36

2.) Click on "Create New".

37

Or the small icon at the bottom right side of the page.

38

3.) Enter your product details.

39

Note that the display title is the product name that the users will see, the SKU is a unique code to identify each product based on brand, style, color, or size, and the max unit per order is the maximum number that a user can order this product.

4.) Once you created the product, hover over it and click on the edit button.

34

5.) Here you can add searchable keywords that your product can appear under.

40

You also have the option to add product add-ons to further customize the product, click here to jump to the adding product add-ons page.

41

6.) Don't forget to save when you finish.

7.) After you created the product, you can list it in the store you created. Go back to the mStore page, and click edit on the store you created.

34

8.) Scroll down and click on "Add Item".

54

9.) Tick the product that you want to add and then click "Insert".

55

10.) Note that you can insert bundles, multi-tiered plans, and mini stores the same way.

Creating a New Bundle

1.) Head to the Bundles page.

56

2.) Click on the "Create New" button.

57

Or the small icon at the bottom right side of the page.

3.) Fill in the details of the bundle and click "Create".

59

4.) To add products to the bundle, click on the edit button.

60

5.) Scroll down, and click on "Add Product".

61

6.) Select the product that you want to add and then click "Insert".

62

Creating a New Multi-tiered Plan

  1. Head to the Multi-tiered Plan section.

    63

  2. Click the "Create New" button.

    64

  3. Or the small icon at the bottom right side of the page.

    65

  4. Enter the details and click "Create", you can also choose the display style of the products inside the multi-tiered plan.

    66

  5. After you created the plan, click on edit.

    67

  6. You can then add products or bundles to your plan.

    68

Adding Product Add-Ons

1.) Head to the Product add-ons page.

43

2.) Click on "Create New" button.

44

Or the small icon at the bottom right side of the page.

45

3.) Fill in the details of the product add-on, and click "Create New".

46

4.) Click on the edit button once you created the add-on.

47

5.) Scroll down till you reach the sub-menu and then click "Add Submenu".

48

6.) Enter the details of the submenu and click "Create New".

49

7.) You can then assign the minimum and the maximum number of items under each submenu.

50

8.) Click on the blue Add button to start adding submenus under the main submenu you created.

51

9.) You can create multiple submenus and multiple items under each submenu.

10.) When you're done, click on the green add button to assign the product add-on to the specific submenu you already created, if you didn't create a product yet, create one, so you can assign the product add-ons to it.

11.) Don't forget to save when you finish.

52

Checking Your Orders

To check your orders' status, click on the orders page.

69

You can check all the details of your users' orders.

Posts/Feed Module

Introduction

Broadcast news, events, or contests and keep your users hooked all the time. This module enables you to have an instant feed on your app like that of a Facebook page or a Telegram channel; users can interact with your posts by liking, sharing, or writing comments, which admins only will see. The Posts/Feed module acts as an interactive channel that unlimited subscribers can join. You can have more than one sub-channel in your app but this module will show only your app's main channel.

This module is the best to use if you want to build a Community App.

Installation

You can install this module in your app in the following places:

You can find the posts/feed module in the social category.

1

Drag and drop the module into your home to install it.

img

Duplicability

This module can only be installed in your home menu x

Main Features

1.) Posting: With the post module, you can post messages, images, videos, GIFs, and files to different channels and groups, you can also add segments and tags to your audience for targeted posts.

2.) Comments: Users can comment on different posts.

img

3.) Like a Post: Enable the users to engage with a post, by liking it.

img

4.) Read Counter: Displays simple statistics for how many users viewed a message within its first two weeks.

img

5.) Notifications: Notifications page that displays recent notifications, show unread ones, and provides an ability to respond to different types of messages, exactly like Facebook's.

nandbox Facebook
img img

6.) Favorites: For users to create customized lists of their favorite friends, photos, and posts.

nandbox Whatsapp
img img

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) From the settings, you have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad will appear is five.

img

Don't forget to click save.

4.) You can also choose the layout of the posts to be either wide or on the left side as shown.

img

5.) To configure the features, click on "Features".

img

User Selectable Features

img

img

img

You can also customize the heart color in the like button.

img

img

Click here to know how to create a new tag.

Don't forget to "Save" after you are done with the configuration.

img

img

Scroll down to the bottom of the list.

img

There is one action (delete) that is shown by default and eight actions that are user-selectable which are:

Click on the toggle to activate or deactivate the action.

img

You can also change the order of the actions, click and hold the move icon and drag up and down to move the action.

img

You can also disable the feature altogether.

img

Must-Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Similar Apps

Facebook LinkedIn Twitter Instagram
img img img img

Module Walkthrough

Activating the Posts Module

img

img

img

| nandbox | Facebook | | :---------------------------: | :---------------------------: | | img | img |

img

img

img

img

Create New Tags

Click on "Tags" and then "Add New Tag", enter the tag name and the tag description and choose whether you want it to be a private tag or not, and then click Save.

img

img

Create New Segment

You can also segment your users into groups and you can send each segment a targeted post. Follow the same steps when you create a new tag.

img

Publishing to Groups & Channels

You can also publish your post to certain groups and channels that you created.

1.) Click on Groups

img

2.) And then click on "Add New" and select either Group or Channel

img

img

If you would like to publish a post without sending push notifications to your users, you can enable the silent button.

img

Finally, when you are ready to publish your post, click on "Send".

img

Chat Group Module

Introduction

Up to 30,000 members can join your app's chat group and enjoy the seamless features of nandbox, including voice memos, multimedia file sharing, and video streaming. There is no limit to the number of chat groups you can create in your app.

You can create group chats for businesses and individuals. With the ability to personalize each group chat with a name, display picture, description, and category classification. The group chat admin can change these details anytime.

You can configure your chat group to be public or private. A public group is the best option if you want to allow anybody to join the group and have members invite other users to join while in the private group, only the chat admin will be able to invite new members to join, with the option to choose the group admins for each group.

There are three modules included:

1.) Group List: Displays the list of all groups that are available on the app.

2.) User Groups: Show the groups that the user has joined.

3.) Chat Group: Opens a chat group that members of the group can interact with each other.

Once you create a group, it will be appear in the group list and users will be able to join it, once they do, it will appear to them in the user group.

This module is the best to use if you want to build a Messaging App.

Installation

You can install the 'Group list' and the 'Chat Group' module in your App in the following places:

You can find the chat group modules in the social category.

1

Drag and drop the modules into your home or side menu to install them.

1

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Features

The Chat Group module comprises 67 features, set as default.

1.) Chat: Your app users can chat as well as share images and receive push, and in-app notifications.

1

2.) View Profile: A profile view that shows the user's basic information.

2

3.) Last Seen: Displays the time of the user's last login in peer-to-peer chats. If the user disables this feature, they won't be able to see other people's last seen status.

3

4.) Video Trimming: A video editor for trimming videos for a previously recorded clip, and enables re-encoding it to lower quality (compressing), exactly like Whatsapp.

nandbox Whatsapp
8 9

5.) Edit Messages: For users to edit their messages after being sent. The edited messages will be amended accordingly at the users' end, exactly like Telegram.

nandbox Telegram
4 10

6.) Recall Messages: An exclusive feature in nandbox, users can delete their sent messages without a time limit, recall their messages anytime.

5

7.) Invitation QR Codes: For users to subscribe to groups on your app via scanning QR codes.

6

8.) Ban Users: Allows administrators to kick out specific users from groups or channels created on your app.

7

9.) Current Location Sharing: For users to share their current locations with other users within your app, exactly like Whatsapp.

nandbox Whatsapp
17 19+

10.) In-App Sounds & Vibrations: For users to customize app sounds, vibration, and notification tones, like Whatsapp.

nandbox Whatsapp
19 20

Configuration

  1. Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

    11

  2. Here you can rename the module and choose an android and an iOS icon for it.

    12

  3. From the settings, you can choose which group to set.

    13

  4. Click on "Add" to create a new group and then create "Add New".

    14

  5. You can then enter the group name and description.

    15

  6. Once you created the group, you can select it and click on "Insert".

    16

  7. Don't forget to click "Save", note that all groups created from the web builder will be public.

    80

  8. To check out the features, click on "Features".

    18

  9. You can also set a welcome message to your users when they join the group, click on "Set Message" and set it up.

    45

  10. Users can also join your group by scanning the QR for your group.

    46

  11. You can also assign admins to a specific group.

    47

  12. Invite your users to join the group through Twitter, Facebook, or by sending them a link to join.

    48

  13. Don't forget to save after you finish the configuration.

    img

Create a Private Group

From a mobile go to User Groups.

img

Tap on the ''+'' sign at the top right hand side of the screen.

img

Tap on Chat Group.

img

Enter the group name and description.

img

Select the privacy to private, then tap Done.

img

Must-Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Similar Apps

Facebook Messenger Telegram WhatsApp WeChat
img img img img

Module Walkthrough

Activating the Chat Group

  1. Click "Chat Groups" in the Admin menu, placed on the left of your nandbox dashboard.

    25

  2. Hit the "Create New" button or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a new group.

    img img

  3. A window will appear where you can enter your group name and description.

    28

    You will also find a video below explaining the process.

  4. After you created the group, you can hover over it and click on the edit button to configure the group.

    29

  5. You can enter the group image, group name, and description in the first section.

    30

  6. You can also add a splash screen to your group, which includes an image, title, and description, you can also change the button text and colors associated with it.

    A splash screen is an introductory graphical screen that shows a welcome message when you first install an app, it can also be displayed when a user first joins a group or a channel.

    31

    Which will look something like this:

    32.

  7. You can also include a search filter in your group:

    32

    Note that you have to include the search module in your app first, here are the steps to do that:

Adding a Search Filter

  1. After you installed the Search module, click on the gear icon to configure it.

    38

  2. Scroll down until you reach "filter" and then click on setup.

    39

  3. You will be prompted with a screen where you can tick multiple filters, you can name the filter, and assign the search criteria for each filter.

    40

  4. After you're done, don't forget to tick the filter and click save.

    42

  5. Go back to the group settings, you will find your filter there, and you can assign each group to come up with a selected search filter.

    75

Loyalty Module

Introduction

The loyalty wallet is associated with an interactive feed to lure customers to your loyalty program.

Users can collect points in a digital wallet to redeem later with coupons or free products.

This module is the best to use if you want to build an E-Commerce App.

Installation

You can install this module in your app in the following places:

You can find the loyalty module in the social category.

1

Drag and drop the module into your home menu to install it.

img

Duplicability

This module cannot be duplicated in several sections in your app ✕

Main Features

The Loyalty & Competitions module comprises 79 features, four of them are user-selectable:

1.) Sticky Note: Add promo points to your posts for users to collect and redeem, it is displayed as a small bubble that is attached to the bottom right side of the post.

img

img

2.) Post Footer: Gives your posts the look-and-feel of a Facebook page, you can choose to add the like button, reply button, the number of views, and the share button.

You can also customize the heart color in the like button.

img

3.) Post Filter: To allow specific users (tags) to see your posts. This feature can be used to target a specific segment of your users.

img

Click here to jump to how to create a new tag.

Don't forget to "Save" after you are done with the configuration.

img

Configuration

1.) Once you installed the module, by dragging and dropping it in the home menu, click on the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) In the settings tab, you can customize the main page for the loyalty module that will be displayed to your users, the page will display the number of points that users collected and how many points remain until they hit the target you set and receive their prize (either points or coupons).

Which will look something like this:

img

You can set an image of the display message, rename the title, the description, and the target points after which your users will receive a prize, you can also edit the colors of the target points, earned points, and the text color in the message,

img

4.) After you're done editing, you will be able to see the displayed message on iOS and Android.

iOS Android
img img

5.) From the layout tab, you can choose the display style from "Wide" or "Side view".

img

6.) You can check out the features from the last tab.

img

6.) Don't forget to save after changing each configuration.

User Selectable Features

img

img

img

You can also customize the heart color in the like button.

img

img

Click here to know how to create a new tag.

Don't forget to "Save" after you are done with the configuration.

img

img

Scroll down to the bottom of the list.

img

There is one action (delete) that is shown by default and eight actions that are user-selectable which are:

Click on the toggle to activate or deactivate the action.

img

You can also change the order of the actions, click and hold the move icon and drag up and down to move the action.

img

You can also disable the feature altogether.

img

Must-Have Modules

It's better to add these modules to your app's Side Menu (step 3)

Complementary Modules

Module Walkthrough

Activating the Loyalty Module

1.) From the admin menu, click on "Campaign".

img

A campaign is a competition you customize that includes certain triggers that you can choose (user likes a post, user shares a post, user joins a channel), these triggers make the user eligible to enter the qualifications to win prizes that you choose (points or coupons).

2.) Click the "Create New" button or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a campaign.

img img

3.) Firstly, name your campaign and the start and end date in which your campaign will be active, the days in which your campaign will run, and which hours during the day.

img

4.) Next, select the trigger after which the user will qualify to win.

img

5.) You can choose from different triggering options.

img

6.) You can also select which messages your campaign will run on.

img

7.) If you choose "Specific Message", you will be prompted with a window, in which you can create a new scheduled post.

img

8.) Click on "Add New" to create a new post, you will be prompted with a new post screen, where you can edit your post.

img

9.) When you are ready to schedule your post, click the calendar icon at the bottom.

img

10.) Choose the date and time of the post to be published and click "Schedule".

img

11.) Select the post you created and click "Insert".

img

12.) Choose whether to activate this campaign or not.

img

13.) You can also setup a poll where your users can win if they chose a certain answer you set, from the setup section, click on "Add Menu".

img

14.) If you haven't created a menu, click here to jump to the create menu section.

15.) Once you're done, click next to move to the qualification criteria.

16.) The qualification criteria allow you to choose how many events are required for the user to qualify for winning, if you select "Only" and enter a number, then the user has to activate the trigger you specified equal to the number that you specified to qualify to win, so for example, if you set the trigger as "Like" and set it "Only" and enter the target to "3", then the user has to like three posts in order for them to qualify for winning.

img

17.) However, if you set it to "Every" and set a target to "3" and the per section to "Week", then the user has to like three posts EVERY week to be able to qualify to win, you can choose from different periods.

img

18.) Once you set the qualification criteria, click "Next".

19.) Next, you have the winning selection section, where you can determine the maximum number of winners.

img

20.) You can also choose how the winners will be selected, if you set to "Everyone Will Win" then the first number you set in the "Maximum number of winners" will be the number of users who will win, so for example, if you assigned the trigger to qualify as "Like" and the maximum number of winners to 10, and a thousand users liked a post, only the first ten will win.

img

21.) However, if you selected "Random", then you can determine the number of winners from a group of qualifiers, so if you entered the values 1 out of 10, then 1 user will win out of each 10 qualifiers.

img

22.) You can also limit the number of winners per day to a certain number, you can also restrict a user to win more than once per a certain period, just tick the option you want and configure it.

img

23.) Finally, you have the Award section.

img

24.) You can select the award type from points or coupons.

img

25.) If you select points, enter the number of points that the user will be awarded, and choose "Loyalty" from the drop down menu.

img

26.) If you chose, coupon, click on "Add Coupon"

img

27.) Click on "Add New".

img

28.) Enter the coupon name, description, and expiry date, you can also allow the option for sharing with others. Set the value of the coupon and assign a UPC (Universal Product Code) for it, which is a unique code for the system to identify and redeem the coupon when the user chooses to.

img

29.) After you created the coupon, select it, and click on "Insert".

img

30.) You can also set an award message that the user will receive when they win, click on "Add Message" to create one.

img

31.) Click on "Add New".

img

32.) Type your award message and click "Send".

img

33.) Select your message and click "Insert".

img

34.) When you are done, click "Finish".

Create a Competition Poll

1.) You can also assign the trigger to be when a user chooses a certain answer in a poll, to do that, get back to the events section and click "Add Triggers"

img

2.) Choose "Button".

img

3.) From the setup section, click on "Add Menu".

img

4.) Choose the poll that you created and click "Insert".

img

5.) You can then choose which choice the user will qualify if they chose it.

img

#### Create a Menu

1.) Click on the "Menu" section from the admin menu.

img

2.) Hit the "Create New" button or the small icon at the bottom right side of the page, to be prompted with a pop-up window.

img img

3.) Enter the poll name and response message once the user picks a choice, click on the "+" button to create a new choice.

img

4.) Once you click on it, you will be prompted with a window where you can edit the title of the button, its icon, and colors associated with it, you can also assign a URL to the button.

img

5.) You can create multiple choices.

6.) To set a response message, first, create a new menu, and enter the response message that you want to appear, and click save.

img

7.) Then go back to the menu you created and click on "Set a Menu" in the response section.

img

8.) Pick the response message that you created and click "Insert".

img

9.) Don't forget to save.

Video Module

Introduction

Take your users on a visual experience and indulge them with a video to promote a channel, market a product or service, or just show off your store! With the new video module, you can include a link that will redirect them to a video of your choice.

Installation

You can install these modules in your App in the following places:

You can find the video module in the social category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Module Walkthrough

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

5

2.) Here you can rename the module and choose an android and an iOS icon for it.

5

3.) Under the settings tab, you will find the video setup guide.

5

4.) You can set the background photo of the module here.

5

Which will be displayed as follows.

5

5.) Next, set the URL link that you want the module to direct to here.

5

6.) You can set a description for the video here.

5

Which will be displayed as follows.

5

7.) You can also change the text color and the background color of the circles here.

Which will be displayed as follows.

5

img Communication

Call Log Module

Introduction

The call log module allows users to see the recent audio and video calls that they made with their timestamps.

This module is the best to use if you want to build a Communication App.

Installation

You can install this module in your App in the following places:

You can find the call log module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

3

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Features

The Call Log module comprises 17 features, set as default.

  1. Call Log Detail: Allow users to track their incoming and outgoing calls through the app.

    3

  2. View Profile: A profile view that shows the user's basic information.

    3

  3. Audio Call: Allow users to make voice calls from the call log.

    3

  4. Video Call: Allow users to make video calls from the call log.

3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

3

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3

3.) To check out the features, click on features.

3

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Introduction

The text and media messenger module allows your users to text and share multimedia files with their contacts, who also use your app. It shows the users a list of their recent one-to-one chats as well as the group chats made on your App.

This module is the best to use if you want to build a Messaging App.

Installation

You can install this module in your app in the following places:

You can find the Messenger module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Main Features

The Text and Media Messenger module comprises 77 features, set as default.

1.) Chat: Your app users can chat as well as share images and receive push, and in-app notifications.

1

2.) Audio Call: Users can make voice calls to each other.

1

3.) Video Call: Users can make video calls to each other.

1

4.) View Profile: A profile view that shows the user's basic information.

2

5.) Last Seen: Displays the time of the user's last login in peer-to-peer chats. If the user disables this feature, they won't be able to see other people's last seen status.

3

6.) Read Recipient: Allows users to receive notifications when their messages are read. If the user disables this feature, they won't be able to see read receipts from other people.

1

7.) Edit Messages: For users to edit their messages after being sent. The edited messages will be amended accordingly at the users' end, exactly like Telegram.

4 10
nandbox Telegram

8.) Recall Messages: An exclusive feature in nandbox, users can delete their sent messages without a time limit, recall their messages anytime.

5

9.) Video Trimming: A video editor for trimming videos for a previously recorded clip, and enables re-encoding it to lower quality (compressing), exactly like Whatsapp.

nandbox WhatsApp
8 9

10.) Current Location Sharing: For users to share their current locations with other users within your app, exactly like Whatsapp.

nandbox WhatsApp
17 19+

11.) In-App Sounds & Vibrations: For users to customize app sounds, vibration, and notification tones, like Whatsapp.

nandbox WhatsApp
19 20

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) From the settings, you have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad will appear is five.

img

Don't forget to click save.

4.) You can check the features by clicking "Features"

img

Must Have Modules

It's better to add this module to your App's Side Menu (step 3)

Similar Apps

Facebook Messenger Telegram WhatsApp WeChat
img img img img

Module Walkthrough

The module will be installed by dragging and dropping it in the home menu or the side menu.

Audio & Video Calling

Introduction

One of the best features of nandbox; users can make seamless voice and video calls with their contacts, who also use your app by including this module. That's in addition to sharing text and multimedia files. The Audio & Video Calling module shows the users a list of their recent one-to-one chats as well as the group chats that they made on your App.

This module is the best to use if you want to build a Free Video and Voice Calling App.

Installation

You can install these modules in your App in the following places:

You can find the audio & video call module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Main Features

The Audio & Video Calling module comprises 85 features, set as default.

1.) Audio Call: Allow users to make voice calls to each other.

1

2.) Video Call: Allow users to make video calls to each other.

1

3.) Switch Video Call to Audio Call: User can switch from video to audio calls and vice versa.

1

4.) Mute/Unmute Microphone: User can mute or unmute the microphone during calls.

1

5.) Turn Speaker On/Off: User can turn a speaker on or off during calls.

1

6.) Switch Call to Bluetooth: User can make calls from your app using enabled-bluetooth accessories.

1

7.) Connecting Tone: Lets your app play a tone when the user starts a call connection.

1

8.) Ring Tone: Notify your app users with a tone played after establishing connectivity.

1

9.) Adjust Video Call Window: For users to maximize and minimize their video call window.

1

10.) Light Notification: Enables LED notification colors to the user's phone when a call is missed or not answered.

1

11.) Multi-tasking Feature: For your app user to carry out other tasks while a call is running on your app.

1

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

1

2.) Here you can rename the module and choose an Android and an iOS icon for it.

1

3.) From the settings, you have the option to include ads in your app, using Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad can appear is 5.

1

Don't forget to click save.

4.) To check out the features, click on features.

1

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Similar Apps

Facebook Messenger Telegram WhatsApp WeChat
img img img img

Module Walkthrough

Once you installed the module by dragging and dropping, your users will be able to make voice and video calls to each other.

Contact List Module

Introduction

The contact list module syncs your device contact list with your app so you can invite users to download your app, join groups or channels, or send them media.

This module is the best to use if you want to build a Messaging App.

Installation

You can install this module in your App in the following places:

You can find the contact list module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Features

The Contact List module comprises 51 features, set as default.

  1. Account Recognition: Enables automatic recognition of the users' contacts by syncing emails and mobile numbers.

  2. Friend List: Shows a list of all the users' contacts on the application, including searching and filtering by recently added.

  3. Contacts: Shows a list of all the contacts on the users' device.

    3

  4. Invite to Download App: For users to invite their contacts to download the app.

3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

1

2.) Here you can rename the module and choose an Android and an iOS icon for it.

1

3.) From the settings, you have the option to include ads in your app, using Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad can appear is 5.

1

Don't forget to click save.

4.) To check out the features, click on features.

1

5.) You can include the invitation link of your app once you publish it so that when you send it to your contacts, they can download it right away.

1

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Direct Chat Module

Introduction

A simple tab will be allocated for a direct, one-to-one chat with the user of your choice; This module is the best to use when managing and discussing your business activities with a member of your team, via your App.

This module is the best to use if you want to build a Messaging App.

Installation

You can install these modules in your App in the following places:

You can find the Direct Chat module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Main Features

The Direct Chat module comprises 47 features, set as default.

1.) Chat: Your app users can chat as well as share images and receive push, and in-app notifications.

1

2.) View Profile: A profile view that shows the user's basic information.

2

3.) Last Seen: Displays the time of the user's last login in peer-to-peer chats. If the user disables this feature, they won't be able to see other people's last seen status.

3

4.) Read Receipt: Allows users to receive notifications when their messages are read. If the user disables this feature, they won't be able to see read receipts from other people.

3

5.) Video Trimming: A video editor for trimming videos for a previously recorded clip, and enables re-encoding it to lower quality (compressing), exactly like Whatsapp.

nandbox Whatsapp
8 9

6.) Edit Messages: For users to edit their messages after being sent. The edited messages will be amended accordingly at the users' end, exactly like Telegram.

nandbox Telegram
4 10

7.) Recall Messages: An exclusive feature in nandbox, users can delete their sent messages without a time limit, recall their messages anytime.

5

8.) Current Location Sharing: For users to share their current locations with other users within your app, exactly like Whatsapp.

nandbox Whatsapp
17 19+

9.) In-App Sounds & Vibrations: For users to customize app sounds, vibration, and notification tones, like Whatsapp.

nandbox Whatsapp
19 20

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Similar Apps

Facebook Messenger Telegram WhatsApp WeChat
img img img img

Module Walkthrough

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

5

2.) Here you can rename the module and choose an android and an iOS icon for it.

5

3.) Click on "Add" to choose which member of your app to link the chat with.

5

4.) You can search by the member's name or login ID, tick the member that you want to link the chat with, and click "Add".

5

5.) Now your chat is assigned to the member you chose, don't forget to click "Save".

5

6.) To check out the features, click on "Features".

5

img Essentials

User Invitations Module

Introduction

The user invitations module displays to your users the list of invitations that they received that includes group invitations, channel invitations, event invitations, and booking invitations.

You can install this module in your app in the following places:

You can find the user invitations module in the Essentials category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) Once you receive an invitation, it will be displayed as follows:

4.) To invite users to join a channel, click on Channels from the admin menu.

5.) Hover over the channel and click the edit button.

6.) Scroll down and you will find the different invitation options.

QR Scanner Module

Introduction

nandbox QR scanner module allows you to scan any QR code or Barcode with the option to open the link, copy, or share it.

Installation

You can install this module in your app in the following places:

You can find the QR scanner module in the Essentials category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Main Features

The QR scanner module comprises 3 features that you can choose from:

1

1.) QR scan with optional user's QR: Enables you to scan any QR code or barcode and displays "My QR Code" as a button at the bottom which you can click on to display your personal QR Code.

1

Users can scan this personal QR code and add each other on your app.

1

2.) User's QR with optional QR scan: Displays the user's personal QR code, and displays "QR Scanner" as a button at the bottom which you can click on to scan any QR code or barcode.

1

3.) QR scan only: Allows users to scan any QR code or Barcode with the option to open the link, copy, or share it via Whatsapp, Messenger, Telegram, and much more.

1

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

1

2.) Here you can rename the module and choose an Android and an iOS icon for it.

1

3.) Here you can enable or disable the options of copying, sharing, or opening the QR code.

1

You can also write an about section which will be displayed as follows:

1

Web-view Module

Introduction

The web-view module gives you the option to include a URL that redirects to a certain page, you can redirect your users to your website, blog, or any page of your choice.

You can install this module in your app in the following places:

You can find the web view module in the Essentials category.

1

Drag and drop the module into your home or side menu to install it.

Duplicability

This module can be duplicated in several sections in your app ✓

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) Here you can enter the URL that you want to take your clients to.

Don't forget to click Save.

Search Module

Introduction

The search module provides a search function throughout your entire app, users can find content using key phrases, you can customize the searchability of content on your app and create filters to categorize your content.

Installation

You can install this module in your app in the following places:

You can find the search module in the Essentials category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Main Features

The Search module comprises 4 features, set as default.

1.) Search: A powerful search function that can navigate all over your app, using ElasticSearch, and shows results instantly.

1

2.) Advanced Search: A feature to add additional search filters, customized based on which content you want your users to find.

3.) Keyword Search: Allows users to search through your app using key phrases.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) Here you can change the background image displayed when you open the search module.

Which looks something like this:

4.) Next, you can choose the button icon and the icon and button color.

As shown below:

5.) Enter the title and the description of the search page.

Which will be displayed as follows:

6.) You can enable text search, which will allow users to search the entire app using a certain key phrase, you can also assign the search to function using a certain criterion (Area, Country, Product)

7.) Here, you can select where your keyword will be searchable in your app.

8.) Next, you can add a Filter search option which will be displayed when users search by the criteria that you set in step 6, click set up.

72 (media/Channel/7220-487406a7.jpg)

9.) You will be prompted with a screen where you can include up to three filters, you can name the filter, and enter the content of each filter.

Now, when the user searches by the criteria that you specified in step 6 (Search By Country), the options that you entered in the filter will be displayed as follows.

10.) After you're done, don't forget to tick the filter and click save.

42

11.) Now you can include any content (channel, product, booking, event, group, queue, bot, marker) in your app to come up under the specific criteria that you set, for example, you can create a channel and hover over it and click the edit button.

You can choose the option that this channel will be displayed in the search results, when the user clicks on it, for example, if you select Canada, then this channel will be displayed when the user searches by country and then selects the option Canada.

12.) Don't forget to click save after you finish.

13.) You have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad will appear is five.

img Security & Privacy

Digital ID Module

Introduction

The digital ID module allows you to scan membership cards having UPC codes using a QR scanner, once scanned, the module will store the information embedded in the UPC code so that a digital ID can be created for your users. This module also enables you to have an instant feed in the module that you can post different content related to your membership (offers, announcements)

Users can interact with your posts by liking, sharing, or writing comments, which admins only will see.

This module is the best to use if you want to build a Community App.

Installation

You can install this module in your app in the following places:

You can find the Digital ID module in the Security & Privacy category.

1

Drag and drop the module into your home menu to install it.

1

Duplicability

This module can only be installed in your home menu x

Main Features

The digital ID module comprises 78 features, four of them are user-selectable:

1.) QR Scanner: A QR scanner to scan UPC codes and QR codes to fetch its information.

img

2.) Posting: With the post module, you can post messages, images, videos, GIFs, and files, you can also add segments and tags to your audience for targeted posts.

3.) Comments: Users can comment on different posts.

img

4.) Like a Post: Enable the users to engage with a post, by liking it.

img

5.) Read Counter: Displays simple statistics for how many users viewed a message within its first two weeks.

img

6.) Notifications: Notifications page that displays recent notifications, show unread ones, and provides an ability to respond to different types of messages, exactly like Facebook's.

nandbox Facebook
img img

7.) Favorites: For users to create customized lists of their favorite friends, photos, and posts.

nandbox Whatsapp
img img

Configuration

1.) Once you installed the module, by dragging and dropping it in the home menu, hit the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) Enter the title of the membership card and the description, you can also display an image for the card.

img

Once the card is scanned, the information will be displayed as follows.

img

Don't forget to click save.

4.) You can also choose the layout of the posts to be either wide or on the left side as shown.

img

5.) To configure the features, click on "Features".

img

User Selectable Features

img

img

img

You can also customize the heart color in the like button.

img

img

img

Scroll down to the bottom of the list.

img

There is one action (delete) that is shown by default and eight actions that are user-selectable which are:

Click on the toggle to activate or deactivate the action.

img

You can also change the order of the actions, click and hold the move icon and drag up and down to move the action.

img

You can also disable the feature altogether.

img

Click here to know how to create a new tag.

Don't forget to "Save" after you are done with the configuration.

img

Must-Have Modules

Module Walkthrough

Posting in the Digital ID

img

img

Click on 'Posts' and choose 'Digital ID'

img

img

For more information about posting options click here to jump to the posts module.

img Booking & Events

User Bookings Module

Introduction

The user bookings module displays to your users the list of bookings that they made on your app.

You can install this module in your app in the following places:

You can find the user bookings module in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

Duplicability

This module can be duplicated in several sections in your app ✓

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) All the users' bookings will be displayed as follows:

Events List Module

Introduction

The events list module displays the list of events that the user accepted the invitation to.

Installation

You can install this module in your App in the following places:

You can find the events list modules in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

3

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Features

  1. Sync with System Calendar: A feature that allows the app to access the device's calendar and sync with it so that it displays the events on the corresponding dates.

    3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

3

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3

3.) To enable the syncing feature, check the box next to it and click Save.

3

The list of events will be displayed as follows once you accept the invitations.

3

Module Walkthrough

Creating a New Event

1.) From the admin menu, click on "Events".

3

2.) Click on "Create New" button or the small icon at the bottom right side of the page.

3 3

3.) Enter the details of the event as follows:

3

You can also assign a filter so that the event can come up in the search results under the filter that you select.

3

So if you select "sports event", this event will come up when the user searches for sports events on your app.

When you are done, click Next.

Next, add the event image.

3

Once you're done, click Finish.

Editing an Event

After you created the event hover over it.

The first icon will allow you to edit the event details.

3

The second icon will let you set up the pricing of the event.

3

The third icon will delete the event.

3

The QR code displayed will allow users to access the event once scanned.

If you click on the first option and scroll down, you will have the option to assign admins to this event, you can also share the event via Facebook, Twitter, or share the invitation link of the event.

3

Setting the Price of the Event

Click on the second icon.

3

Enter the price and the currency that you want, then click Save.

3

Booking Module

Introduction

The booking module allows your users to reserve tickets to a one-time event, or book tickets to reoccurring sessions.

Installation

You can install these modules in your App in the following places:

You can find the booking module in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) From the settings, you have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad will appear is five.

img

Don't forget to click save.

Must Have Modules

Complementary Modules

Module Walkthrough

Creating a New Booking Product

1.) From the admin menu, click on 'Booking'.

img

2.) Click the 'Create New' button or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a new booking.

imgimg

3.) Firstly, enter the name of your booking and its description.

img

4.) Set the location of the booking product, note that once you enter a location a drop down menu will appear with a list of locations to choose from.

img

5.) Set the duration of the booking product, in minutes, so for example, if your booking product is a yoga session, how long you want your session to be.

img

6.) Set the booking product gap, which is the time between each booking product and the next one, for example, if you have two successive yoga sessions, what is the time gap you want between them.

img

7.) Set the time zone, and click Next.

img

8.) Set an image for the booking product.

img

9.) Set whether it is cancellable or not.

If you set it as cancellable, you can determine the cancelation window where the user can cancel the booking.

img

You can choose from different durations.

img

10.) The days available allows you to determine when the event will reoccur, so for example, if you have a yoga session every Sunday and Thursday, you can set it accordingly. Set the reoccurring days that the booking product will take place.

img

Set the time that the booking product will take place and its duration.

img

Set the number of bookings, which is the available number of bookings for the event, we will set the price at the end of the steps.

img

11.) You can also set your holidays to let the users know that there will be no event on this particular day, click on the calendar icon.

img

You will be prompted with a calendar, from which you can choose your holidays.

img

Once you're finished click Create to create the booking.

Setting the Price

12.) To set up the pricing for the booking, hover over the booking and click the dollar sign.

img

13.) Set the price per booking and the currency.

The payment type determines if your users will be billed per session or per a bundle of sessions.

To charge users per session, select Direct Payment.

To charge users per a bundle of sessions, select Balance.

img

If you set it to Bundle, the user will buy the whole bundle of sessions one time and every time a user attends a session it will be deducted from the total number of sessions of the bundle, so for example, the bundle can consist of four yoga sessions and it will be bought once by the user, when the user attends a session, it will be deducted from the total of four sessions, which means that the remaining available sessions for the user will be three sessions.

Creating a Bundle of Sessions

1.) Go to the Bundles section from the admin menu.

img

2.) Click on the 'Create New' button, or the small icon at the bottom right side of the page.

57img

3.) Fill in the details of the bundle and click 'Create'.

img

The display name is the name of the bundle that will appear to your users, while the max unit is the maximum number of units that a user can order.

4.) Next, you need to link the bundle that you created to the booking product. Hover over the bundle and click edit.

img

5.) Scroll down, and click on Add Products.

img

6.) Click on Bookings, select the booking product, and click Insert.

img

Checking the Tickets Booked

To check the booked tickets, go back to the booking section in the admin menu

img

Hover over the booking product and click view tickets.

img

You will be prompted with the list of users who booked this booking product.

img

Ticket Validate Module

Introduction

The ticket validate module allows you to validate tickets generated by nandbox app builder and determine whether they are valid or expired.

This module is the best to use if you want to build a Booking App.

Installation

You can install this module in your App in the following places:

ou can find the ticket validate module in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

3

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Feature

Ticket Validate: A feature that allows you to validate the users' tickets.

Each ticket generated by nandbox app builder will have a unique QR code.

3

The ticket is scanned using a built-in QR reader in the module.

3

If the ticket is valid, the validation will be successful and the reader will display that the ticket is valid.

3

If the ticket has expired, the validation will fail and the reader will display that it has expired.

3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

3

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Ticket Redeem Module

Introduction

The ticket redeem module allows you to redeem tickets generated by nandbox app builder.

This module is the best to use if you want to build a Booking App.

Installation

You can install this module in your App in the following places:

You can find the ticket redeem module in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

3

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Feature

Ticket Redeem: A feature that allows users to redeem their tickets

Each ticket generated by nandbox app builder will have a unique QR code.

3

The ticket is scanned using a built-in QR reader in the module.

3

If the ticket is valid, the redeeming process will be successful and the reader will display that the ticket is redeemed.

3

If the ticket was canceled, the redeeming process will fail and the reader will display that it has been canceled.

3

The redeeming process will also fail if the ticket has expired

3

Or if the ticket has been used.

3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

3

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

img Mobile Store

Store Module

Introduction

The store module allows you to create a full-functioning e-commerce store where you can sell your products.

The store module will allow you to:

Installation

You can install this module in your app in the following places:

You can find the channel modules in the Mobile Store category.

1

Drag and drop the module into your home menu to install it.

1

Duplicability

This module can only be installed on your home menu.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home menu, click the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

Once you install the store module, the store management menu will appear in the admin menu.

Setting Up a Store

1.) Head to the mStore section on the left-hand side of the page.

30

2.) Click on "Create New".

31

Or the small icon at the bottom right side of the page.

32

3.) Enter the details of your store, notice if you check the default option, this will become your main store.

33

4.) Once you created the store, hover over it and click edit.

5.) Each channel you create can have its own store assigned to it, you can assign ownership for each store by clicking on the edit button, the default option means that this is the main store of the app.

Once you click edit, you will be prompted with the list of channels that you created, select the channel and click insert.

Creating a New Product

1.) Now head on to the products section.

36

2.) Click on "Create New".

37

Or the small icon at the bottom right side of the page.

37

3.) Enter your product details.

39

Note that the display title is the product name that the users will see, the SKU is a unique code to identify each product based on brand, style, color, or size, and the max unit per order is the maximum number that a user can order this product.

4.) Once you created the product, hover over it and click on the edit button.

34

5.) Here you can add searchable keywords that your product can appear under.

40

6.) You can set this product to appear under a certain search term from the search filter tool. You can pre-set the search terms from the search module here.

40

You also have the option to add product add-ons to further customize the product, click here to jump to the adding product add-ons page.

41

7.) Don't forget to save when you finish.

8.) After you created the product, you can list it in the store you created. Go back to the mStore page, and click edit on the store you created.

34

9.) Scroll down and click on "Add Item".

54

10.) Tick the product that you want to add and then click "Insert".

55

11.) Note that you can insert bundles, multi-tiered plans, and mini stores the same way.

Creating a New Bundle

1.) Head to the Bundles page.

56

2.) Click on the "Create New" button.

57

Or the small icon at the bottom right side of the page.

3.) Fill in the details of the bundle and click "Create".

59

4.) To add products to the bundle, click on the edit button.

60

5.) Scroll down, and click on "Add Product".

61

6.) Select the product that you want to add and then click "Insert".

62

Creating a New Multi-tiered Plan

1.) Head to the Multi-tiered Plan section.

63

2.) Click the "Create New" button.

64

3.) Or the small icon at the bottom right side of the page.

65

4.) Enter the details and click "Create", you can also choose the display style of the products inside the multi-tiered plan.

66

5.) After you created the plan, click on edit.

67

6.) You can then add products or bundles to your plan.

68

Adding Product Add-Ons

1.) Head to the Product add-ons page.

43

2.) Click on "Create New" button.

44

Or the small icon at the bottom right side of the page.

45

3.) Fill in the details of the product add-on, and click "Create New".

46

4.) Click on the edit button once you created the add-on.

47

5.) Scroll down till you reach the sub-menu and then click "Add Submenu".

48

6.) Enter the details of the submenu and click "Create New".

49

7.) You can then assign the minimum and the maximum number of items under each submenu.

50

8.) Click on the blue Add button to start adding more submenus under the main submenu you created.

51

9.) You can create multiple submenus and multiple items under each submenu.

10.) When you're done, click on the green add button to assign the product add-on to the specific submenu you already created, if you didn't create a product yet, create one, so you can assign the product add-ons to it.

11.) Don't forget to save when you finish.

52

Setting Your Main Store

After you are done configuring your store, click on the gear icon.

Click add to select which store you want to make the main one.

Select the store and click insert.

1.) Once you installed the module, by dragging and dropping it in the home menu, click the gear icon to configure the settings of the module.

Checking Your Orders

To check your orders' status, click on the orders page.

69

You can check all the details of your users' orders.

img Solutions

School App

This is a step by step guide to creating a school app.

Features included in the app:

  1. News Feed
  2. Class Channels
  3. Map Tracking
  4. Class Schedule
  5. Events List
  6. Built-in Messenger
  7. Online Recorded Lectures

Module Installation

1.) In order to install a module, click on one of the module categories, placed on the right, you can choose from 30+ modules that serve different functions.

img

2.) Drag one of the modules and drop it to your Home Menu's setup area.

img

3.) That's it! Your module is now installed.

Now we're gonna take one feature at a time and explain it.

News Feed

Where updates about school matters could be posted including announcements and events.

img

Installation

You can install this module in your app in the following places:

You can find the posts/feed module in the social category.

1

Drag and drop the module into your home to install it.

img

Duplicability

This module can only be installed in your home menu x

Click here to check out the features of the feed module.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) You can also choose the layout of the posts to be either wide or on the left side as shown.

img

Module Walkthrough

Activating the Feed Module

img

img

img

img

img

img

img

Create New Tags

You can label your users by creating tags for them, you can have a tag for each section of the school i.e. students, teachers, parents.

When you publish a post, you can choose to target a specific tag so that the message is delivered only to the tag specified, for example, you can send a post that there will be a staff meeting at noon to the tag 'Teachers' and only the teachers would be able to see it.

Click on "Tags" and then "Add New Tag", enter the tag name and the tag description and choose whether you want it to be a private tag or not, and then click Save.

img

img

Next, you should label your users with this tag so that posts will be sent to them only when you specify the tag.

From the admin menu, go to Users.

img

Select the user that you want to assign the tag to and click on the edit button.

img

Click Add Tag.

img

Mark the tag and click Add.

img

Then click Save.

img

Create New Segment

Segments are a tool to further manage your users, you can create a specific segment for students in a certain class: 'Grade 7 students' or teachers of a certain department: 'Math Teachers'

Follow the same steps and create a new segment.

img

Publishing to Groups & Channels

You can also publish your post to certain groups and channels that you created.

1.) Click on Groups

img

2.) And then click on "Add New" and select either Group or Channel

img

If you would like to publish a post without sending push notifications to your users, you can enable the silent button.

img

Finally, when you are ready to publish your post, click on "Send".

img

Class Channels

You can create a channel for each class in the school and include all the students and teachers in each class, channels will enable you to publish content for the users to view and interact with.

img

There are three modules included:

1.) Channel List: Displays the list of all channels that are available on the app.

2.) User Channels: Show the channels that the user is subscribed to.

3.) Active Channels: Show the channels that the user is active on.

Installation

You can install these modules in your app in the following places:

You can find the channel modules in the social category.

1

Drag and drop the modules into your home or side menu to install them.

11

Duplicability

This module can be duplicated in several sections in your app ✓.

Click here to check out the features of the channel module.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

14

2.) Here you can rename the module and choose an Android and an iOS icon for it.

15

Module Walkthrough

Create a New Channel

Click "Channels" in the admin menu, placed on the left-hand side of your nandbox dashboard.

18

Hit the "Create New" button.

19

Or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a new group.

20

A window will appear where you can enter your channel name and description.

21

You will also find a video below explaining the process.

After you created the channel, you can hover over it and click on the edit button to configure it.

22

You can edit the channel image, name, and description in the first section.

1

You can also add a splash screen to your channel, which includes an image, title, and description, you can also change the button text and colors associated with it.

A splash screen is an introductory graphical screen that shows a welcome message when you first install an app, it can also be displayed when a user first joins a group or a channel.

24

Which will look something like this:

32.

You can also set a welcome push notification message to your users when they join the channel, click on "set message" and set it up.

76 (media/Channel/7600-bbcc843c.jpg)

Users can also join a channel by scanning the QR of the group.

76 (media/Channel/7620-4154bc37.jpg)

You can also assign admins to a specific channel.

76 (media/Channel/7630-af90d9df.jpg)

Invite your users to join the group through Twitter, Facebook, or by sending them a link to join.

76 (media/Channel/7640-e65bcc41.jpg)

Don't forget to save after you finish the configuration.

76 (media/Channel/7650-b275caa4.jpg)

Map Tracking

Enables the parents to track their children's school bus route.

img

Stay tuned, the feature is currently being finalized!

Class Schedule

List the daily lesson schedule for all the parents and students to view.

img

Creating a New Calendar

Note that any event created in the calendar will be repeated every week.

1.) From the admin menu, click on 'Calendars'.

3

2.) Click on 'Create New' button.

3

3.) Edit the details of the calendar event, this could be a daily schedule of a certain class and click Next.

3

4.) You will be prompted with the following screen.

3

Here you can set the holidays where the school will be off.

Open the calendar and select the day.

3

Next, you can set the schedule for each day of the week.

So for example here we have 3 classes on Sunday as follows:

3

You can add more classes by clicking on the plus icon.

3

Select the days and edit the classes, when you are done click Create.

Events List

Installation

You can install this module in your App in the following places:

You can find the events list modules in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

3

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Features

  1. Sync with System Calendar: A feature that allows the app to access the device's calendar and sync with it so that it displays the events on the corresponding dates.

    3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

3

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3

3.) To enable the syncing feature, check the box next to it and click Save.

3

Creating a New Event

To announce school events, school trips, and exams. Note that the event created will be a one time event.

1.) From the admin menu, click on 'Events'.

3

2.) Click on 'Create New' button or the small icon at the bottom right side of the page.

3 3

3.) Enter the details of the event as follows:

img

When you are done, click Next.

Next, add the event image.

3

Once you're done, click Finish.

Editing an Event

After you created the event hover over it.

The first icon will allow you to edit the event details.

3

The third icon will delete the event.

3

The QR code displayed will allow users to access the event once scanned.

If you click on the first option and scroll down, you will have the option to assign admins to this event, you can also share the event via Facebook, Twitter, or share the invitation link of the event.

3

In order for your users to view events and calendars, you have to install the module 'Events List'.

Built-in Messenger

The text and media messenger module allows your users to text and share multimedia files with each other, who also use your app. It shows the users a list of their recent one-to-one chats as well as the group chats made on your App.

Installation

You can install this module in your app in the following places:

You can find the Messenger module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Click here to check out the features of the messenger module.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

Online Recorded Lectures

You can upload the recorded lectures on YouTube and display the playlist on the app for your students to view.

1

From the home menu, click on Pages from the categories section.

1

Scroll down until you reach YouTube Playlist.

img

Install it with the same drag and drop approach.

Next, enter the playlist, the app builder will automatically generate the playlist.

1

Shopping App

This is a step by step guide to creating a shopping app.

Features included in the app:

  1. Online Store
  2. Payment Gateways
  3. Loyalty Program
  4. Engagement Campaigns
  5. Talk to Admin
  6. Search

Module Installation

1.) In order to install a module, click on one of the module categories, placed on the right, you can choose from 30+ modules that serve different functions.

img

2.) Drag one of the modules and drop it to your Home Menu's setup area.

img

3.) That's it! Your module is now installed.

Now we're gonna take one feature at a time and explain it.

Online Store

A fully-functional e-commerce store where you can sell your products or services.

img

Installation

You can install this module in your app in the following places:

You can find the posts/feed module in the social category.

1

Drag and drop the module into your home to install it.

1

Duplicability

This module can only be installed in your home menu x

Configuration

1.) Once you installed the module, by dragging and dropping it in the home menu, click the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

Once you install the store module, the store management menu will appear in the admin menu.

#### Setting Up a Store

1.) Head to the mStore section on the left-hand side of the page.

30

2.) Click on "Create New".

31

Or the small icon at the bottom right side of the page.

32

3.) Enter the details of your store, notice if you check the default option, this will become your main store.

33

4.) Once you created the store, hover over it and click edit.

5.) Each channel you create can have its own store assigned to it, you can assign ownership for each store by clicking on the edit button, the default option means that this is the main store of the app.

Once you click edit, you will be prompted with the list of channels that you created, select the channel and click insert.

#### Creating a New Product

1.) Now head on to the products section.

36

2.) Click on "Create New".

37

Or the small icon at the bottom right side of the page.

37

3.) Enter your product details.

39

Note that the display title is the product name that the users will see, the SKU is a unique code to identify each product based on brand, style, color, or size, and the max unit per order is the maximum number that a user can order this product.

4.) Once you created the product, hover over it and click on the edit button.

34

5.) Here you can add searchable keywords that your product can appear under.

40

6.) You can set this product to appear under a certain search term from the search filter tool. You can pre-set the search terms from the search module here.

40

You also have the option to add product add-ons to further customize the product, click here to jump to the adding product add-ons page.

41

7.) Don't forget to save when you finish.

8.) After you created the product, you can list it in the store you created. Go back to the mStore page, and click edit on the store you created.

34

9.) Scroll down and click on "Add Item".

54

10.) Tick the product that you want to add and then click "Insert".

55

11.) Note that you can insert bundles, multi-tiered plans, and mini stores the same way.

#### Creating a New Bundle

1.) Head to the Bundles page.

56

2.) Click on the "Create New" button.

57

Or the small icon at the bottom right side of the page.

3.) Fill in the details of the bundle and click "Create".

59

4.) To add products to the bundle, click on the edit button.

60

5.) Scroll down, and click on "Add Product".

61

6.) Select the product that you want to add and then click "Insert".

62

#### Creating a New Multi-tiered Plan

1.) Head to the Multi-tiered Plan section.

63

2.) Click the "Create New" button.

64

3.) Or the small icon at the bottom right side of the page.

65

4.) Enter the details and click "Create", you can also choose the display style of the products inside the multi-tiered plan.

66

5.) After you created the plan, click on edit.

67

6.) You can then add products or bundles to your plan.

68

#### Adding Product Add-Ons

1.) Head to the Product add-ons page.

43

2.) Click on "Create New" button.

44

Or the small icon at the bottom right side of the page.

45

3.) Fill in the details of the product add-on, and click "Create New".

46

4.) Click on the edit button once you created the add-on.

47

5.) Scroll down till you reach the sub-menu and then click "Add Submenu".

48

6.) Enter the details of the submenu and click "Create New".

49

7.) You can then assign the minimum and the maximum number of items under each submenu.

50

8.) Click on the blue Add button to start adding more submenus under the main submenu you created.

51

9.) You can create multiple submenus and multiple items under each submenu.

10.) When you're done, click on the green add button to assign the product add-on to the specific submenu you already created, if you didn't create a product yet, create one, so you can assign the product add-ons to it.

11.) Don't forget to save when you finish.

52

### Setting Your Main Store

After you are done configuring your store, click on the gear icon.

Click add to select which store you want to make the main one.

Select the store and click insert.

1.) Once you installed the module, by dragging and dropping it in the home menu, click the gear icon to configure the settings of the module.

### Checking Your Orders

To check your orders' status, click on the orders page.

69

You can check all the details of your users' orders.

Payment Gateways

This section will allow you to choose how your customers will pay in your app.

Go to the app settings page, click on App Settings from the top menu.

1

Scroll down to find the payment options.

1

Credit Card

Users can pay through credit card using one of the following payment gateways:

Stripe

Stripe is one of the major payment gateways that will allow your customers to shop and buy your products using their credit or debit card.

Follow the steps in this article to integrate your app with Stripe.

Accept

Follow the steps in this article to integrate your app with Accept.

PayTabs

Follow the steps in this article to integrate your app with PayTabs.

PayPal

Follow the steps in this article to integrate your app with PayPal.

You can also enable the Cash Option.

1

In-App Purchases

In-App purchases allows your customers to make additional purchases in your app.

Follow the steps in this article to enable in-app purchases in your app.

Loyalty Program

The loyalty wallet is associated with an interactive feed to lure customers to your loyalty program.

Users can collect points in a digital wallet to redeem later with coupons or free products.

1

Installation

You can install this module in your app in the following places:

You can find the loyalty module in the social category.

1

Drag and drop the module into your home menu to install it.

img

Duplicability

This module cannot be duplicated in several sections in your app ✕

You can check out the loyalty program's main features here.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home menu, click on the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) In the settings tab, you can customize the main page for the loyalty module that will be displayed to your customers, the page will display the number of points that customers collected and how many points remain until they hit the target you set and receive their prize (either points or coupons).

Which will look something like this:

img

You can set an image of the display message, rename the title, the description, and the target points after which your customers will receive a prize, you can also edit the colors of the target points, earned points, and the text color in the message,

img

4.) After you're done editing, you will be able to see the displayed message on iOS and Android.

iOS Android
img img

5.) From the layout tab, you can choose the display style from "Wide" or "Side view".

img

6.) Don't forget to save after changing each configuration.

Module Walkthrough

Activating the Loyalty Module

1.) From the admin menu, click on "Campaign".

img

A campaign is a competition you customize that includes certain triggers that you can choose (user likes a post, user shares a post, user joins a channel), these triggers make the user eligible to enter the qualifications to win prizes that you choose (points or coupons).

2.) Click the "Create New" button or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a campaign.

img img

3.) Firstly, name your campaign and the start and end date in which your campaign will be active, the days in which your campaign will run, and which hours during the day.

img

4.) Next, select the trigger after which the user will qualify to win.

img

5.) You can choose from different triggering options.

img

6.) You can also select which messages your campaign will run on.

img

7.) If you choose "Specific Message", you will be prompted with a window, in which you can create a new scheduled post.

img

8.) Click on "Add New" to create a new post, you will be prompted with a new post screen, where you can edit your post.

img

9.) When you are ready to schedule your post, click the calendar icon at the bottom.

img

10.) Choose the date and time of the post to be published and click "Schedule".

img

11.) Select the post you created and click "Insert".

img

12.) Choose whether to activate this campaign or not.

img

13.) You can also setup a poll where your customers can win if they chose a certain answer you set, from the setup section, click on "Add Menu".

img

14.) If you haven't created a menu, click here to jump to the create menu section.

15.) Once you're done, click next to move to the qualification criteria.

16.) The qualification criteria allow you to choose how many events are required for the user to qualify for winning, if you select "Only" and enter a number, then the user has to activate the trigger you specified equal to the number that you specified to qualify to win, so for example, if you set the trigger as "Like" and set it "Only" and enter the target to "3", then the user has to like three posts in order for them to qualify for winning.

img

17.) However, if you set it to "Every" and set a target to "3" and the per section to "Week", then the user has to like three posts EVERY week to be able to qualify to win, you can choose from different periods.

img

18.) Once you set the qualification criteria, click "Next".

19.) Next, you have the winning selection section, where you can determine the maximum number of winners.

img

20.) You can also choose how the winners will be selected, if you set to "Everyone Will Win" then the first number you set in the "Maximum number of winners" will be the number of customers who will win, so for example, if you assigned the trigger to qualify as "Like" and the maximum number of winners to 10, and a thousand customers liked a post, only the first ten will win.

img

21.) However, if you selected "Random", then you can determine the number of winners from a group of qualifiers, so if you entered the values 1 out of 10, then 1 user will win out of each 10 qualifiers.

img

22.) You can also limit the number of winners per day to a certain number, you can also restrict a user to win more than once per a certain period, just tick the option you want and configure it.

img

23.) Finally, you have the Award section.

img

24.) You can select the award type from points or coupons.

img

25.) If you select points, enter the number of points that the user will be awarded, and choose "Loyalty" from the drop down menu.

img

26.) If you chose, coupon, click on "Add Coupon"

img

27.) Click on "Add New".

img

28.) Enter the coupon name, description, and expiry date, you can also allow the option for sharing with others. Set the value of the coupon and assign a UPC (Universal Product Code) for it, which is a unique code for the system to identify and redeem the coupon when the user chooses to.

img

29.) After you created the coupon, select it, and click on "Insert".

img

30.) You can also set an award message that the user will receive when they win, click on "Add Message" to create one.

img

31.) Click on "Add New".

img

32.) Type your award message and click "Send".

img

33.) Select your message and click "Insert".

img

34.) When you are done, click "Finish".

Create a Competition Poll

1.) You can also assign the trigger to be when a user chooses a certain answer in a poll, to do that, get back to the events section and click "Add Triggers"

img

2.) Choose "Button".

img

3.) From the setup section, click on "Add Menu".

img

4.) Choose the poll that you created and click "Insert".

img

5.) You can then choose which choice the user will qualify if they chose it.

img

Create a Menu

1.) Click on the "Menu" section from the admin menu.

img

2.) Hit the "Create New" button or the small icon at the bottom right side of the page, to be prompted with a pop-up window.

img img

3.) Enter the poll name and response message once the user picks a choice, click on the "+" button to create a new choice.

img

4.) Once you click on it, you will be prompted with a window where you can edit the title of the button, its icon, and colors associated with it, you can also assign a URL to the button.

img

5.) You can create multiple choices.

6.) To set a response message, first, create a new menu, and enter the response message that you want to appear, and click save.

img

7.) Then go back to the menu you created and click on "Set a Menu" in the response section.

img

8.) Pick the response message that you created and click "Insert".

img

9.) Don't forget to save.

Engagement Campaigns

Using the feed module, you can launch campaigns and offers to keep your customers hooked all the time. This module enables you to have an instant feed on your app like that of a Facebook page or a Telegram channel; customers can interact with your posts by liking, sharing, or writing comments.

img

Installation

You can install this module in your app in the following places:

You can find the posts/feed module in the social category.

1

Drag and drop the module into your home to install it.

img

Duplicability

This module can only be installed in your home menu x

You can check out the feed's main features here.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) From the settings, you have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad will appear is five.

img

Don't forget to click save.

4.) You can also choose the layout of the posts to be either wide or on the left side as shown.

img

User Selectable Features

img

img

You can also customize the heart color in the like button.

img

img

Click here to know how to create a new tag.

Don't forget to "Save" after you are done with the configuration.

img

Module Walkthrough

Activating the Posts Module

img

img

img

| nandbox | Facebook | | :--------------------------------------------: | :---------------------------: | | img | img |

img

img

img

img

Create New Tags

Click on "Tags" and then "Add New Tag", enter the tag name and the tag description and choose whether you want it to be a private tag or not, and then click Save.

img

img

Create New Segment

You can also segment your customers into groups and you can send each segment a targeted post. Follow the same steps when you create a new tag.

img

Publishing to Groups & Channels

You can also publish your post to certain groups and channels that you created.

1.) Click on Groups

img

2.) And then click on "Add New" and select either Group or Channel

img

img

If you would like to publish a post without sending push notifications to your customers, you can enable the silent button.

img

Finally, when you are ready to publish your post, click on "Send".

img

Talk to Admin

This feature allows you to dedicate a one-to-one chat between an admin that you set and your customers, you can use this feature for customer support, or sales enquires.

Installation

You can install these modules in your App in the following places:

You can find the Direct Chat module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Click here to check out the features of the messenger module.

Module Walkthrough

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

5

2.) Here you can rename the module and choose an android and an iOS icon for it.

5

3.) Click on "Add" to choose which member of your app to link the chat with.

5

4.) You can search by the member's name or login ID, tick the member that you want to link the chat with, and click "Add".

5

5.) Now your chat is assigned to the member you chose, don't forget to click "Save".

5

6.) To check out the features, click on "Features".

5

Search Feature

The search module provides a search function throughout your entire app, users can find products using key phrases, you can customize the searchability of content on your app and create filters to categorize your content.

Installation

You can install this module in your app in the following places:

You can find the search module in the Essentials category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Main Features

The Search module comprises 4 features, set as default.

1.) Search: A powerful search function that can navigate all over your app, using ElasticSearch, and shows results instantly.

1

2.) Advanced Search: A feature to add additional search filters, customized based on which content you want your users to find.

3.) Keyword Search: Allows users to search through your app using key phrases.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) Here you can change the background image displayed when you open the search module.

Which looks something like this:

4.) Next, you can choose the button icon and the icon and button color.

As shown below:

5.) Enter the title and the description of the search page.

Which will be displayed as follows:

6.) You can enable text search, which will allow users to search the entire app using a certain key phrase, you can also assign the search to function using a certain criterion (Area, Country, Product)

7.) Here, you can select where your keyword will be searchable in your app.

8.) Next, you can add a Filter search option which will be displayed when users search by the criteria that you set in step 6, click set up.

72 (media/Channel/7220-487406a7.jpg)

9.) You will be prompted with a screen where you can include up to three filters, you can name the filter, and enter the content of each filter.

Now, when the user searches by the criteria that you specified in step 6 (Search By Country), the options that you entered in the filter will be displayed as follows.

10.) After you're done, don't forget to tick the filter and click save.

42

11.) Now you can include any content (channel, product, booking, event, group, queue, bot, marker) in your app to come up under the specific criteria that you set, for example, you can create a channel and hover over it and click the edit button.

You can choose the option that this channel will be displayed in the search results, when the user clicks on it, for example, if you select Canada, then this channel will be displayed when the user searches by country and then selects the option Canada.

12.) Don't forget to click save after you finish.

13.) You have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad will appear is five.

Messenger App

This is a step by step guide to creating a messenger app.

Features included in the app:

  1. Text & Media Messenger
  2. Audio & Video Calling
  3. Interactive Channels
  4. Chat Groups

Module Installation

1.) In order to install a module, click on one of the module categories, placed on the right, you can choose from 30+ modules that serve different functions.

img

2.) Drag one of the modules and drop it to your Home Menu's setup area.

img

3.) That's it! Your module is now installed.

Now we're gonna take one feature at a time and explain it.

Text & Media Messenger

The text and media messenger module allows your users to text and share multimedia files with their contacts, who also use your app. It shows the users a list of their recent one-to-one chats as well as the group chats made on your App.

Installation

You can install this module in your app in the following places:

You can find the Messenger module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Click here to check out the module's features.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) From the settings, you have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad will appear is five.

img

Don't forget to click save.

4.) You can check the features by clicking "Features"

img

Must Have Modules

It's better to add this module to your App's Side Menu (step 3)

Audio & Video Calling

Allows users to make seamless voice and video calls with their contacts, who also use your app by including this module. That's in addition to sharing text and multimedia files. The Audio & Video Calling module shows the users a list of their recent one-to-one chats as well as the group chats that they made on your App.

Installation

You can install these modules in your App in the following places:

You can find the audio & video call module in the Communications category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Click here to check out the module's features.

Configuration

  1. Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

1

  1. Here you can rename the module and choose an Android and an iOS icon for it.

1

  1. From the settings, you have the option to include ads in your app, using Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad can appear is 5.

1

Don't forget to click save.

  1. To check out the features, click on features.

    1

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Interactive Channels

Entertain your audience with interactive content and keep them posted with the latest updates while receiving their feedback privately.

Channels allow you to post messages, images, videos, and files, with the option of targeting and segmentation.

With unlimited subscribers to each channel, you can include multiple channels on your app, to deliver diverse content in each one of them.

You can also include an interactive store to sell products on your channel with the option to have a location visible for your users.

There are three modules included:

1.) Channel List: Displays the list of all channels that are available on the app.

2.) User Channels: Show the channels that the user is subscribed to.

3.) Active Channels: Show the channels that the user is active on.

Installation

You can install these modules in your app in the following places:

You can find the channel modules in the social category.

1

Drag and drop the modules into your home or side menu to install them.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Click here to check out the module's features.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

14

2.) Here you can rename the module and choose an Android and an iOS icon for it.

15

3.) From the settings, you have the option to include ads in your app, using Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad can appear is 5.

Don't forget to click save.

16

4.) To configure the features, click on features.

17

Must Have Modules

(You can add these to your App's main menu):

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Module Walkthrough

Create a New Channel

Click "Channels" in the admin menu, placed on the left-hand side of your nandbox dashboard.

18

Hit the "Create New" button.

19

Or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a new group.

20

A window will appear where you can enter your channel name and description.

21

You will also find a video below explaining the process.

After you created the channel, you can hover over it and click on the edit button to configure it.

22

You can edit the channel image, name, and description in the first section.

23

You can also add a splash screen to your channel, which includes an image, title, and description, you can also change the button text and colors associated with it.

A splash screen is an introductory graphical screen that shows a welcome message when you first install an app, it can also be displayed when a user first joins a group or a channel.

24

Which will look something like this:

32.

You can also include a search filter in your channel:

Note that you have to include the search module in your app first.

Configuring Your Channel

1.) Click on the gear icon to configure it.

72 (media/Channel/7200-4b217f1d.jpg)

2.) Scroll down until you reach "Filter" and then click on setup.

72 (media/Channel/7220-487406a7.jpg)

3.) A screen will appear which you can tick multiple filters, you can name the filter, and assign the search criteria for each filter.

43

4.) After you're done, don't forget to tick the filter and click save.

42

5.) Get back to the channel settings, you will find your filters there, and you can assign each channel to come up with a selected search filter.

75

You can also set a welcome message to your users when they join the channel, click on "set message" and set it up.

76 (media/Channel/7600-bbcc843c.jpg)

Users can also join a channel by scanning the QR for your group.

76 (media/Channel/7620-4154bc37.jpg)

You can also assign admins to a specific channel.

76 (media/Channel/7630-af90d9df.jpg)

Invite your users to join the group through Twitter, Facebook, or by sending them a link to join.

76 (media/Channel/7640-e65bcc41.jpg)

Don't forget to save after you finish the configuration.

76 (media/Channel/7650-b275caa4.jpg)

You can also set-up a store on your channel. (Note that you have to include the store module and the map search module in your app)

Note that:

Setting Up a Store

1.) To set it up, click on "Set".

26

2.) And then add a new location to the store.

27

3.) Add the image for the location, icon, title, description, and enter the location, a drop-down menu will appear from which you can choose the location, you can also include your website in the web URL.

28

4.) Choose the store and click "Insert".

29

5.) Head to the mStore section on the left-hand side of the page.

30

6.) Click on "Create New".

31

Or the small icon at the bottom right side of the page.

32

7.) Enter the details of your store, notice if you check the default option, this will become your main store.

33

Creating a New Product

1.) Now head on to the products section.

36

2.) Click on "Create New".

37

Or the small icon at the bottom right side of the page.

38

3.) Enter your product details.

39

Note that the display title is the product name that the users will see, the SKU is a unique code to identify each product based on brand, style, color, or size, and the max unit per order is the maximum number that a user can order this product.

4.) Once you created the product, hover over it and click on the edit button.

34

5.) Here you can add searchable keywords that your product can appear under.

40

You also have the option to add product add-ons to further customize the product, click here to jump to the adding product add-ons page.

41

6.) Don't forget to save when you finish.

7.) After you created the product, you can list it in the store you created. Go back to the mStore page, and click edit on the store you created.

34

8.) Scroll down and click on "Add Item".

54

9.) Tick the product that you want to add and then click "Insert".

55

10.) Note that you can insert bundles, multi-tiered plans, and mini stores the same way.

Creating a New Bundle

1.) Head to the Bundles page.

56

2.) Click on the "Create New" button.

57

Or the small icon at the bottom right side of the page.

3.) Fill in the details of the bundle and click "Create".

59

4.) To add products to the bundle, click on the edit button.

60

5.) Scroll down, and click on "Add Product".

61

6.) Select the product that you want to add and then click "Insert".

62

Creating a New Multi-tiered Plan

1.) Head to the Multi-tiered Plan section.

63

2.) Click the "Create New" button.

64

3.) Or the small icon at the bottom right side of the page.

65

4.) Enter the details and click "Create", you can also choose the display style of the products inside the multi-tiered plan.

66

5.) After you created the plan, click on edit.

67

6.) You can then add products or bundles to your plan.

68

Adding Product Add-Ons

1.) Head to the Product add-ons page.

43

2.) Click on "Create New" button.

44

Or the small icon at the bottom right side of the page.

45

3.) Fill in the details of the product add-on, and click "Create New".

46

4.) Click on the edit button once you created the add-on.

47

5.) Scroll down till you reach the sub-menu and then click "Add Submenu".

48

6.) Enter the details of the submenu and click "Create New".

49

7.) You can then assign the minimum and the maximum number of items under each submenu.

50

8.) Click on the blue Add button to start adding submenus under the main submenu you created.

51

9.) You can create multiple submenus and multiple items under each submenu.

10.) When you're done, click on the green add button to assign the product add-on to the specific submenu you already created, if you didn't create a product yet, create one, so you can assign the product add-ons to it.

11.) Don't forget to save when you finish.

52

Checking Your Orders

To check your orders' status, click on the orders page.

69

You can check all the details of your users' orders.

Chat Groups

Up to 30,000 members can join your app's chat group and enjoy the seamless features of nandbox, including voice memos, multimedia file sharing, and video streaming. There is no limit to the number of chat groups you can create in your app.

You can create group chats for businesses and individuals. With the ability to personalize each group chat with a name, display picture, description, and category classification. The group chat admin can change these details anytime.

You can configure your chat group to be public or private. A public group is the best option if you want to allow anybody to join the group and have members invite other users to join while in the private group, only the chat admin will be able to invite new members to join, with the option to choose the group admins for each group.

There are three modules included:

1.) Group List: Displays the list of all groups that are available on the app.

2.) User Groups: Show the groups that the user has joined.

3.) Chat Group: Opens a chat group that members of the group can interact with each other.

Once you create a group, it will be appear in the group list and users will be able to join it, once they do, it will appear to them in the user group.

Installation

You can install the 'Group list' and the 'Chat Group' module in your App in the following places:

You can find the chat group modules in the social category.

1

Drag and drop the modules into your home or side menu to install them.

1

Duplicability

This module can be duplicated in several sections in your app. ✓

Click here to check out the module's features.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

11

2.) Here you can rename the module and choose an android and an iOS icon for it.

12

3.) From the settings, you can choose which group to set.

13

4.) Click on "Add" to create a new group and then create "Add New".

14

5.) You can then enter the group name and description.

15

6.) Once you created the group, you can select it and click on "Insert".

16

7.) Don't forget to click "Save", note that all groups created from the web builder will be public.

80

8.) To check out the features, click on "Features".

18

9.) You can also set a welcome message to your users when they join the group, click on "Set Message" and set it up.

45

10.) Users can also join your group by scanning the QR for your group.

46

11.) You can also assign admins to a specific group.

47

12.) Invite your users to join the group through Twitter, Facebook, or by sending them a link to join.

48

13.) Don't forget to save after you finish the configuration.

img

Create a Private Group

From a mobile go to User Groups.

img

Tap on the ''+'' sign at the top right hand side of the screen.

img

Tap on Chat Group.

img

Enter the group name and description.

img

Select the privacy to private, then tap Done.

img

Must-Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Module Walkthrough

Activating the Chat Group

1.) Click "Chat Groups" in the Admin menu, placed on the left of your nandbox dashboard.

25

2.) Hit the "Create New" button or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a new group.

img img

3.) A window will appear where you can enter your group name and description.

28

You will also find a video below explaining the process.

4.) After you created the group, you can hover over it and click on the edit button to configure the group.

29

5.) You can enter the group image, group name, and description in the first section.

30

6.) You can also add a splash screen to your group, which includes an image, title, and description, you can also change the button text and colors associated with it.

A splash screen is an introductory graphical screen that shows a welcome message when you first install an app, it can also be displayed when a user first joins a group or a channel.

31

Which will look something like this:

32.

7.) You can also include a search filter in your group:

32

Note that you have to include the search module in your app first, here are the steps to do that:

Adding a Search Filter

1.) After you installed the Search module, click on the gear icon to configure it.

38

2.) Scroll down until you reach "filter" and then click on setup.

39

3.) You will be prompted with a screen where you can tick multiple filters, you can name the filter, and assign the search criteria for each filter.

40

4.) After you're done, don't forget to tick the filter and click save.

42

5.) Go back to the group settings, you will find your filter there, and you can assign each group to come up with a selected search filter.

75

Booking & Events App

This is a step by step guide to creating a booking app.

Features included in the app:

  1. Events List
  2. Booking
  3. User Bookings
  4. Ticket Validate
  5. Ticket Redeem
  6. Payment Gateway
  7. News Feed

Module Installation

1.) In order to install a module, click on one of the module categories, placed on the right, you can choose from 30+ modules that serve different functions.

img

2.) Drag one of the modules and drop it to your Home Menu's setup area.

img

3.) That's it! Your module is now installed.

Now we're gonna take one feature at a time and explain it.

Events List

Installation

You can install this module in your App in the following places:

You can find the events list modules in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

3

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Features

  1. Sync with System Calendar: A feature that allows the app to access the device's calendar and sync with it so that it displays the events on the corresponding dates.

    3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

3

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3

3.) To enable the syncing feature, check the box next to it and click Save.

3

Creating a New Event

To announce events. Note that the event created will be a one time event.

1.) From the admin menu, click on 'Events'.

3

2.) Click on 'Create New' button or the small icon at the bottom right side of the page.

3 3

3.) Enter the details of the event as follows:

img

When you are done, click Next.

Next, add the event image.

3

Once you're done, click Finish.

Editing an Event

After you created the event hover over it.

The first icon will allow you to edit the event details.

3

The third icon will delete the event.

3

The QR code displayed will allow users to access the event once scanned.

If you click on the first option and scroll down, you will have the option to assign admins to this event, you can also share the event via Facebook, Twitter, or share the invitation link of the event.

3

Setting the Price of the Event

Click on the second icon.

3

Enter the price and the currency that you want, then click Save.

3

Booking Module

The booking module allows your users to reserve tickets to a one-time event, or book tickets to reoccurring sessions.

Installation

You can install these modules in your App in the following places:

You can find the booking module in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

1

Duplicability

This module can be duplicated in several sections in your app ✓

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) From the settings, you have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts that will appear before an ad is displayed, note that the minimum number of posts after which an ad will appear is five.

img

Don't forget to click save.

Must Have Modules

Complementary Modules

Module Walkthrough

Creating a New Booking Product

1.) From the admin menu, click on 'Booking'.

img

2.) Click the 'Create New' button or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a new booking.

imgimg

3.) Firstly, enter the name of your booking and its description.

img

4.) Set the location of the booking product, note that once you enter a location a drop down menu will appear with a list of locations to choose from.

img

5.) Set the duration of the booking product, in minutes, so for example, if your booking product is a yoga session, how long you want your session to be.

img

6.) Set the booking product gap, which is the time between each booking product and the next one, for example, if you have two successive yoga sessions, what is the time gap you want between them.

img

7.) Set the time zone, and click Next.

img

8.) Set an image for the booking product.

img

9.) Set whether it is cancellable or not.

If you set it as cancellable, you can determine the cancelation window where the user can cancel the booking.

img

You can choose from different durations.

img

10.) The days available allows you to determine when the event will reoccur, so for example, if you have a yoga session every Sunday and Thursday, you can set it accordingly. Set the reoccurring days that the booking product will take place.

img

Set the time that the booking product will take place and its duration.

img

Set the number of bookings, which is the available number of bookings for the event, we will set the price at the end of the steps.

img

11.) You can also set your holidays to let the users know that there will be no event on this particular day, click on the calendar icon.

img

You will be prompted with a calendar, from which you can choose your holidays.

img

Once you're finished click Create to create the booking.

Setting the Price

12.) To set up the pricing for the booking, hover over the booking and click the dollar sign.

img

13.) Set the price per booking and the currency.

The payment type determines if your users will be billed per session or per a bundle of sessions.

To charge users per session, select Direct Payment.

To charge users per a bundle of sessions, select Balance.

img

If you set it to Bundle, the user will buy the whole bundle of sessions one time and every time a user attends a session it will be deducted from the total number of sessions of the bundle, so for example, the bundle can consist of four yoga sessions and it will be bought once by the user, when the user attends a session, it will be deducted from the total of four sessions, which means that the remaining available sessions for the user will be three sessions.

Creating a Bundle of Sessions

1.) Go to the Bundles section from the admin menu.

img

2.) Click on the 'Create New' button, or the small icon at the bottom right side of the page.

57img

3.) Fill in the details of the bundle and click 'Create'.

img

The display name is the name of the bundle that will appear to your users, while the max unit is the maximum number of units that a user can order.

4.) Next, you need to link the bundle that you created to the booking product. Hover over the bundle and click edit.

img

5.) Scroll down, and click on Add Products.

img

6.) Click on Bookings, select the booking product, and click Insert.

img

Checking the Tickets Booked

To check the booked tickets, go back to the booking section in the admin menu

img

Hover over the booking product and click view tickets.

img

You will be prompted with the list of users who booked this booking product.

img

User Bookings Module

The user bookings module displays to your users the list of bookings that they made on your app.

You can install this module in your app in the following places:

You can find the user bookings module in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

Duplicability

This module can be duplicated in several sections in your app ✓

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) All the users' bookings will be displayed as follows:

Ticket Validate Module

Introduction

The ticket validate module allows you to validate tickets generated by nandbox app builder and determine whether they are valid or expired.

This module is the best to use if you want to build a Booking App.

Installation

You can install this module in your App in the following places:

ou can find the ticket validate module in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

3

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Feature

Ticket Validate: A feature that allows you to validate the users' tickets.

Each ticket generated by nandbox app builder will have a unique QR code.

3

The ticket is scanned using a built-in QR reader in the module.

3

If the ticket is valid, the validation will be successful and the reader will display that the ticket is valid.

3

If the ticket has expired, the validation will fail and the reader will display that it has expired.

3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

3

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

Ticket Redeem Module

Introduction

The ticket redeem module allows you to redeem tickets generated by nandbox app builder.

This module is the best to use if you want to build a Booking App.

Installation

You can install this module in your App in the following places:

You can find the ticket redeem module in the Booking & Events category.

1

Drag and drop the module into your home or side menu to install it.

3

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Feature

Ticket Redeem: A feature that allows users to redeem their tickets

Each ticket generated by nandbox app builder will have a unique QR code.

3

The ticket is scanned using a built-in QR reader in the module.

3

If the ticket is valid, the redeeming process will be successful and the reader will display that the ticket is redeemed.

3

If the ticket was canceled, the redeeming process will fail and the reader will display that it has been canceled.

3

The redeeming process will also fail if the ticket has expired

3

Or if the ticket has been used.

3

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

3

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3

Must Have Modules

It's better to add these modules to your App's Side Menu (step 3)

Complementary Modules

### Payment Methods

This section will allow you to choose how your users will pay in your app.

1

#### Credit Card

Users can pay through credit card using one of the following payment gateways:

##### Stripe

Stripe is one of the major payment gateways that will allow your users to shop and buy your products using their credit or debit card.

Follow the steps in this article to integrate your app with Stripe.

##### Accept

Follow the steps in this article to integrate your app with Accept.

##### PayTabs

Follow the steps in this article to integrate your app with PayTabs.

#### PayPal

Follow the steps in this article to integrate your app with PayPal.

You can also enable the Cash Option.

1

#### In-App Purchases

In-App purchases allows your users to make additional purchases in your app.

Follow the steps in this article to enable in-app purchases in your app.

News Feed

Where updates about school matters could be posted including announcements and events.

img

Installation

You can install this module in your app in the following places:

You can find the posts/feed module in the social category.

1

Drag and drop the module into your home to install it.

img

Duplicability

This module can only be installed in your home menu x

Click here to check out the features of the feed module.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click the gear icon to configure the settings of the module.

img

2.) Here you can rename the module and choose an Android and an iOS icon for it.

img

3.) You can also choose the layout of the posts to be either wide or on the left side as shown.

img

Module Walkthrough

Activating the Feed Module

img

img

img

img

img

img

img

Create New Tags

You can label your users by creating tags for them, you can have a tag for each section of the school i.e. students, teachers, parents.

When you publish a post, you can choose to target a specific tag so that the message is delivered only to the tag specified, for example, you can send a post that there will be a staff meeting at noon to the tag 'Teachers' and only the teachers would be able to see it.

Click on "Tags" and then "Add New Tag", enter the tag name and the tag description and choose whether you want it to be a private tag or not, and then click Save.

img

img

Next, you should label your users with this tag so that posts will be sent to them only when you specify the tag.

From the admin menu, go to Users.

img

Select the user that you want to assign the tag to and click on the edit button.

img

Click Add Tag.

img

Mark the tag and click Add.

img

Then click Save.

img

Create New Segment

Segments are a tool to further manage your users, you can create a specific segment for students in a certain class: 'Grade 7 students' or teachers of a certain department: 'Math Teachers'

Follow the same steps and create a new segment.

img

Publishing to Groups & Channels

You can also publish your post to certain groups and channels that you created.

1.) Click on Groups

img

2.) And then click on "Add New" and select either Group or Channel

img

If you would like to publish a post without sending push notifications to your users, you can enable the silent button.

img

Finally, when you are ready to publish your post, click on "Send".

img

img Miscellaneous

App Settings

The app settings section allows you configure multiple elements in your app including the general settings, signup and registration settings, setting up Google ads on your app, selecting the payment method on your app, setting up bots and integrating APIs, and entering your app's terms and conditions.

To go to the app settings page, click on App Settings from the top menu.

1

You will be prompted with the following screen.

1

General Settings

Splash Screen

A splash screen is an introductory graphical screen that shows a welcome message when you first install an app, it can also be displayed when a user first joins a group or a channel.

1

Splash screens can contain multiple screens to introduce the user to different features of the app.

1 1

To customize your splash screen, click on Splash.

1

Select the splash page background color.

1

Enter the title of the start button.

1

The title will be displayed here.

1

Next, insert your app's logo and enter the title and the description.

1

You can create additional screens to further introduce your app, click Add New to add more screens.

1

Once you click Add New, you will find the new screens below your main screen.

1

You can change the order of the screens by dragging the move icon up or down, you can also delete a screen by clicking on the red trash icon.

1

Once you are done, click Save.

1

Bubble Themes

Bubble themes are a selection of chat app backgrounds that you can choose from to select the main bubble theme for your app.

Click on Bubble Themes.

1

You can choose from a selection of themes of the top messenger apps.

1

Click Save after you selected your theme.

1

Signup and Registration

Login and Signup

This section allows you to select the method of verification when a user first signs up for your app.

Click on Login and Sign up.

1

You can choose to verify via email, mobile, or you can skip the verification process by choosing No Login.

1

Note that if you choose the mobile verification method, after the free trial, $0.16 extra charges will apply per each new user that signs up to your app.

When you're done, click Save.

1

User Profile

In this section you can customize what your users can say about themselves.

Click on User Profile.

1

You can customize each section's title, select the minimum and the maximum number of characters and choose whether this field is mandatory or not.

1

You can also add more fields.

1

You can choose from different types.

1

You can also select the error message that appears to users.

1

Google Ads

Payment Methods

This section will allow you to choose how your users will pay in your app.

1

Credit Card

Users can pay through credit card using one of the following payment gateways:

Stripe

Stripe is one of the major payment gateways that will allow your users to shop and buy your products using their credit or debit card.

Follow the steps in this article to integrate your app with Stripe.

Accept

Follow the steps in this article to integrate your app with Accept.

PayTabs

Follow the steps in this article to integrate your app with PayTabs.

PayPal

Follow the steps in this article to integrate your app with PayPal.

You can also enable the Cash Option.

1

In-App Purchases

In-App purchases allows your users to make additional purchases in your app.

Follow the steps in this article to enable in-app purchases in your app.

API and Integrations

The API/Bot allows you to easily create programs that interface with nandbox App ecosystem platform. nandbox API/Bots are special accounts created without a phone number, or email that run as third party applications to provide extra functionality by interfacing to nandbox App ecosystem platform. Users can interact with API/Bots by sending them messages, commands and inline requests. You control your API/Bots using WebSocket messages to nandbox API server.

Click on Chat Bots.

1

Creating API/Bot

Click on Create New Bot.

1

Start by naming your bot and click Add.

Click on Create New Bot.

1

Next, click on the gear icon to configure your bot.

Click on Create New Bot.

1

Enter the details of the bot.

1

Next, configure the bot's properties.

1

You can determine the access that the bot will have.

1

Finally, you can set what you want the bot to do.

1

Don't forget to click Save when you finish.

1

You can find more information about how API/Bots work, how to obtain the authorization token, the available bot features, and much more in this documentation.

Privacy Policy and Terms & Conditions

The terms and conditions are essential guidelines that will determine the nature of interaction between your app and your users.

To enter your terms and conditions, click on Terms and Conditions.

1

Enter the link for your terms and conditions and click Save.

1

User Management

From user management, you can check the list of your app users, create specific tags for your users, and manage your blacklist.

Manage App Users

To manage your app users, from the admin menu, click on Users.

3

You will be prompted with the following screen that shows you a list of all your users.

3

You can sort your users by Active users and Banned users.

3

You can also search by name or Login ID.

3

Editing Users Privileges

To edit the privileges of a user, click on this button next to the user.

3

You will be prompted with the following screen.

3

To change the user's role, click on Change Admin Role.

3

You can choose from the following roles.

3

Note that:

Super Admins can set access roles and has access to all the app's sections except app design, billing, and the virtual app

Admins can't set access roles and has access to all the app's sections except app design, billing, and the virtual app.

Moderators can't set access roles and has access to all the app's sections except:

Edit Events

Delete Events

Edit Campaign

List Campaign

Edit Coupon

List Coupon

App design

Billing

Virtual App

Edit Booking

List Admin

Edit Admin

Edit Chat Group

Edit Settings

List Settings

List Menu

Edit Menu

List Calendar

List Transactions

Edit Transactions

Edit M-Store

Advertisers only have access to the following:

Edit Event

List Event

Delete Event

Edit Campaign

List Campaign

Edit Coupon

List Coupon

List Channel Config

Edit Channel Config

List Message

Create Message

Delete Message

Edit Message

Reply Message

Send Photo

Send Video

Send Audio

Send Gif

Send Doc

Send Article

Send Coupon

Send Menu

Send Sticky

Analysts only have access to the following:

List Channel Config

Edit Channel Config

Editors only have access to the following:

Edit Event

List Event

Delete Event

List Channel Config

Edit Channel Config

List Message

Create Message

Delete Message

Edit Message

Reply Message

Send Photo

Send Video

Send Audio

Send Gif

Send Doc

Send Article

Send Coupon

Send Menu

Send Sticky

You can find the user's information here.

3

Assigning User Roles

To add roles for a user, click on Add Role.

3

A drop-down menu will appear where you can assign the user to be a member or an admin.

3

Choose from different events, bookings, channels, virtual apps, or groups.

3

Select where you want to assign the user, check it, and click insert.

3

Create New Tag

Tags will label certain users of your choice so you can send them messages specifically targeted for them.

You can also assign tags to a user, click Add Tag.

3

You can assign the user to a tag that you already created, or you can create a new tag.

3

Click on Add New, enter the tag name and the tag description and choose whether you want it to be a private tag or not, and then click Save.

img

You can also create a new tag from the Tags & Memberships option in the admin menu.

3

Deleting & Banning Users

To delete or ban a user, click on the bin button.

3

You also have the option to ban the user.

3

Blacklist

Users that are blacklisted will be prohibited from accessing the app.

Adding Users to the Blacklist

Go to Blacklist from the admin menu.

3

Click on Add New.

3

Enter the user Signup ID and click Add, the user will be added to the blacklist.

Note that the Signup ID is the ID that the user uses to sign up for your app.

You can setup the sign up ID here.

3

Creating Blacklist Patterns

Blacklist patterns allow the system to recognize certain patterns in the signup ID and automatically adds them to the blacklist.

To create blacklist patterns, click Patterns.

3

Click Add New.

3

You will be prompted with the following screen.

3

Select the pattern parameter, and enter the pattern, and then provide an example.

Notice that you can choose the pattern of identification from:

For example:

If you specify the pattern to be the word 'oat', that means that any signup ID beginning with the word 'oat' will be automatically blacklisted.

3

For example:

If you specify the pattern to be the domain '@xyz.com', that means that any signup ID ending with the domain '@xyz.com' will be automatically blacklisted.

3

Contains: The system will identify the signup ID and if the pattern you specified is in the signup ID, the user will be blacklisted.

For example:

If you specify the pattern to be the word 'oat', that means that any signup ID containing the word 'oat' will be automatically blacklisted.

3

Regular Expression: A regular expression is a pattern that matches multiple characters.

For example:

The regular expression '/d' means that if the signup ID contains any number, it will be blacklisted.

3

You can find many more regular expressions online.

Whitelist

Enabling the whitelist will ban access to the app for all users except the whitelisted users.

To enable the whitelist.

Go to App Settings.

3

Click on the toggle to enable whitelist.

3

Please note that if you enable the whitelist, ALL users will be banned from the app except users added to the whitelist.

Adding Users to the Whitelist

Go to Whitelist from the admin menu.

3

Click on Add New.

3

Enter the user Signup ID and click Add, the user will be added to the blacklist.

3

Creating Whitelist Patterns

Whitelist patterns allow the system to recognize certain patterns in the signup ID and automatically adds them to the whitelist.

To create whitelist patterns, click Patterns.

3

Click Add New.

3

You will be prompted with the following screen.

3

Select the pattern parameter, and enter the pattern, and then provide an example.

Notice that you can choose the pattern of identification from:

For example:

If you specify the pattern to be the word 'oat', that means that any signup ID beginning with the word 'oat' will be automatically whitelisted.

3

For example:

If you specify the pattern to be the domain '@xyz.com', that means that any signup ID ending with the domain '@xyz.com' will be automatically whitelisted.

3

Contains: The system will identify the signup ID and if the pattern you specified is in the signup ID, the user will be whitelisted.

For example:

If you specify the pattern to be the word 'oat', that means that any signup ID containing the word 'oat' will be automatically whitelisted.

3

Regular Expression: A regular expression is a pattern that matches multiple characters.

For example:

The regular expression '/d' means that if the signup ID contains any number, it will be whitelisted.

3

You can find many more regular expressions online.

You can also add users to the whitelist through tags.

Tags will only allow a specific group of users to be able to access the app.

Click Add New

3

Click Add Tags

3

Click here to know how create a tag.

Pages

The pages section allow you to create 'static' pages, where you can edit the elements of the page, you can add pictures, text, or videos. Each page will occupy one tab, you can create multiple pages from scratch, or choose from the templates in the app builder and add them to your home or side menu.

Create a New Page

From the home menu, click on Pages from the categories section.

1

Click on Create New Page.

1

Enter the page title and description, and add an image for the page.

1

Once you create the page, you will find it under My Pages tab.

1

You can now drag and drop your page either in the home menu or the side menu.

1

Once you installed the new page, you can choose an Android and an iOS icon for it.

1

Next, click on the gear icon to configure it.

1

Configuring Your Page

You will be prompted with the following screen.

1

The first section is where you can edit the page title, description, and add an image and a background image for the page.

1

The second section is the elements you can insert in your page.

1

The page builder contains seven elements:

  1. Image Sliders

Shows one image at a time where you can slide the images by clicking on the right or left arrow to view the next image.

1

  1. Text

Displays an editable section where you can display text.

1

Drag and drop the text element to install it.

1

Once it is installed you can edit the text using the different formats and tools.

1

  1. Features

The features element allows you to insert multiple pages in one tab.

Start by dragging and dropping the features element into the page builder.

1

You will find two sections: content and layout.

To add new pages, click on the plus icon.

1

You can also select the layout from the layout section.

1

  1. Media Gallery

Displays a grid of images where the user can select one photo to view.

1

  1. Video

Displays a playable video, users can click on the video to play it.

1

Install it with the same drag and drop approach.

Next, enter the URL of the video.

1

  1. Location

Displays a map where the user can know the location that you specify.

1

  1. Youtube Playlist

YouTube Playlist

Displays a playlist of videos on YouTube.

1

Install it with the same drag and drop approach.

Next, enter the playlist, the app builder will automatically generate the playlist.

1

If you want to create a new template after you edited the page, click on Create a New Template, or if you wish to save your work on the page, click Save.

1

You can find the pages that you created under My Pages.

1

Templates

You can also choose from different templates on the app builder, you can find more than 20 templates.

1

Settings

From settings, you can change your password, change your subscription plan, and cancel your subscription.

To go to Settings, from the admin menu on the left side of the screen, scroll to the bottom of the page and click on Settings.

3

Changing Your Password

To change your password, click on Change Password.

3

Enter your old password and enter a new password and click Change.

3

Change Your Subscription Plan

To change your subscription plan, click on Billing from the admin menu.

3

You will find your billing information, click on Change your plan.

3

Then click on the plan you want to change to.

3

Then click Start Free Trial.

3

Please note that if you are changing your plan in your trial period, the remaining trial period will be lost.

Canceling Your Subscription

To cancel your subscription plan, click on Billing from the admin menu.

3

You will find your billing information, click on Change your plan.

3

Under your current plan, click on Cancel Plan.

3

PayPal Module

Introduction

PayPal is the most used online wallet in the world, it can be used as a payment gateway in your store or channel where users can submit payments easily.

This module is the best to use if you want to build an E-Commerce App.

Installation

The module is found in the App Settings page.

3

Once you click on App Settings, scroll down until you reach the payment methods section.

3

Click on the PayPal toggle to enable it.

3

Once you enable this module in your app, it will be automatically integrated as the main payment gateway if you did not install any other payment gateway, however, if you did, it will give the user an option to choose which payment gateway to proceed with as follows:

3

Main Features

The PayPal module is a payment gateway that users can use to pay for items in your store, subscriptions on your channel, or any in-app purchases, using a secure internet connection.

Users have to have a PayPal account in order to be able to complete the online transaction using the PayPal module.

Configuration

1.) Once you enable the module, click on the arrow to open the settings.

3

The first tab includes some information that you need to fill-in to setup the module, we will show you how in the following steps:

3

The second tab contains a link that will take you to PayPal's pricing options.

3

Now going back to the first tab, the first option is the "Environment" where you can choose "Sandbox" or "Production"

3

Choose "Sandbox" if you are testing your payments and want to make sure everything is running smoothly.

Choose "Production" if you are ready to go live.

For the "Sandbox" option, you will need to create a PayPal Business Account.

Follow these steps to create one, if you already have a business account skip to step

1.) Go to the following link and select Business Account, follow the steps, and make sure that select the country where your business is located.

2.) Next, create an account on BrainTree.

3

BrainTree is considered to be PayPal's SDK.

SDK stands for software development kit, and it is a set of software tools that are required to have certain features function properly, so you would need an Android SDK toolkit to build an Android app, an iOS SDK to build an iOS app, and a BrainTree SDK to be able to integrate PayPal with your app.

Note: When you create your BrainTree account, make sure that the currency you select is the same currency you selected in your PayPal account.

3.) After you completed the sign up process by opening the support email that BrainTree sent you, you will be prompted with this screen, scroll down and you will find the "Merchant ID", the "Public Key", and the "Private Key".

3

4.) Copy the keys and paste them in their perspective spaces in the app builder.

3

5.) Next, click on the gear icon on the home page.

3

And select "Processing"

3

6.) Click on "Link Sandbox".

3

You will be prompted with the following screen.

3

7.) Follow the steps in the following link to be able to fill in the information required.

Before you sign up for a new PayPal business account, make sure that the country you select is the country where your business is located, by clicking on the country's flag and selecting your country.

3

8.) After you followed the steps, click on "Link PayPal Sandbox"

9.) Lastly, click on the gear icon again and select "Business".

3

10.) Click on "New Sandbox Merchant Account"

3

11.) Create a new merchant account ID and set it as the default ID, make sure that the currency you select is the same as the PayPal account's currency.

3

12.) Next, copy the Merchant Account ID and paste it into the app builder, and click save.

3

Complementary Modules