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:

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

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

Duplicability

This module can only be installed on your home menu.

Configuration

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

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

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

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

  • 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.) Head to the mStore section on the left-hand side of the page.

2.) Click on "Create New".

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

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

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

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

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

Creating a New Product

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.

2.) Click on "Create New".

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

3.) Enter your product details.

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.

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

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.

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.

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.

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

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

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.

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

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

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

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

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

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

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.

2.) Click the "Create New" button.

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

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

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

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

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.) Head to the Product add-ons page.

2.) Click on "Create New" button.

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

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

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

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

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

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

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

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.

Setting Your Main Store

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

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

Select the store and click insert.

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

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.

Scroll down to find the payment options.

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.

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.

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


Did this page help you?