navbar

buildericon 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 similar to 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!

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: maingoal

Here you can determine the main function of your app:

social

Additional Features

Once you have picked your choice, you will have the option to include extra features into your app.
additionalfeatures
Pick the features that best suit the purpose of your app and click "Continue", note that these features and much more can be added later in your dashboard.

Technical Question

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

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

Simple Mode

finalmenu
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)

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

Customizing App Menu

To customize your app menu, click on Customize More.

customizemore
You will be prompted with three options:

chooselayout1.) 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

homemenu
Begin by naming your main menu.

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

buttons

buttons2
You can also include buttons that display only text.

buttons3
Select the menu, and then click Add.

threebuttons
You can then customize each button by clicking on it.

customizeeachbutton

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

back
Click on Add New Menu.

addnewmenu
Make sure to click Yes to save your current menu.

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

yourmenus
Start by naming you submenu.

submenu1
Click Add Row.

addrow
Select the submenu style, and click Add.

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

submenu2
Now click on the customizing button on your main menu.

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

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

selectsubmenu
Click Save Menu and your submenu

savemenu

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.

next
Click Home Menu.

homemenu2
You will be prompted with this screen.

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

dropmodule
You will notice that the module is installed successfully.

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

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

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

saveprogress

Registered Users

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

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

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

renameapp
Choose from ready-made themes.

themes
Or customize your own.

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

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

andriod
Click on the switch button to display the iOS version.

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

savenext

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.

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

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

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

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

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

modulessection
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:

threeicons

appicon

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

simple

Simple Mode

explore

topmenu
And at the bottom of the screen for iOS users.

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

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

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

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

savenext2

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:

sidemenu
And in iOS, it is displayed as follows:

sidemenu2

App Settings

The app settings include the configuration for:

appsettings1

appsettings2

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

appsettings3

Click here for the configurations of the app settings page

Build & Publish

Here you can build a new version of your app.

setup

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 this article to know how to.

iossetup

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

appdeveloperaccount

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.

individual

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.

appdeveloperaccount

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.

appstoreconfiguration

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"

newrelease

Select Upload an iOS version to Testflight.

testflight

Enter your version name and description and click start.

Build an Android Release

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.

The package ID is a unique identifier for your app URL link on Google Play Store.
Note that this ID cannot be changed once you released a new version on the app builder.

androidsetup

appreleases

realeaselist
Which will include all the information about your release.

You can download the APK version on your Android phone and start testing your app.

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.

restore

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

channelmodule

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

channelmoduleschannellist

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.

commentdashboard

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

likeapost

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

readcounter

  1. 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 | | :---------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | | nandboxnotifications | facebooknotifications |

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

| nandbox | Whatsapp | | :--------------------------------------------------------: | :---------------------------------------------------------------------------: | | nandboxfavorites | whatsappfavorites |

  1. Video Streaming: For live streaming videos from Youtube, Vimeo, and other websites.

videostreaming

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

metadatafetching

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

qrcodes

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

    MultipleAdministrators

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

    TalkToAdmin

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

    BanUsers

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

    nandbox Whatsapp
    InAppSounds InAppSoundswhatsapp

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.

Configuration

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

rename

  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 after which an ad will appear, note that the minimum number of posts after which an ad can appear is 5.

Don't forget to click save.

enableads

  1. To configure the features, click on features.

configfeatures

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.

channelmodule2

Hit the "Create New" button.

createnewchannel

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.

createnewchannel2

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

channelname

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.

configurechannel

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

newchannel4

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.

splash

Which will look something like this:

splashexample

You can also include a search filter in your channel:

searchfilter

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.

configureyourchannel

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

addfilter

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

multiplefilters

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

filter1

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

selectfilters

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

welcomemessage

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

joinchannelqrcode

You can also assign admins to a specific channel.

assignadmins

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

invitelinks

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

saveprogress

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

This is where you can create your stores, you can have one main store or multiple small stores in your channels.

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

setupstore

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

addlocation

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

addlocationdetials

  1. Choose the store and click "Insert".

choosestore

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

mstore

  1. Click on "Create New".

createnewstore

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

createnewstore2

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

createnewstore3

Creating a New Product

This is the products section where you can create new products to add them to your store.

1.) Now head on to the products section.

productsection

2.) Click on "Create New".

newchannel

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

newchannel2

3.) Enter your product details.

productdetails

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.

editproduct

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

keywords

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.

productaddon

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.

editproduct

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

additem

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

chooseproduct

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

Creating a New Bundle

A bundle is a group of products that are bought together as one product.

1.) Head to the Bundles page.

newbundle

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

createnewbundle

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

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

newbundle3

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

editbundle

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

addproduct1

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

insertproduct

Creating a New Multi-tiered Plan

A multi-tiered plan gives your user to choose from multiple pre-selected items, think of small, medium, and large t-shirt sizes and the user gets to choose their size.

  1. Head to the Multi-tiered Plan section.

multiplan

  1. Click the "Create New" button.

newmultiplan

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

newmultiplan2

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

createplan

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

createnewplan

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

addproductorbundle

Adding Product Add-Ons

This feature allows you to add extra items to a product, think of a pizza as a product, and extra olives as the item.

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

productaddon4

2.) Click on "Create New" button.

createnewproductaddon

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

createnewproductaddon2

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

createnewproductaddon3

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

editaddon

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

submenu

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

newsubmenu2

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

assignsubmenu

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

multipleaddons

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.

save

Checking Your Orders

This is where you can monitor your clients' orders and transactions.

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

orders

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

orders2

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.

socialmodule

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

postsmodule

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.

comments

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

likes

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

readcounter

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
nandboxnotifications facebooknotifications

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

nandbox Whatsapp
nandboxfavorites whatsappfavorites

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.

postsconfig

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

renametitle

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 after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

enableads

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.

layout

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

configfeatures

User Selectable Features

talktoadmin

stickynote

background

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

heartcolor

postfilter

Click here to know how to create a new tag.

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

saveprogress

contextmenu

Scroll down to the bottom of the list.

contextmenu2

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.

savetodownloads

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

savetogallery

You can also disable the feature altogether.

disablefeature

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
facebook linkedin twitter instagram

Module Walkthrough

Activating the Posts Module

postsmenu

createnewpost4

changecolor

nandbox Facebook
img facebookpost

photogif

link

stickypost

tags

Create a Scheduled Post

From the admin menu, click on scheduled post.

scheduledpost

Click the "+" button at the bottom right side of the page.

createnewscheduledpost

Click on the blue calendar icon at the bottom of the screen.

scheduledpost2

Select the date and click schedule.

scheduledpost3

Finally, click schedule, and your post is now scheduled!

scheduledpost4

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.

edittags

selecttag

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.

segments

Publishing to Groups & Channels

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

1.) Click on Groups

groups

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

creategroup

emoji

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

silent

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

sendpost

Chat Group Module

Introduction

Up to 50,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.

socialmodule

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

groupmodules

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.

chat

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

profile

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.

lastseen

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
videotrim videotrim2

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
editmessagesnandbox editmessagestelegram

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

recallmessages

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

inviteqrcode

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

banusers

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

nandbox Whatsapp
nandboxlocation whasapplocation

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

nandbox Whatsapp
inappsounds inappsoundswhatsapp

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.

configgroup

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

renamegroup

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

addgroup

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

addnewgroup

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

groupname

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

addnewgroup

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

save

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

features

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

welcomemessage

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

    joinchannelqrcode

    11.) You can also assign admins to a specific channel.

    assignadmins

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

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

    saveprogress

Create a Private Group

From a mobile go to User Groups.

createprivategroup

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

addprivategroup

Tap on Chat Group.

createnewprivategroup

Enter the group name and description.

createnewprivategroup2

Select the privacy to private, then tap Done.

privacysettings

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
messenger telegram whatsapp wechat

Module Walkthrough

Activating the Chat Group

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

groupmenu

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

createnewgroup1 createnewgroup2

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

creatchatgroup1

You will also find a video below explaining the process.

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

configurenewgroup

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

entergroupdetails

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

splash

Which will look something like this:

splashexample

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

searchfilter

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.

addsearchfilter

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

choosefilter

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

enterfilters

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

selectfilter1

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

selectedfilters

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.

socialmodule

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

loyaltymodule

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.

stickynote

backgroundcolor

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.

postfooter

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.

postfilter

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

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

saveprogress

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.

configloyalty

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

rename

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:

unschool

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,

editloyaltyscreen

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

iOS Android
iosscreen andriodscreen

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

layout

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

features

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

User Selectable Features

talktoadmin

stickynote

background

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

heartcolor

postfilter

Click here to know how to create a new tag.

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

saveprogress

contextmenu

Scroll down to the bottom of the list.

contextmenu2

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.

disablefeature

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

savetogallery

You can also disable the feature altogether.

savetodownloads

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

loyaltymenu

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.

createnewprogram createnewprogram2

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.

setuployalty

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

loyaltytrigger

5.) You can choose from different triggering options.

triggeringoptions

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

messages

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

specificmessage

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.

addnewmessage

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

schedulepost

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

choosedate

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

selectpost

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

activatecampaign

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

addpoll

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.

qualification

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.

eventsrequired

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.

winningselection

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.

winningselection2

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.

winningselection3

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.

maxwinners

23.) Finally, you have the Award section.

award

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

awardtype

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

points

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

coupon

27.) Click on "Add New".

addnewcoupon

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.

createcoupon

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

addcoupon

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

addmessage2

31.) Click on "Add New".

addnewmessage2

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

awardmessage

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

selectmessage3

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

Create a Coupon

From the admin menu, click on Coupon.

couponmodule

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.

createcoupon

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"

loyaltytrigger

2.) Choose "Button".

button

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

setuployalty

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

choosepoll

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

selectbutton

Create a Menu

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

createmenu

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.

createnewmenu createnewmenu2

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

enterpollname

4.) Once you click on it, you will be prompted with a window where you can edit the style of the button.

menustyle

5.) Once you chose the menu you can click on each button to edit it.

3buttons

6.) Enter the button title, description, and URL.

buttontitle

7.) Once you're done click back and then click save menu.

savemenu

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.

socialmodule

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

videomodule

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.

config

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

rename

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

videosetup

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

backgroundphoto

Which will be displayed as follows.

videophotoexample

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

url

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

description

Which will be displayed as follows.

descriptiondisplay

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

Which will be displayed as follows.

options

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

communicationmodule

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

calllogmodule

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.

    CallLogDetail

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

    viewprofile

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

    audiocall

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

videocall

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.

configcalllog

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

configcalllog

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

features

Must Have Modules

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

Complementary Modules

Messenger Module

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.

communicationmodule

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

messengermodule

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.

chat

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

audiocall

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

videocall

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

profile

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.

lastseen

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.

chat

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.

nandbox Telegram
editmessagesnandbox editmessagestelegram

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

recallmessages

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
videotrim videotrim2

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

nandbox WhatsApp
nandboxlocation whatsapplocation

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

nandbox WhatsApp
inappsounds inappsoundswhatsapp

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.

configmessenger

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

rename

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 after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

enableads

Don't forget to click save.

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

features

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
messenger telegram whatsapp wechat

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.

communicationmodule

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

audiovideomodule

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.

audiocall

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

videocall

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

switch

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

mute

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

speaker

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

bluetooth

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

connectingtone

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

ringtone

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

adjustwindow

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

led

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

multitask

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.

config

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

rename

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 after which an ad will appear, note that the minimum number of posts after which an ad can appear is 5.

enableads

Don't forget to click save.

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

features

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
messenger telegram whatsapp wechat

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.

communicationmodule

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

contactlistmodule

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.

    contacts

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

invite

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.

config

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

config

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 after which an ad will appear, note that the minimum number of posts after which an ad can appear is 5.

enableads

Don't forget to click save.

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

features

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.

invitationlink

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.

communicationmodule

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

directchatmodule

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.

chat

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

viewprofile

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.

lastseen

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.

chat

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
videotrim videotrim2

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
editmessagesnandbox editmessagestelegram

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

recallmessages

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

nandbox Whatsapp
17 whatsapplocation

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

nandbox Whatsapp
inappsounds inappsoundswhatsapp

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
messenger telegram whatsapp wechat

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.

config

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

rename

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

addmember

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

tickmember

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

save

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

features

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

essentialsmodule

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

userinvitationsmodule

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.

config

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

rename

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

invitation

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

channelmodule

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

edit

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

link

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.

essentialsmodule

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

qrscannermodule

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:

features

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.

usersqr

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

myqrcode

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.

qrscan

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.

scanonly

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.

config

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

rename

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

options

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

about

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.

essentialsmodule

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

webviewmodule

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.

config

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

rename

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

url

Don't forget to click Save.

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.

essentialsmodule

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

searchmodule

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.

searchfeature

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.

config

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

config

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

backgroundimage

Which looks something like this:

example

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

icon

As shown below:

example2

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

description

Which will be displayed as follows:

example3

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)

searchby

example4

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

keyword

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.

addfilter

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.

namefilter

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.

example5

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

filter1

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.

edit

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.

choosefilter

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

save

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 after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

ads

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

securitymodule

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

digitalidmodule

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.

scan

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.

comments

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

likes

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

readcounter

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
nandboxnotifications facebooknotifications

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

nandbox Whatsapp
img whatsappfavorites

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.

config

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

rename

3.) Enter the title and the description of the membership card, insert the image of the card and click save.

title

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

membership

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.

layout

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

features

User Selectable Features

talktoadmin

stickynote

background

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

heartcolor

postfilter

contextmenu

Scroll down to the bottom of the list.

contextmenu2

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.

savetodownloads

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

savetogallery

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.

saveprogress

Must-Have Modules

Module Walkthrough

Posting in the Digital ID

postsmodule

createnewpost

Click on 'Posts' and choose 'Digital ID'

choosedigitalid

img

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

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

booking&eventsmodule

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

userbookingmodule

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.

config

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

rename

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

bookinglist

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.

booking&eventsmodule

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

eventlistmodule

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.

    syncevents

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.

config

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

rename

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

enablesync

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

eventlist

Module Walkthrough

Creating a New Event

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

eventmenu

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

createnewevent createnewevent2

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

eventdetails

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

eventfilter

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.

eventimage

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.

editevent

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

eventpricing

The third icon will delete the event.

deleteevent

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.

eventoptions

Setting the Price of the Event

Click on the second icon.

eventpricing

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

setuppayment

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.

booking&eventsmodule

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

bookingmodule

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.

config

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

rename

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 after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

enableads

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

bookingmenu

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.

createnewbookingcreatenewbooking2

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

bookingdetails

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.

bookinglocation

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.

duration

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.

bookinggaps

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

timezone

8.) Set an image for the booking product.

bookingimage

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.

cancellable

You can choose from different durations.

duration2

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.

daysavailable

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

time

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.

numberofbookings

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.

holidays

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

calendar

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.

setupprice

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.

setuppayments

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.

bundlessection

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

createnewbundlecreatenewbundle

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

bundledetails

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.

editbundle

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

addproducts

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

addbooking

Checking the Tickets Booked

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

bookingmenu

Hover over the booking product and click view tickets.

tickets

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

bookingorders

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.

booking&eventsmodule

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

ticketvalidatemodule

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.

patientticket

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

scanticket

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

validticket

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

validationfailed

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.

config

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

rename

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.

booking&eventsmodule

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.

patientticket

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

scanticket

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

redeemsuccessful

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

redeemfailed

The redeeming process will also fail if the ticket has expired

ticketused

Or if the ticket has been used.

ticketused

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.

config

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

rename

Must Have Modules

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

Complementary Modules

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

storemodule

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

storemodule2

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.

configurestore

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

renamestore

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

storemanagement

Setting Up a Store

This is where you can create your stores, you can have one main store or multiple small stores.

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

mstore

2.) Click on "Create New".

createnewstore

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

createnewstore2

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

createnewstore3

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

editstore

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.

assignowner

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

addchannel

Creating a New Product

This is the products section where you can create new products to add them to your store.

1.) Now head on to the products section.

productsection

2.) Click on "Create New".

newchannel

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

newchannel2

3.) Enter your product details.

productdetails

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.

editproduct

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

keywords

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.

searchfilter

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.

productaddon

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.

editproduct

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

additem

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

chooseproduct

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

Creating a New Bundle

A bundle is a group of products that are bought together as one product.

1.) Head to the Bundles page.

newbundle

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

createnewbundle

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

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

newbundle3

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

editbundle

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

addproduct1

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

insertproduct

Creating a New Multi-tiered Plan

A multi-tiered plan gives your user to choose from multiple pre-selected items, think of small, medium, and large t-shirt sizes and the user gets to choose their size.

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

multiplan

2.) Click the "Create New" button.

newmultiplan

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

newmultiplan2

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

createplan

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

createnewplan

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

addproductorbundle

Adding Product Add-Ons

This feature allows you to add extra items to a product, think of a pizza as a product, and extra olives as the item.

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

productaddon4

2.) Click on "Create New" button.

createnewproductaddon

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

createnewproductaddon2

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

createnewproductaddon3

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

editaddon

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

submenu

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

newsubmenu2

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

assignsubmenu

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

multipleaddons

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.

save

Setting Your Main Store

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

configurestore

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

mainstore

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.

configurestore2

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.

TopMenu

Scroll down to find the payment options.

paymentoptions

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.

PayPal

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

You can also enable the Cash Option.

cashoption

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.

Checking Your Orders

This is where you can monitor your clients' orders and transactions.

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

orders

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

orders2

Solutions 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
  8. Google Ads

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.

categories

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

drag

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.

schoolapp

Installation

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

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

socialmodule

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

postsmodule

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.

postsconfig

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

renametitle

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

layout

Module Walkthrough

Activating the Feed Module

postsmenu

createnewpost4

changecolor

schoolpost

photogif

link

tags

Create a Scheduled Post

From the admin menu, click on scheduled post.

scheduledpost

Click the "+" button at the bottom right side of the page.

createnewscheduledpost

Click on the blue calendar icon at the bottom of the screen.

scheduledpost2

Select the date and click schedule.

scheduledpost3

Finally, click schedule, and your post is now scheduled!

scheduledpost4

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.

edittags

selecttag

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.

users

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

edit

Click Add Tag.

tags

Mark the tag and click Add.

selecttag

Then click Save.

save

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.

segments

Publishing to Groups & Channels

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

1.) Click on Groups

groups

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

creategroup

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

silent

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

send

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 users to view and interact with.

classchannels

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.

socialmodule

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

channelmoduleschannellist

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.

Configuration

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

rename

Module Walkthrough

Create a New Channel

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

channelmodule2

Hit the "Create New" button.

createnewchannel

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.

createnewchannel2

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

channelname

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.

configurechannel

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

class8b

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:

splashexample

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

welcomemessage

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

joinchannelqrcode

You can also assign admins to a specific channel.

assignadmins

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

invitelinks

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

saveprogress

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

calendar

2.) Click on 'Create New' button.

new

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

details

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

holidays

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

Open the calendar and select the day.

holidays2

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

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

classes

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

mathclass

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.

booking&eventsmodule

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

eventlistmodule

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.

    events-bgls-

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.

config

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

rename

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

enablesync

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

eventmenu

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

createnewevent createnewevent2

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

drawing

When you are done, click Next.

Next, add the event image.

eventimage

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.

editevent

The third icon will delete the event.

deleteevent

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.

eventoptions

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.

communicationmodule

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

communicationmodule

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.

configmessenger

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

rename

Online Recorded Lectures

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

youtubeplaylist

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

pagesmodule

Scroll down until you reach YouTube Playlist.

youtubeplaylist

Install it with the same drag and drop approach.

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

youtubechannel2

Google Ads

This section will enable you to activate Google Ad Mob in your app.

Firstly, create a Google Ad Mob account.

From the navigation menu, click on apps.

appad

Click on add your first app.

addyourfirstapp

Select the platform of your app.

platform

If your app is published on Google Play Store or App Store, select yes, if not, select no.

appstore

Next, enter the app name and click add app.

appname

Click on create ad unit to start creating ads.

adunit

Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtype

The banner type will look like this:

googlead2

The native advanced type will look like this:

googlead

Click on the banner type, enter the ad name and click create ad unit.

createad

You will be prompted with two keys.

keys

Open nandbox app builder.

Go to App settings.

TopMenu

Click on Google ads

googleads

You will be prompted with the following screen.

keys2

Copy the first key (Google ad app ID).

firstkey

And paste it in the Ad Google Key section in nandbox app builder.

googlekey

Next, copy the second key (banner key).

bannerkey

And paste it in the Ad Banner Key section in nandbox app builder.

bannerkey2

Next, click create another ad unit.

another

Select Native advanced.

native

Enter the ad name and click create ad unit.

nativead

Copy the second key (native key).

nativekey

And paste it in the Ad Native Key section in nandbox app builder.

nativesection

Next, select which ad you wish to activate and click save.

activation

You can repeat the same process with the iOS version of your app.

ios

Next, you need to activate the ads in the modules that you installed in your app.

Click on the configuration icon on the installed module.

config

Toggle the button to enable ads.

toggle

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

numberofads

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
  7. Google Ads

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.

categories

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

drag

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.

store

Installation

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

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

storemodule

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

storemodule2

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.

configurestore

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

renamestore

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

storemanagement

Setting Up a Store

This is where you can create your stores, you can have one main store or multiple small stores.

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

mstore

2.) Click on "Create New".

createnewstore

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

createnewstore2

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

createnewstore3

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

editstore

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.

assignowner

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

addchannel

Creating a New Product

This is the products section where you can create new products to add them to your store.

1.) Now head on to the products section.

productsection

2.) Click on "Create New".

newchannel

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

newchannel2

3.) Enter your product details.

productdetails

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.

editproduct

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

keywords

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.

searchfilter

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.

productaddon

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.

editproduct

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

additem

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

chooseproduct

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

Creating a New Bundle

A bundle is a group of products that are bought together as one product.

1.) Head to the Bundles page.

newbundle

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

createnewbundle

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

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

newbundle3

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

editbundle

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

addproduct1

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

insertproduct

Creating a New Multi-tiered Plan

A multi-tiered plan gives your user to choose from multiple pre-selected items, think of small, medium, and large t-shirt sizes and the user gets to choose their size.

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

multiplan

2.) Click the "Create New" button.

newmultiplan

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

newmultiplan2

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

createplan

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

createnewplan

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

addproductorbundle

Adding Product Add-Ons

This feature allows you to add extra items to a product, think of a pizza as a product, and extra olives as the item.

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

productaddon4

2.) Click on "Create New" button.

createnewproductaddon

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

createnewproductaddon2

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

createnewproductaddon3

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

editaddon

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

submenu

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

newsubmenu2

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

assignsubmenu

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

multipleaddons

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.

save

Setting Your Main Store

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

configurestore

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

mainstore

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.

configurestore2

Checking Your Orders

This is where you can monitor your clients' orders and transactions.

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

orders

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

orders2

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.

TopMenu

Scroll down to find the payment options.

paymentoptions

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.

PayPal

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

You can also enable the Cash Option.

cashoption

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.

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.

loyalty

Installation

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

You can find the loyalty module in the social category.

socialmodule

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

loyaltymodule

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.

configloyalty

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

rename

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:

unschool

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,

editloyaltyscreen

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

iOS Android
iosscreen andriodscreen

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

layout

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

Module Walkthrough

Activating the Loyalty Module

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

loyaltymenu

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.

createnewprogram createnewprogram2

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.

setuployalty

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

loyaltytrigger

5.) You can choose from different triggering options.

triggeringoptions

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

messages

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

specificmessage

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.

addnewmessage2

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

schedulepost

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

choosedate

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

selectpost

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

activatecampaign

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

addpoll

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.

qualification

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.

eventsrequired

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.

winningselection

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.

winningselection2

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.

winningselection3

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.

maxwinners

23.) Finally, you have the Award section.

award

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

awardtype

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

points

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

coupon

27.) Click on "Add New".

addnewcoupon

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.

createcoupon

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

addcoupon

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

addmessage2

31.) Click on "Add New".

addnewmessage2

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

awardmessage

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

selectmessage3

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

Create a Coupon

From the admin menu, click on Coupon.

couponmodule

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.

createcoupon

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"

loyaltytrigger

2.) Choose "Button".

button

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

addpoll

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

choosepoll

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

selectbutton

Create a Menu

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

createmenu

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.

createnewmenu createnewmenu2

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

enterpollname

4.) Once you click on it, you will be prompted with a window where you can edit the style of the button.

menustyle

5.) Once you chose the menu you can click on each button to edit it.

3buttons

6.) Enter the button title, description, and URL.

buttontitle

7.) Once you're done click back and then click save menu.

savemenu

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.

enagagement

Installation

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

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

socialmodule

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

postsmodule

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.

postsconfig

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

renametitle

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 after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

enableads

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.

layout

User Selectable Features

stickynote

background

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

heartcolor

postfilter

Click here to know how to create a new tag.

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

saveprogress

Module Walkthrough

Activating the Posts Module

postsmenu

createnewpost4

changecolor

nandbox Facebook
nandboxpost facebookpost

photogif

link

stickypost

tags

Create a Scheduled Post

From the admin menu, click on scheduled post.

scheduledpost

Click the "+" button at the bottom right side of the page.

createnewscheduledpost

Click on the blue calendar icon at the bottom of the screen.

scheduledpost2

Select the date and click schedule.

scheduledpost3

Finally, click schedule, and your post is now scheduled!

scheduledpost4

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.

tags

selecttag

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.

segments

Publishing to Groups & Channels

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

1.) Click on Groups

groups

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

creategroup

emoji

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

silent

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

bigsale

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.

communicationmodule

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

directchatmodule

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.

config

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

rename

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

addmember

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

tickmember

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

save

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

features

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.

essentialsmodule

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

searchmodule

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.

searchfeature

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.

config

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

config

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

backgroundimage

Which looks something like this:

example

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

icon

As shown below:

example2

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

description

Which will be displayed as follows:

example3

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)

searchby

example4

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

keyword

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.

addfilter

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.

namefilter

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.

example5

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

filter1

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.

edit

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.

choosefilter

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

save

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 after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

ads

Google Ads

This section will enable you to activate Google Ad Mob in your app.

Firstly, create a Google Ad Mob account.

From the navigation menu, click on apps.

appad

Click on add your first app.

addyourfirstapp

Select the platform of your app.

platform

If your app is published on Google Play Store or App Store, select yes, if not, select no.

appstore

Next, enter the app name and click add app.

appname

Click on create ad unit to start creating ads.

adunit

Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtype

The banner type will look like this:

googlead2

The native advanced type will look like this:

googlead

Click on the banner type, enter the ad name and click create ad unit.

createad

You will be prompted with two keys.

keys

Open nandbox app builder.

Go to App settings.

TopMenu

Click on Google ads

googleads

You will be prompted with the following screen.

keys2

Copy the first key (Google ad app ID).

firstkey

And paste it in the Ad Google Key section in nandbox app builder.

googlekey

Next, copy the second key (banner key).

bannerkey

And paste it in the Ad Banner Key section in nandbox app builder.

bannerkey2

Next, click create another ad unit.

another

Select Native advanced.

native

Enter the ad name and click create ad unit.

nativead

Copy the second key (native key).

nativekey

And paste it in the Ad Native Key section in nandbox app builder.

nativesection

Next, select which ad you wish to activate and click save.

activation

You can repeat the same process with the iOS version of your app.

ios

Next, you need to activate the ads in the modules that you installed in your app.

Click on the configuration icon on the installed module.

config

Toggle the button to enable ads.

toggle

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

numberofads

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
  5. Google Ads

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.

categories

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

drag

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.

communicationmodule

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

communicationmodule

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.

configmessenger

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

rename

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 after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

enableads

Don't forget to click save.

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

features

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.

communicationmodule

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

audiovideomodule

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.

config

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

rename

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 after which an ad will appear, note that the minimum number of posts after which an ad can appear is 5.

enableads

Don't forget to click save.

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

features

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.

socialmodule

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

channelmodules

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.

Configuration

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

rename

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 after which an ad will appear, note that the minimum number of posts after which an ad can appear is 5.

Don't forget to click save.

enableads

4.) To configure the features, click on features.

configfeatures

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.

channelmodule2

Hit the "Create New" button.

createnewchannel

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.

createnewchannel2

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

channelname

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.

configurechannel

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

newchannel4

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:

splashexample

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.

configureyourchannel

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

addfilter

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

multiplefilters

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

filter1

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.

selectfilters

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

welcomemessage

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

joinchannelqrcode

You can also assign admins to a specific channel.

assignadmins

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

invitelinks

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

saveprogress

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

setupstore

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

addlocation

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.

addlocationdetials

4.) Choose the store and click "Insert".

choosestore

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

mstore

6.) Click on "Create New".

createnewstore

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

createnewstore2

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

createnewstore3

Creating a New Product

1.) Now head on to the products section.

productsection

2.) Click on "Create New".

newchannel

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

newchannel2

3.) Enter your product details.

productdetails

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.

editproduct

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

keywords

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.

productaddon

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.

editproduct

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

additem

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

chooseproduct

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.

newbundle

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

createnewbundle

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

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

newbundle3

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

editbundle

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

addproduct1

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

insertproduct

Creating a New Multi-tiered Plan

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

multiplan

2.) Click the "Create New" button.

newmultiplan

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

newmultiplan2

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

createplan

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

createnewplan

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

addproductorbundle

Adding Product Add-Ons

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

productaddon4

2.) Click on "Create New" button.

createnewproductaddon

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

createnewproductaddon2

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

createnewproductaddon3

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

editaddon

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

submenu

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

newsubmenu2

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

assignsubmenu

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

multipleaddons

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.

Checking Your Orders

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

orders

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

orders2

Chat Groups

Up to 50,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.

socialmodule

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

groupmodules

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.

configgroup

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

renamegroup

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

addgroup

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

addnewgroup

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

groupname

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

insertgroup

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

save

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

features

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

welcomemessage

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

joinchannelqrcode

11.) You can also assign admins to a specific channel.

assignadmins

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

invitelinks

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

saveprogress

Create a Private Group

From a mobile go to User Groups.

createprivategroup

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

addprivategroup

Tap on Chat Group.

createnewprivategroup

Enter the group name and description.

createnewprivategroup2

Select the privacy to private, then tap Done.

privacysettings

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.

groupmenu

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.

createnewgroup1 createnewgroup2

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

creatchatgroup1

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.

configurenewgroup

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

entergroupdetails

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.

splash

Which will look something like this:

splashexample

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

searchfilter

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.

addsearchfilter

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

choosefilter

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.

enterfilters

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

selectfilter1

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.

selectedfilters

Google Ads

This section will enable you to activate Google Ad Mob in your app.

Firstly, create a Google Ad Mob account.

From the navigation menu, click on apps.

appad

Click on add your first app.

addyourfirstapp

Select the platform of your app.

platform

If your app is published on Google Play Store or App Store, select yes, if not, select no.

appstore

Next, enter the app name and click add app.

appname

Click on create ad unit to start creating ads.

adunit

Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtype

The banner type will look like this:

googlead2

The native advanced type will look like this:

googlead

Click on the banner type, enter the ad name and click create ad unit.

createad

You will be prompted with two keys.

keys

Open nandbox app builder.

Go to App settings.

TopMenu

Click on Google ads

googleads

You will be prompted with the following screen.

keys2

Copy the first key (Google ad app ID).

firstkey

And paste it in the Ad Google Key section in nandbox app builder.

googlekey

Next, copy the second key (banner key).

bannerkey

And paste it in the Ad Banner Key section in nandbox app builder.

bannerkey2

Next, click create another ad unit.

another

Select Native advanced.

native

Enter the ad name and click create ad unit.

nativead

Copy the second key (native key).

nativekey

And paste it in the Ad Native Key section in nandbox app builder.

nativesection

Next, select which ad you wish to activate and click save.

activation

You can repeat the same process with the iOS version of your app.

ios

Next, you need to activate the ads in the modules that you installed in your app.

Click on the configuration icon on the installed module.

config

Toggle the button to enable ads.

toggle

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

numberofads

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
  8. Google Ads

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.

categories

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

drag

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.

booking&eventsmodule

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

eventlistmodule

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.

    booking

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.

config

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

rename

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

enablesync

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

eventmenu

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

createnewevent createnewevent2

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

eventdetails

When you are done, click Next.

Next, add the event image.

eventimage

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.

editevent

The third icon will delete the event.

deleteevent

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.

eventoptions

Setting the Price of the Event

Click on the second icon.

eventpricing

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

setuppayment

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.

booking&eventsmodule

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

bookingmodule

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.

config

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

rename

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 after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

enableads

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

bookingmenu

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.

createnewbookingcreatenewbooking2

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

bookingdetails

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.

bookinglocation

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.

duration

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.

bookinggaps

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

timezone

8.) Set an image for the booking product.

bookingimage

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.

cancellable

You can choose from different durations.

duration2

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.

daysavailable

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

time

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.

numberofbookings

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.

holidays

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

calendar

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.

setupprice

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.

setuppayments

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.

bundlessection

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

createnewbundlecreatenewbundle

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

bundledetails

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.

editbundle

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

addproducts

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

addbooking

Checking the Tickets Booked

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

bookingmenu

Hover over the booking product and click view tickets.

tickets

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

bookingorders

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.

booking&eventsmodule

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

userbookingmodule

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.

config

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

rename

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

bookinglist

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:

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

booking&eventsmodule

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

ticketvalidatemodule

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.

patientticket

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

scanticket

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

validticket

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

validationfailed

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.

config

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

rename

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.

booking&eventsmodule

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

ticketredeemmodule

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.

patientticket

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

scanticket

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

redeemsuccessful

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

redeemfailed

The redeeming process will also fail if the ticket has expired

ticketused

Or if the ticket has been used.

ticketused

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.

config

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

rename

Must Have Modules

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

Complementary Modules

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.

TopMenu

Scroll down to find the payment options.

paymentoptions

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.

PayPal

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

You can also enable the Cash Option.

cashoption

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 you can announce events and booking schedules.

post

Installation

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

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

socialmodule

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

postsmodule

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.

postsconfig

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

renametitle

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

layout

Module Walkthrough

Activating the Feed Module

postsmenu

createnewpost4

changecolor

post

photogif

link

tags

Create a Scheduled Post

From the admin menu, click on scheduled post.

scheduledpost

Click the "+" button at the bottom right side of the page.

createnewscheduledpost

Click on the blue calendar icon at the bottom of the screen.

scheduledpost2

Select the date and click schedule.

scheduledpost3

Finally, click schedule, and your post is now scheduled!

scheduledpost4

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.

segments

Publishing to Groups & Channels

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

1.) Click on Groups

groups

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

creategroup

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

silent

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

editpost

Google Ads

This section will enable you to activate Google Ad Mob in your app.

Firstly, create a Google Ad Mob account.

From the navigation menu, click on apps.

appad

Click on add your first app.

addyourfirstapp

Select the platform of your app.

platform

If your app is published on Google Play Store or App Store, select yes, if not, select no.

appstore

Next, enter the app name and click add app.

appname

Click on create ad unit to start creating ads.

adunit

Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtype

The banner type will look like this:

googlead2

The native advanced type will look like this:

googlead

Click on the banner type, enter the ad name and click create ad unit.

createad

You will be prompted with two keys.

keys

Open nandbox app builder.

Go to App settings.

TopMenu

Click on Google ads

googleads

You will be prompted with the following screen.

keys2

Copy the first key (Google ad app ID).

firstkey

And paste it in the Ad Google Key section in nandbox app builder.

googlekey

Next, copy the second key (banner key).

bannerkey

And paste it in the Ad Banner Key section in nandbox app builder.

bannerkey2

Next, click create another ad unit.

another

Select Native advanced.

native

Enter the ad name and click create ad unit.

nativead

Copy the second key (native key).

nativekey

And paste it in the Ad Native Key section in nandbox app builder.

nativesection

Next, select which ad you wish to activate and click save.

activation

You can repeat the same process with the iOS version of your app.

ios

Next, you need to activate the ads in the modules that you installed in your app.

Click on the configuration icon on the installed module.

config

Toggle the button to enable ads.

toggle

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

numberofads

Community App

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

Features included in the app:

  1. Events List
  2. News Feed
  3. Media Gallery
  4. Channels
  5. Group Chat
  6. Google Ads

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.

categories

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

drag

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.

booking&eventsmodule

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

eventlistmodule

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.

    synccalendar

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.

config

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

rename

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

enablesync

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

eventmenu

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

createnewevent createnewevent2

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

mass

When you are done, click Next.

Next, add the event image.

eventimage

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.

editevent

The third icon will delete the event.

deleteevent

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.

eventoptions

Setting the Price of the Event

For profitable events.

Click on the second icon.

eventpricing

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

setuppayment

News Feed

Create an active news feed on your community app to keep all your neighbors engaged.

newsfeed

Installation

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

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

socialmodule

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

postsmodule

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.

postsconfig

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

renametitle

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

layout

Module Walkthrough

Activating the Feed Module

postsmenu

createnewpost4

changecolor

photogif

link

tags

Create a Scheduled Post

From the admin menu, click on scheduled post.

scheduledpost

Click the "+" button at the bottom right side of the page.

createnewscheduledpost

Click on the blue calendar icon at the bottom of the screen.

scheduledpost2

Select the date and click schedule.

scheduledpost3

Finally, click schedule, and your post is now scheduled!

scheduledpost4

Create New Segment

Segments are a tool to further manage your users, you can create a specific segment for certain users.

segments

Publishing to Groups & Channels

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

1.) Click on Groups

groups

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

creategroup

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

silent

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

Displays a grid of images and videos where the user can select one photo to view.

mediagallery

You can find the page module in the Page category.

pagesmodule

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

You can find the booking module in the Pages category.

pagesmodule

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

mediacentre

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

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.

config

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

rename

Once you click on the gear icon, you will be prompted with the following page.

edit

You can select the image, rename the title of the module, add a description, and add a background photo.

edit2

To add images to the media gallery, click on the blue add button.

addimages

You can change the order of the pictures by moving the move icon up and down.

order

You can also add an image carousel.

imagecarousel

Finally, you can add a text message.

text

When you're done, click save.

save

Channels

Channels will enable you to publish content for users to view and interact with.

channel

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.

socialmodule

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

channelmoduleschannellist

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.

Configuration

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

rename

Module Walkthrough

Create a New Channel

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

channelmodule2

Hit the "Create New" button.

createnewchannel

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.

createnewchannel2

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

channelname

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.

configurechannel

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

editchannel

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:

splashexample

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

welcomemessage

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

joinchannelqrcode

You can also assign admins to a specific channel.

assignadmins

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

invitelinks

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

saveprogress

Chat Groups

Up to 50,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 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.

socialmodule

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

groupmodules

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.

configgroup

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

renamegroup

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

addgroup

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

addnewgroup

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

groupname

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

insertgroup

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

save

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

features

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

welcomemessage

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

welcomemessage

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

joinchannelqrcode

12.) You can also assign admins to a specific channel.

assignadmins

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

invitelinks

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

saveprogress

Create a Private Group

From a mobile go to User Groups.

createprivategroup

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

addprivategroup

Tap on Chat Group.

createnewprivategroup

Enter the group name and description.

createnewprivategroup2

Select the privacy to private, then tap Done.

privacysettings

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.

groupmenu

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.

createnewgroup1 createnewgroup2

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

creatchatgroup1

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.

configurenewgroup

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

entergroupdetails

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.

splash

Which will look something like this:

splashexample

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

searchfilter

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.

addsearchfilter

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

choosefilter

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.

enterfilters

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

selectfilter1

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.

selectedfilters

Google Ads

This section will enable you to activate Google Ad Mob in your app.

Firstly, create a Google Ad Mob account.

From the navigation menu, click on apps.

appad

Click on add your first app.

addyourfirstapp

Select the platform of your app.

platform

If your app is published on Google Play Store or App Store, select yes, if not, select no.

appstore

Next, enter the app name and click add app.

appname

Click on create ad unit to start creating ads.

adunit

Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtype

The banner type will look like this:

googlead2

The native advanced type will look like this:

googlead

Click on the banner type, enter the ad name and click create ad unit.

createad

You will be prompted with two keys.

keys

Open nandbox app builder.

Go to App settings.

TopMenu

Click on Google ads

googleads

You will be prompted with the following screen.

keys2

Copy the first key (Google ad app ID).

firstkey

And paste it in the Ad Google Key section in nandbox app builder.

googlekey

Next, copy the second key (banner key).

bannerkey

And paste it in the Ad Banner Key section in nandbox app builder.

bannerkey2

Next, click create another ad unit.

another

Select Native advanced.

native

Enter the ad name and click create ad unit.

nativead

Copy the second key (native key).

nativekey

And paste it in the Ad Native Key section in nandbox app builder.

nativesection

Next, select which ad you wish to activate and click save.

activation

You can repeat the same process with the iOS version of your app.

ios

Next, you need to activate the ads in the modules that you installed in your app.

Click on the configuration icon on the installed module.

config

Toggle the button to enable ads.

toggle

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

numberofads

Sports App

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

Features included in the app:

  1. News Feed
  2. Events List
  3. Web Page
  4. Built-in Messenger
  5. Digital Membership
  6. Google Ads

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.

categories

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

drag

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 could be posted including announcements and events.

newsfeed

Installation

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

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

socialmodule

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

postsmodule

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.

postsconfig

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

renametitle

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

layout

Module Walkthrough

Activating the Feed Module

postsmenu

createnewpost4

changecolor

editpost

photogif

link

tags

Create a Scheduled Post

From the admin menu, click on scheduled post.

scheduledpost

Click the "+" button at the bottom right side of the page.

createnewscheduledpost

Click on the blue calendar icon at the bottom of the screen.

scheduledpost2

Select the date and click schedule.

scheduledpost3

Finally, click schedule, and your post is now scheduled!

scheduledpost4

Publishing to Groups & Channels

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

1.) Click on Groups

groups

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

creategroup

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

silent

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

send

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.

booking&eventsmodule

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

eventlistmodule

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.

    syncwithcalendar

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.

config

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

rename

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

enablesync

Creating a New Event

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

eventmenu

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

createnewevent createnewevent2

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

champions

When you are done, click Next.

Next, add the event image.

eventimage

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.

editevent

The third icon will delete the event.

deleteevent

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.

eventoptions

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

Web Page

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.

webpage

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

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

essentialsmodule

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

webviewmodule

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.

config

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

rename

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

url

Don't forget to click Save.

save

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.

You can create a group for each sport, with up to 50,000 users.

group

Installation

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

You can find the Messenger module in the Communications category.

communicationmodule

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

communicationmodule

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.

configmessenger

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

rename

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.

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.

securitymodule

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

digitalidmodule

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, hit the gear icon to configure the settings of the module.

config

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

rename

3.) Enter the title and the description of the membership card, insert the image of the card and click save.

title

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

membership

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.

layout

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

features

User Selectable Features

talktoadmin

stickynote

background

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

heartcolor

postfilter

contextmenu

Scroll down to the bottom of the list.

contextmenu2

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.

savetodownloads

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

savetogallery

You can also disable the feature altogether.

disablefeature

Click here to know how to create a new tag.

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

saveprogress

Must-Have Modules

Module Walkthrough

Posting in the Digital ID

postsmenu

createnewpost4

Click on 'Posts' and choose 'Digital ID'

choosedigitalid

digitalidpost

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

Google Ads

This section will enable you to activate Google Ad Mob in your app.

Firstly, create a Google Ad Mob account.

From the navigation menu, click on apps.

appad

Click on add your first app.

addyourfirstapp

Select the platform of your app.

platform

If your app is published on Google Play Store or App Store, select yes, if not, select no.

appstore

Next, enter the app name and click add app.

appname

Click on create ad unit to start creating ads.

adunit

Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtype

The banner type will look like this:

googlead2

The native advanced type will look like this:

googlead

Click on the banner type, enter the ad name and click create ad unit.

createad

You will be prompted with two keys.

keys

Open nandbox app builder.

Go to App settings.

TopMenu

Click on Google ads

googleads

You will be prompted with the following screen.

keys2

Copy the first key (Google ad app ID).

firstkey

And paste it in the Ad Google Key section in nandbox app builder.

googlekey

Next, copy the second key (banner key).

bannerkey

And paste it in the Ad Banner Key section in nandbox app builder.

bannerkey2

Next, click create another ad unit.

another

Select Native advanced.

native

Enter the ad name and click create ad unit.

nativead

Copy the second key (native key).

nativekey

And paste it in the Ad Native Key section in nandbox app builder.

nativesection

Next, select which ad you wish to activate and click save.

activation

You can repeat the same process with the iOS version of your app.

ios

Next, you need to activate the ads in the modules that you installed in your app.

Click on the configuration icon on the installed module.

config

Toggle the button to enable ads.

toggle

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

numberofads

TV & Media App

This is a step by step guide to creating a TV & Media app.

Features included in the app:

  1. News Feed
  2. Events List
  3. Loyalty Program
  4. Media Gallery
  5. Channels
  6. Chat Groups
  7. Google Ads

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.

categories

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

drag

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 could be posted including announcements and events.

news

Installation

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

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

socialmodule

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

postsmodule

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.

postsconfig

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

renametitle

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

layout

Module Walkthrough

Activating the Feed Module

postsmenu

createnewpost4

changecolor

dexter

photogif

link

tags

Create a Scheduled Post

From the admin menu, click on scheduled post.

scheduledpost

Click the "+" button at the bottom right side of the page.

createnewscheduledpost

Click on the blue calendar icon at the bottom of the screen.

scheduledpost2

Select the date and click schedule.

scheduledpost3

Finally, click schedule, and your post is now scheduled!

scheduledpost4

Publishing to Groups & Channels

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

1.) Click on Groups

groups

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

creategroup

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

silent

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

editpost

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.

booking&eventsmodule

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

eventlistmodule

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.

    events

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.

config

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

rename

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

enablesync

Creating a New Event

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

eventmenu

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

createnewevent createnewevent2

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

editevents

When you are done, click Next.

Next, add the event image.

eventimage

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.

editevent

The third icon will delete the event.

deleteevent

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.

eventoptions

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

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.

loyalty

Installation

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

You can find the loyalty module in the social category.

socialmodule

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

loyaltymodule

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.

configloyalty

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

rename

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:

unschool

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,

editloyaltyscreen

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

iOS Android
iosscreen andriodscreen

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

layout

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

Module Walkthrough

Activating the Loyalty Module

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

loyaltymenu

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.

createnewprogram createnewprogram2

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.

setuployalty

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

loyaltytrigger

5.) You can choose from different triggering options.

triggeringoptions

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

messages

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

specificmessage

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.

addnewmessage2

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

schedulepost

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

choosedate

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

selectpost

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

activatecampaign

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

addpoll

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.

qualification

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.

eventsrequired

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.

winningselection

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.

winningselection2

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.

winningselection3

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.

maxwinners

23.) Finally, you have the Award section.

award

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

awardtype

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

points

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

coupon

27.) Click on "Add New".

addnewcoupon

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.

createcoupon

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

addcoupon

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

addmessage2

31.) Click on "Add New".

addnewmessage2

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

awardmessage

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

selectmessage3

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

Create a Coupon

From the admin menu, click on Coupon.

couponmodule

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.

createcoupon

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"

loyaltytrigger

2.) Choose "Button".

button

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

addpoll

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

choosepoll

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

selectbutton

Create a Menu

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

createmenu

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.

createnewmenu createnewmenu2

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

enterpollname

4.) Once you click on it, you will be prompted with a window where you can edit the style of the button.

menustyle

5.) Once you chose the menu you can click on each button to edit it.

3buttons

6.) Enter the button title, description, and URL.

buttontitle

7.) Once you're done click back and then click save menu.

savemenu

Displays a grid of images and videos where the user can select one photo to view.

media

You can find the page module in the Page category.

pagesmodule

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

You can find the booking module in the Pages category.

pagesmodule

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

mediacentre.

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

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.

config

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

rename

Once you click on the gear icon, you will be prompted with the following page.

edit

You can select the image, rename the title of the module, add a description, and add a background photo.

edit2

To add images to the media gallery, click on the blue add button.

addimages

You can change the order of the pictures by moving the move icon up and down.

order

You can also add an image carousel.

imagecarousel

Finally, you can add a text message.

text

When you're done, click save.

save

Channels

Channels will enable you to publish content for users to view and interact with.

channel

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.

socialmodule

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

channelmoduleschannellist

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.

Configuration

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

rename

Module Walkthrough

Create a New Channel

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

channelmodule2

Hit the "Create New" button.

createnewchannel

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.

createnewchannel2

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

channelname

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.

configurechannel

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

editchannel

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:

splashexample

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

welcomemessage

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

joinchannelqrcode

You can also assign admins to a specific channel.

assignadmins

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

invitelinks

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

saveprogress

Chat Groups

Up to 50,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 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.

socialmodule

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

groupmodules

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.

configgroup

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

renamegroup

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

addgroup

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

addnewgroup

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

groupname

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

insertgroup

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

save

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

features

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

welcomemessage

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

welcomemessage

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

joinchannelqrcode

12.) You can also assign admins to a specific channel.

assignadmins

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

invitelinks

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

saveprogress

Create a Private Group

From a mobile go to User Groups.

createprivategroup

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

addprivategroup

Tap on Chat Group.

createnewprivategroup

Enter the group name and description.

createnewprivategroup2

Select the privacy to private, then tap Done.

privacysettings

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.

groupmenu

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.

createnewgroup1 createnewgroup2

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

creatchatgroup1

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.

configurenewgroup

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

entergroupdetails

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.

splash

Which will look something like this:

splashexample

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

searchfilter

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.

addsearchfilter

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

choosefilter

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.

enterfilters

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

selectfilter1

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.

selectedfilters

Google Ads

This section will enable you to activate Google Ad Mob in your app.

Firstly, create a Google Ad Mob account.

From the navigation menu, click on apps.

appad

Click on add your first app.

addyourfirstapp

Select the platform of your app.

platform

If your app is published on Google Play Store or App Store, select yes, if not, select no.

appstore

Next, enter the app name and click add app.

appname

Click on create ad unit to start creating ads.

adunit

Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtype

The banner type will look like this:

googlead2

The native advanced type will look like this:

googlead

Click on the banner type, enter the ad name and click create ad unit.

createad

You will be prompted with two keys.

keys

Open nandbox app builder.

Go to App settings.

TopMenu

Click on Google ads

googleads

You will be prompted with the following screen.

keys2

Copy the first key (Google ad app ID).

firstkey

And paste it in the Ad Google Key section in nandbox app builder.

googlekey

Next, copy the second key (banner key).

bannerkey

And paste it in the Ad Banner Key section in nandbox app builder.

bannerkey2

Next, click create another ad unit.

another

Select Native advanced.

native

Enter the ad name and click create ad unit.

nativead

Copy the second key (native key).

nativekey

And paste it in the Ad Native Key section in nandbox app builder.

nativesection

Next, select which ad you wish to activate and click save.

activation

You can repeat the same process with the iOS version of your app.

ios

Next, you need to activate the ads in the modules that you installed in your app.

Click on the configuration icon on the installed module.

config

Toggle the button to enable ads.

toggle

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

numberofads

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

TopMenu

You will be prompted with the following screen.

generalsetting

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.

splashscreen

Splash screens can contain multiple screens to introduce the user to different features of the app.

freemessaging multipleprofile

To customize your splash screen, click on Splash.

generalsetting2

Select the splash page background color.

splashpagebackgroundcolor

Enter the title of the start button.

titleofthestartbutton

The title will be displayed here.

nandboxmessenger

Next, insert your app's logo and enter the title and the description.

applogo

You can create additional screens to further introduce your app, click Add New to add more screens.

addnewscreen

Once you click Add New, you will find the new screens below your main screen.

newscreens

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.

movenewscreens

Once you are done, click Save.

savenewscreens

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.

bubblethemes

You can choose from a selection of themes of the top messenger apps.

choosebubblethemes

Click Save after you selected your theme.

savebubblethemes

You can hide invitational links to groups, channels, events, and bookings by toggling on this button.

invitationallinks

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.

loginandsignup

You can choose to verify via email, mobile, or you can skip the verification process by choosing No Login.

verify

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.

saveverify

User Profile

In this section you can customize what your users can say about themselves.

Click on User Profile.

userprofile

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.

maxcharacter

You can also add more fields.

addmorefields

You can choose from different types.

types

You can also select the error message that appears to users.

errormessage

Google Ads

This section will enable you to activate Google Ad Mob in your app.

Firstly, create a Google Ad Mob account.

From the navigation menu, click on apps.

appad

Click on add your first app.

addyourfirstapp

Select the platform of your app.

platform

If your app is published on Google Play Store or App Store, select yes, if not, select no.

appstore

Next, enter the app name and click add app.

appname

Click on create ad unit to start creating ads.

adunit

Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

adtype

The banner type will look like this:

googlead2

The native advanced type will look like this:

googlead

Click on the banner type, enter the ad name and click create ad unit.

createad

You will be prompted with two keys.

keys

Open nandbox app builder.

Go to App settings.

TopMenu

Click on Google ads

googleads

You will be prompted with the following screen.

keys2

Copy the first key (Google ad app ID).

firstkey

And paste it in the Ad Google Key section in nandbox app builder.

googlekey

Next, copy the second key (banner key).

bannerkey

And paste it in the Ad Banner Key section in nandbox app builder.

bannerkey2

Next, click create another ad unit.

another

Select Native advanced.

native

Enter the ad name and click create ad unit.

nativead

Copy the second key (native key).

nativekey

And paste it in the Ad Native Key section in nandbox app builder.

nativesection

Next, select which ad you wish to activate and click save.

activation

You can repeat the same process with the iOS version of your app.

ios

Next, you need to activate the ads in the modules that you installed in your app.

Click on the configuration icon on the installed module.

config

Toggle the button to enable ads.

toggle

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

numberofads

Payment Methods

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

paymentmethods

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.

PayPal

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

You can also enable the Cash Option.

cashoption

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.

chatbots

Creating API/Bot

Click on Create New Bot.

createnewbot

Start by naming your bot and click Add.

Click on Create New Bot.

bottitle

Next, click on the gear icon to configure your bot.

Click on Create New Bot.

newbot

Enter the details of the bot.

detailsofbot

Next, configure the bot's properties.

botproperties

You can determine the access that the bot will have.

botproperties

Finally, you can set what you want the bot to do.

botfunction

Don't forget to click Save when you finish.

savebot

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.

privacy

Enter the link for your terms and conditions and click Save.

termsandconditions

Support Email

The support e-mail will appear to banned users so that they can contact the admin for inquiries.

help

Click on it and enter the support e-mail address.

support

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.

users

You will be prompted with the following screen that shows you a list of all your users.

allusers

You can sort your users by Active users and Banned users.

activeusers

You can also search by name or Login ID.

searchbyname

Editing Users Privileges

To edit the privileges of a user, click on this button next to the user.

privileges

You will be prompted with the following screen.

userdisplay

To change the user's role, click on Change Admin Role.

changeadminrole

You can choose from the following roles.

roles

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.

userinformation

Assigning User Roles

To add roles for a user, click on Add Role.

userrole

A drop-down menu will appear where you can assign the user to be a member or an admin.

addrole

Choose from different events, bookings, channels, virtual apps, or groups.

chooserole

Select where you want to assign the user, check it, and click insert.

chooserole2

Create New Tag

Tags will label certain users of your choice so you can send them messages specifically targeted for them.

Click on the Tags & Memberships option in the admin menu.

tagsandmemberships

Click on add new to create a new tag.

newtag

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.

edittags

You can also assign tags to a user, click Add Tag.

tag

Deleting & Banning Users

To delete or ban a user, click on the bin button.

banuser

You also have the option to ban the user.

banuser2

Blacklist

Users that are blacklisted will be prohibited from accessing the app.

Adding Users to the Blacklist

Go to Blacklist from the admin menu.

blacklist

Click on Add New.

newblacklist

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.

signupid

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.

blacklistpatterns

Click Add New.

blacklistpatterns2

You will be prompted with the following screen.

pattern

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.

startwith

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.

endwith

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.

contains

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.

regularexpression

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.

topmenu

Click on the toggle to enable whitelist.

generalsettings

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.

whitelist

Click on Add New.

addwhitelist

Enter the user Signup ID and click Add, the user will be added to the whitelist.

addwhitelist

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.

patterns

Click Add new.

addnewpattern

You will be prompted with the following screen.

whitestartwith

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.

whitestartwith2

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.

whiteendwith

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.

whitecontains

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.

whiteregularexpression

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

whiteaddnew

Click Add Tags

addtag

Click here to know how create a tag.

Bulk Upload

Bulk upload allows you to upload large amounts of data in one go, you can upload group or channel data, multiple products, events, bookings, locations and much more!

From the admin menu, click on Bulk Upload.

bulkupload

Next, select which type of data that you want to bulk upload.

bulkupload

Select the type of bulk separator.

bulkupload

Pipe separator allows you to upload your bulk data using TXT format while comma separator uses CSV format.

Next, download the template sheet for the type of data that you specified.

bulkupload

Fill the sheet with your data, and then drag it back here or select the file from your computer.

bulkupload

Pages

The pages section allow you to create web 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.

pagesmodule

Click on Create New Page.

createnewpage

Enter the page title and description, and add an image for the page.

pageimage

Once you create the page, you will find it under My Pages tab.

mypagestab

You can now drag and drop your page either in the home menu or the side menu.

pageinstallation

Once you installed the new page, you can choose an Android and an iOS icon for it.

pageicon

Next, click on the gear icon to configure it.

configurepage

Configuring Your Page

You will be prompted with the following screen.

pagebuilder

The first section is where you can edit the page title, description, and add an image and a background image for the page.

pagebuilder2

The second section is the elements you can insert in your page.

pageelements

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.

imageslider

Once you installed the module, click on the blue plus icon to start adding images.

imagecarousel

2.) Text

Displays an editable section where you can display text.

text

Once it is installed you can edit the text using the different formats and tools.

edittext

3.) Features

The features element allows you to insert multiple pages in one tab.

Once you installed the module, click on the blue plus icon to start adding pages.

features

Select the pages and click insert.

selectpage

You can click on the page to configure it.

configurepage2

You can also change the order of the page as you wish by dragging the move icon up and down.

movepage

You can also select the layout from the layout section.

pagelayout

4.) Media Gallery

Displays a grid of images where the user can select one photo to view.

mediagallery

Click on the blue icon to start adding images.

mediagallery2

You can also select the layout from the layout section.

medialayout

5.) Video

Displays a playable video, users can click on the video to play it.

video

Enter the URL of the video.

videourl

6.) Location

Displays a map where the user can know the location that you specify.

location

Enter the location that you want displayed.

enterlocation

7.) Youtube Playlist

Displays a playlist of videos on YouTube.

youtubeplaylist

Enter the playlist, the app builder will automatically generate the playlist.

enterplaylist

You can also add a YouTube channel.

youtubechannel

After you're done, click Save.

savepage

You can find the pages that you created under My Pages.

mypages

Templates

You can also choose from different templates on the app builder, you can find more than 20 templates.

templates

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.

settings

Changing Your Password

To change your password, click on Change Password.

changepassword

Enter your old password and enter a new password and click Change.

changepassword2

Change Your Subscription Plan

To change your subscription plan, click on Billing from the admin menu.

biling

You will find your billing information, click on Change your plan.

changeplan

Then click on the plan you want to change to.

selectplan

Then click Start Free Trial.

startfreetrial

Please note that if you are changing your plan in your trial period, the remaining trial period will be lost.

Changing Billing Information

From the admin menu, click Billing.

biling

You will find your billing information, click on Change your plan.

changeplan

Click on Update Billing Information.

updatebilling

Update your billing information and then click Update.

update

Canceling Your Subscription

If you wish to cancel your plan, please send us an email at [email protected]

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.

topmenu

Once you click on App Settings, scroll down until you reach the payment methods section.

paymentsection

Click on the PayPal toggle to enable it.

togglepaypal

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:

pay

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.

configurepaypal

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:

paypalinfo

The second tab contains a link that will take you to PayPal's pricing options.

paypaloptions

Now going back to the first tab, the first option is the "Environment" where you can choose "Sandbox" or "Production"

paypalsetup

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.

braintree

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

braintree2

4.) Copy the keys and paste them in their perspective spaces in the app builder.

paypalsetup2

5.) Next, click on the gear icon on the home page.

sandbox

And select "Processing"

processing

6.) Click on "Link Sandbox".

linksandbox

You will be prompted with the following screen.

paypalcredentials

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.

changecountry

8.) After you followed the steps, click on "Link PayPal Sandbox"

9.) Lastly, click on the gear icon again and select "Business".

business

10.) Click on "New Sandbox Merchant Account"

newsandbox

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.

newmerchantaccount

12.) Next, copy the Merchant Account ID and paste it into the app builder, and click save.

paypalsetup3

Complementary Modules