OpenCart Mobile App Builder – User Manual

Introduction of OpenCart Mobile App Builder Extension

We at Knowband are exceptionally skilled and proficient in converting your OpenCart site into a wonderful feature packed mobile app for your targeted customers. You just have to specify your business requirements and expectations to our OpenCart developers, rest will be assured by them. With our talent pool of programmers, designers and other involved professionals, we can deliver a mobile app that closely matches your personal expectations and business requirements. If you are not sure about the utility of this mobile app for your OpenCart store, let us throw some light on this amazing OpenCart mobile app.

This is definitely one such mobile app that can take your eCommerce business to far off places. With the support of this OpenCart mobile app, you can seamlessly target your multi-platform customers for your OpenCart store for grabbing maximum sales and customer engagement. It can make your eCommerce business accessible to mobile based consumers in order to improve your chances of business growth and expansion. This mobile app lets OpenCart store owners get their customized mobile app as per their business requirements and needs.

Working Process

In order to utilize the services of this mobile app, store owners have to implement the following steps:

1. Purchase Open-cart mobile app builder module from Knowband. (http://www.knowband.com/mobile-app-builder-for-opencart).

2. Once you have bought the Plugin, you will be presented with a questionnaire, asking for details about your app.

3. Our development team will customize the mobile application as per the details shared in the questionnaire. The APK file for the app will be shared with you after customization.

4. Now, you can publish this mobile application (apk) file on Google Play Store yourself or you may get it done by us for a small fee.

Salient Feature

Some of the features of this mobile App are:

1. Compatible with 2.x.x.x version of OpenCart.

2. Comes with bundle of interactive themes.

3. Presence of voice search facility.

4. Offers seamless synchronization between your store and App.

5. Provide social media login options (Facebook/ Google).

6. Compatible with multiple device and platform.

Mobile App Screens

Splash Screen

Splash screen is the initial screen which will be visible to the users once they install and open this App.

1. Choose your App theme: User can change the theme of the App as per his/her choice.

2. View your store demo: Users could experience their own store on mobile by installing the sample OpenCart Mobile App Builder module provided by Knowband (http://www.knowband.com/mobile-app-builder-for-opencart-free) on their OpenCart store.

3. View Demo: Users could also view the demo store provided by Knowband.

Mobile App Screen | Knowband

Category

Menu option lists all the categories and their sub-categories which exist on store. Users will be navigated to category screen on selection of any category from menu bar. Category section offers various functionalities:

1. Search: Users will be able to search any product in store by simply clicking on the search icon shown at the top of category page.

2. List/ Grid View: Users can simply change the view of category screen to list or grid as per his/her need.

3. Sort: Users would be able to sort result based on price (low to High or High to Low).

4. Filter: Allows users to apply multiple filtrations of products based on their attributes.

Category1 Category 2

Product

Product screen allow users to view product details such as product image, description and attributes (size or color). Product section offers various functionalities:

1. Add to Cart: Users will be able to add product to their shopping cart by simply clicking on Add to Cart button shown at the bottom of the screen.

2. Add to Wish-list: Users can also be able to add product to their wish-list by clicking on Add to Wish-list button shown at the bottom of the screen.

Note: Make sure the size of the products must be >= (400*400) w * h for clear image preview on mobile App.

Product

Login

This App will facilitate users to login and manage their account. It also provides users with social login (Facebook/ Google) facility to ease and maximize user account login.

1. Login: Authenticated users would be able to access their account by with their login credentials.

2. Forget Password: Registered users can also opt for reset password by sampling providing their email.

3. Social Login: Users are also provided with the facility to access their account from social media such Facebook/ Google.

4. Signup: Users can create their account on store from mobile App by providing the all the necessary details required during signup process.

5. Continue as Guest: User can also be able to place order as guest user without being login into their account.

Login1 Login2

Shopping Cart

 

Shopping cart screen will allow users to view products details, apply coupon or voucher and total cost summary. Shopping cart section offers various functionalities:

1. Product Summary: Provide details of product(s) exists on users shopping cart. It also provides the option to update quantity or remove any product on shopping cart.

Products out of stock can also be removed from the cart by simply clicking on remove button shown on product details section.

2. Apply Coupon: Users can also apply for any valid coupon to their shopping cart.

3. Apply Voucher: Users can also apply for any valid voucher to their shopping cart

4. Total Cost Summary: Provide the details of total cost of shopping cart.

Shopping Cart | Knowband

Review Checkout

Review checkout screen allows user to view the checkout details that include shipping address, order summary, shipping methods and total cost summary.

1. Shipping Address: Provides detail of shipping address selected by user.

1.1) Add/ Edit Shipping Address: Users can also add or update shipping address as per his/her requirement.

Note: Total cost will be estimated based on selected shipping address and method.

2. Order Summary: Provides detail of product(s) added to cart by user.

3. Shipping Methods: Users will be validated to select any shipping method if exists for selected products on store.

4. Total Cart Summary: Provide the details of total cost of shopping cart.

Review Checkout1 Review Checkout2

Payment Methods

Payment methods screen provides the list of payment methods exist on store. User will be required to select any payment method to proceed further to payment transaction.

Payment Methods

My Account

My account screen allows users to view their account details with list of previous order place by users. My account section offers various facilities:

1. Order History: Provides the details of order(s) being placed by user such as order id, placed date, status and order products.

2. Update Profile: Users can also be able to update their profile details such as first or last name, phone number.

My Account1

My Account2

Order Details

Order details screen provides the detail of order such as shipping address, product summary, shipping and payment method and total cost summary.

Order Details

Creating Facebook App

Prerequisites for creating Facebook App (Will be provided by Knowband)

App Package Name (com.example.xxxx)

App Class Name (MainActivity)

Android Key Hash

Creating Facebook App

  • Go tohttps://developers.facebook.com/. If you have not registered yourself as a developer yet then Facebook will ask you to register as a developer. Simply register as a developer.
  • From the top navigation menuhover over My Apps.
  • Then click Add a New App.
  • You will be asked to select a platform, click on android.
  • On the new page you can select quick start or you can select skip and create app id from the upper right corner.
  • Click on skip and create app id.
  • Give a display name and a namespace for your app as shown in the image below.

Create a New App ID

Creating Facebook App ID

  • Click create app id.
  • You will be redirected to your apps dashboard.

Creating Facebook App ID

Apps Dashboard

  • Here you can get your app id. Copy the app id it will be used further.
  • Now from the left menu, click on settings.
  • Click on add a platform and select android.
  • Enter your package name and class name of your main activity (MainActivity) and click on save changes.
  • Make sure you also provide contact email which will be required to make this App public.
  • Now your need to provide App Key Hash which was share with you earlier.

App Dashboard

Adding a Platform for your App

  • Now to make this App accessible to all, you need to make it public.
  • Now from the left menu, click on App Review.
  • Turn the switch next to Do you want to make this app and all its live features available to the general public? to Yes.

Adding a Platform for your App1

  • Now your App will be publicly available. You can see the green circle next to App name on below image:

Adding a Platform for your App2

Please share your Facebook App ID with knowband.

Creating a Project at Google Developers Console

Prerequisites for creating Facebook App (Will be provided by Knowband)

App Package Name (com.example.xxxx)

Android SHA1 Key

Creating Google Project

  • Log in to Google Plus account and go to thislinkand click on create project.

Creating a Project at Google Developers Console1

  • Now fill the details and click oncreate.

Creating a Project at Google Developers Console2

  • Now we need a configuration file for our android app. So go to thislink. Select your app we just created on developer console.
  • Provide package name and choose country and click on continue.

Creating a Project at Google Developers Console3

  • Provide SHA1 key which was share earlier and Enable Google Service page.

Creating a Project at Google Developers Console4

  • Now click on Enable Google Sign-in and click on Continue to generate configuration files.
  • Now click on download google-services.json to get your configuration file and share the same with Knowband.

Home

Home screen consist of slide-screen, banners, featured products and special products from OpenCart store.

1. Splash-screen: Splash-screen will appear on the top of home screen.

Note: Make sure that OpenCart splash screen module is enable on store and size of the slides must be >= (900*400) w * h for clear image preview on mobile App.

2. Banners: Banners will be presented below the splash-screen in vertical direction.

Note: Make sure that OpenCart banner module is enable on store and size of the banners must be >= (600*400) w * h for clear image preview on mobile App.

3. Feature Products: Feature products will be listed in grid view just below the banners.

Note: Make sure that OpenCart feature products module is enable on store and size of the products must be >= (200*200) w * h for clear image preview on mobile App.

4. Special Products: Special products will be listed below the feature products in horizontal direction.

Note: Make sure that OpenCart special products module is enable on store and size of the products must be >= (200*200) w * h for clear image preview on mobile App.

5. Menu: Menu will be visible to user on click of navigation bar at the top-left corner of home screen.

Menu provides the following options to users:

5.1) Login/ Logout: Allows user to login/ logout of their store account.

5.2) About Us: Allows users can view store about us page.

5.3) Contact Us: Allows users can view store contact us page.

5.4) My Account: Users can have access to their account where s/he can view their order history or update their account details.

6. Search: Users will be able to search any product in store by simply clicking on the search icon shown at the top of home page.

7. Shopping Cart: Users can view the cart details by simply clicking on cart icon shown at the top of home page.

8. Wish-list: logged-in users would also be able to view their wish-list products by simply clicking on wish-list icon shown at the top of home page.

Home Home2

Joe Parker

We boasts of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, and OpenCart. We also provide custom module development and customization services for the website and modules.

Leave a Reply

Your email address will not be published. Required fields are marked *