Store

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:

  • Manage your store: Follow payment orders, segment your customers for promotional campaigns, and update your product listings from your nandbox dashboard wherever and whenever you want.
  • Offer multiple payment options: nandbox App Builder is ready with multiple payment gateways including PayPal, Stripe, and PayTabs. You only need to drag and drop the payment gateway of your choice, set your credentials, and enjoy tracking your profit.
  • Deliver Seamless Experience: Include an in-app messenger, and broadcasting channels, and build a whole community around your brand. Your customers can share reviews on your products and promote your brand among their friends.

Installation

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

  • App's Home Menu ✓
  • App's Side Menu x

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

storestore

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

storemodulestoremodule

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 or side menu, you can rename the module and choose an Android and an iOS icon for it.

2.) Click on the gear icon to configure the settings of the module.

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

storemanagementstoremanagement

  • The m-Store: This is where you can create your stores, you can have one main store or multiple small stores in your channels.

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

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

  • Multi-tiered plans: 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.

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

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

Setting Up a Store

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

1.) From the side menu, click on mstore.

mstoremstore

2.) Click on create to create a new store.

createmstorecreatemstore

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

storedetailsstoredetails

4.) Next, hover over the store you created and click the edit button.

editstoreeditstore

5.) Click on edit to assign the channel you created as the owner of the store.

assignownerassignowner

6.) Select the channel, and click insert.

insertchannelinsertchannel

Create a Product

1.) To create products to add to the store, click on products from the side menu.

productsproducts

2.) Click on create to create a new product.

createproductcreateproduct

3.) Enter your product details.

newproductnewproduct

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.

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

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

keywordskeywords

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.

productaddonproductaddon

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, hover over the store you created, and click edit on the store you created.

editstoreeditstore

8.) Click add items.

additemsadditems

9.) Select the product you want to add and click insert.

Now your product has been added.

insertproductinsertproduct

Now your product has been added.

productaddedproductadded

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.) From the side menu, click on bundles.

bundlesbundles

2.) Click create to create a new bundle.

createbundlecreatebundle

3.) Enter the bundle details and click create.

bundledetailsbundledetails

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

editbundleeditbundle

5.) Scroll down to the bottom of the page and click on add products.

addproductstobundleaddproductstobundle

6.) Select the products that you want to add and click insert.

insertproductsinsertproducts

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 pepperoni pizza and the user gets to choose their size.

1.) From the side menu, click on multi-tiered plans.

multi-tieredmulti-tiered

2.) Click create to create a new multi-tiered plan.

newmultinewmulti

3.) Enter the multi-tiered plan details and click create.

4.) To add products to the multi-tiered plan, hover over the plan and click on the edit button.

5.) Scroll down to the bottom of the page and click on add products.

6.) Select the products that you want to add and click insert.

insertmultiinsertmulti

Adding Product Add-Ons

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

androiddisplayandroiddisplay

1.) From the side menu, click on product add-ons.

productaddonsideproductaddonside

2.) Click create to create product add-ons.

createproductaddoncreateproductaddon

3.) Enter the product add-on details and click create.

addondetailsaddondetails

4.) Click on the edit button to assign it to a product or a bundle.

editaddoneditaddon

5.) Scroll down till you reach the sub-menu and then click add submenu.

addsubmenuaddsubmenu

A submenu is a sub-option given to users under the add-on that you created. So, for example, you can create the product add-on to be olives, and you can create three submenus to olives:

  • Extra Olives

  • Regular Olives

  • No Olives

    6.) Enter the details of the submenu and click create new.

newsubmenunewsubmenu

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

minmaxminmax

8.) You can also add another submenu under the main submenu, click on the blue button to do that.

addnewsubmenuaddnewsubmenu

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.

saveaddonsaveaddon

12.) Next, we will add the product add-on that we created to a specific product.

Click edit on the product that you want to add the add-on to.

editproduct2editproduct2

13.) Scroll down to the bottom and click on assign product add-on.

assignaddonassignaddon

14.) Select the add-on and click insert.

selectaddonselectaddon

Checking Your Orders

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

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

sideordersideorder

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

ordersorders

Setting Your Main Store

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

geargear

Select the option to make this store your main store.

defaultdefault

Payment Gateways

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

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

appsettingsappsettings

Scroll down to find the payment options.

paymentspayments

Credit Card

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

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.

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

You can also enable the Cash Option.

cashcash

In-App Purchases

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

inappinapp

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