OpenCart Mobile App Builder – User Manual

Develop native OpenCart Mobile App for your eCommerce store with KnowBand’s OpenCart Mobile App Builder & start observing a sudden growth in your store conversions & sales.

1.0 Introduction

If you are an OpenCart website owner & currently selling products on your website, try KnowBand’s automated mobile apps solution & take your business to the mobile world. The OpenCart Mobile App Builder is the pre-configured framework designed to develop native Android & iOS apps for your online website. This ready-to-go mobile app solution is the most advanced & smartest solution to own a pair of fully functional Android & iOS store without any coding or technical skills.

KnowBand has made a mark in the eCommerce industry as a leading mobile app provider for almost all the major eCommerce platforms. It’s OpenCart Mobile App Builder is the easiest way to build feature packed OpenCart Mobile Apps in just 3 simple steps:

1. Purchase the OpenCart Mobile App Builder extension.
2. Share the app-related specifications & requirements.
3. Get your own native OpenCart Apps in 2-3 days.

We, at KnowBand, are an exceptionally skilled and proficient pool of programmers, designers, and other involved professionals. We can deliver an OpenCart 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 Builder.

1.1 Prominent Features of OpenCart Mobile App Builder:

Following are some of the major features you’ll get in your OpenCart Mobile Apps:

–> Customizable Home Screen Layout (Complete Flexibility)
–> Store Branding
–> Zopim & WhatsApp Chat Support (24*7)
–> Google & Facebook Login
–> OTP & Fingerprint Login
–> Both Tablet & Mobile Support
–> Android 4.2 to Android 8.0 (Oreo) Support
–> iOS 9 to iOS 11 Support
–> Automatic Inventory Update
–> Multiple Color & Font Choices
–> Multi-lingual & RTL (Right To Left) Support
–> Multi-currency Support
–> All Product Type Support
–> Website Payment Method Supported on Apps
–> Website Shipping Method Supported on Apps
–> Custom Payment Method Integration
–> Unlimited Push Notifications
–> Product Social Sharing Options
–> Multiple Filtering & Sorting Options
–> Advanced Voice Search (Android Only)
–> Wishlist Functionality
–> Website Coupon/Vouchers Supported on Apps.
–> Simplified Checkout Screen
–> Real-time Order Tracking
–> Seamless Accordion Menu
–> Clear-cut Product & Category Screen

2.0 OpenCart Mobile App Demo

KnowBand offers a demo of OpenCart Mobile Apps before actual mobile app development. We have brought free of cost demo for all the eCommerce store owners out there.

2.1 View Our Demo Store working on Apps

Take a look at our app functionalities with our demo OpenCart Mobile Apps. We have integrated our demo store with the app in order to let you explore the app working. All you need to do is to follow these simple instructions:

Step 1: Download and install the Nautica OpenCart Mobile App on your testing device. Here, are the links to OpenCart Demo Apps:
–> Apple App Store
–> Google Play Store

Step 2: Open the App and tap “View Demo” button being displayed on the splash screen. Enter some relevant details like Name, E-mail & Store URL & experience our demo store running on the demo app.

Note: To access the Admin Panel of KnowBand’s OpenCart Mobile App Builder on our demo store, visit here.

2.2 View Your Store working on Demo Apps

Want to test your own store on the demo apps. Well, we made even that possible with 3 simple steps:

Step 1: Download & install FREE OpenCart Mobile App Builder plugin on your OpenCart website.

Step 2: Install the Demo Apps (links in the previous section) on your mobile testing device. Open the App & enter your website URL in “View Your Store”.

Step 3: Tap “View Your Store” and start experiencing your own store on OpenCart Demo apps.

Note: This Free version of Mobile App Builder is just for the demo purpose & no APK/IPA files will be provided with this module. In order to get your own APK/IPA files, you need to purchase the paid version of the OpenCart Mobile App Builder.

3.0 Build OpenCart Mobile App in 3 Simple Steps

Once you are satisfied with the demo apps working, it’s time to build your own mobile apps. The process to develop mobile apps with OpenCart Mobile App Builder is only a matter of these 3 simple steps:

Step 1: Purchase & Install Module on your website.

Download zipped OpenCart Mobile App Builder & install the same on your store using your store FTP details.

Step 2: Share your App Specifications

Share your App details/requirements with us through our pre-requisites form.

Step 3: Get Your Android & iOS Apps in 1-2 days

Our skilled & professional developers would get back to you with your apps in just 1-2 days.

Note: You can publish these APK/IPA files on respective app stores. Refer following links for the same:

How to publish an Android app on the Google Play Store?
How to publish an iOS app on the Apple App Store?

If there is any issue while publishing app on respective stores, we would get it done for you.

4.0 Admin Panel Screens

Once the OpenCart Mobile App Builder is installed on the website, let’s take a look at its backend panel configuration. First of all, go to Extensions>>Modules>>KnowBand Mobile App Creator & click on configure option. It will bring the following interfaces to you:

4.1 General Settings:

general-settings

a) Status: Enable/disable the OpenCart Mobile App Builder module to make the apps work on mobile devices.
b) Enable Request Log Reporting: Enable the error log on mobile apps. This log file is used when the app shows any error or abnormal behavior.
c) Enable Live Chat Support: Enable/disable Zopim(Zendesk) chat option on mobile apps. You need to enter the chat API key which would be provided along with the apps.
d) Select Layout for Home Page: Choose the desired layout for your app home screen. You can create multiple layouts under the Home Page Layout tab.
e) Enable WhatsApp Chat Support: Enable/disable the WhatsApp chat option on mobile apps.
f) App Button Color: Choose the button color for your apps.
g) App Theme Color: Choose the theme color for your apps.
h) App Button Text Color: Choose a button-text color for your apps.
i) App Background Color: Choose a background color for your apps.

general-settings

j) Enable Logo: Enable logo in your mobile apps. You can upload the logo image which will be displayed on the header of the mobile apps.
k) Fingerprint Login: Enable/disable fingerprint login in mobile apps.
l) Phone Number Login: Enable/disable phone no login in the mobile apps.
m) Disabled Shipping Methods: Disable the shipping methods which you do not want to display in the apps.

4.2 Payment Methods:

The OpenCart Mobile App Creator offers additional PayPal & COD payment options to make the payments easier in the apps. The mobile apps with this extension already support web-view payment options in mobile apps.

payment-methods

4.3 Push Notifications:

push-notifications

a) Firebase Key: Enter the Google Firebase key to send push notifications to the app users. The firebase key would be provided to you along with the paid version of the module. You can skip this setting for the Free version of OpenCart Mobile App Builder.

b) Order Success Notification: Configure automated order creation push notification which would be sent automatically on the user’s apps who successfully creates an order.

c) Order Status Update Notification: Configure order status update notification which would be sent automatically to the users whenever there is an update in order delivery status.

d) Abandoned Cart Notification: Configure automated abandoned cart notification which would be sent automatically to the users who left their products in the cart.

e) Send Notification: The store admin can even send manual notification & highlight any deal or discount with the mobile app users.

send-notification

4.4 Information Pages:

This tab of the OpenCart Mobile App Maker allows you to manage the CMS pages on the apps. You can customize name, landing page of various CMS along with their sort order. New pages can also be added from here of there is a requirement.

cms-pages
4.5 Home Page Layout:

The OpenCart Mobile App Builder allows you to create & save various intuitive & appealing layouts for your mobile app home screen.home-screen-layout
After adding the layout, click on Edit option & start adding & configuring various elements for your app home screen.

home-screen-layout

home-screen-layout

The store admin can configure the following designing elements in the mobile app home screen:

Top Categories:

These are the categories displayed on the top of the home screen in the form of squares. You can configure their images & landing pages from the backend. Maximum 8 such categories are added of which 4 are mandatory.

top-categories

Square Banner:

You can offer a square-shaped banner on the home screen of OpenCart Mobile App whose image & landing page link can set from the backend.

square-banner

Sliding Banner:

These are the sliders for your home screen which can be configured from the module backend.

sliding-banner

Grid Banner:

These are the banners for app home screen displayed in the form of grid listing & can be customized accordingly.

grid-banner

Countdown Banner

The OpenCart Mobile App Maker offers a count-down timer banner in your mobile apps. You can configure the banner image, landing page, timer from the backend.

countdown-timer-banner

Square Products:

You can even list the products in square listing on the mobile app home screen.

square-product

Sliding Products

The products can be displayed in the slider view on the mobile app Home Screen & can be configured from backend panel.

sliding-product

Grid Products:

The products can be displayed in the grid view on the home screen.

grid-product

Products Recently Accessed:

The OpenCart Mobile App Creator offers the recent products tab on the mobile app home screen which displays recent products viewed by the user. You can just add the element in your layout to display the same on the home screen.

5.0 Mobile App Screens:

5.1 Home Screen:

The OpenCart Mobile App Builder offers a dynamic home screen in the mobile apps which can be easily designed from the backend panel. The store admin gets the complete flexibility to design & craft the home screen as per his/her choice. The OpenCart Mobile App Builder offers the following designing elements:

–> Top Categories
–> Square Banners
–> Sliding Banners
–> Grid Banners
–> Square Products
–> Sliding Products
–> Grid Products
–> Countdown Timer Banner
–> Recently Viewed Products

The positioning of these attributes can also be changed as well just with simple drag & drop.

a) Dynamic Layouts: Craft alluring home screen layouts on your own which connect with the users & compel them to make the purchase.

b) Website Logo: Add your store logo in the module backend & display the same on the header of the app.

c) Search: The search option in OpenCart Mobile App allows the users to search for products without any hassle. Both keyword & voice search makes it easier for the buyers to get the right product in the least time.

d) Wishlist: Wishlist option in the OpenCart Mobile App lets you bookmark the products regarding future purchase.

e) Shopping Cart: The users can access the shopping cart from the top-right corner of the home screen.

f) WhatsApp/Zopim Chat: Your OpenCart Mobile App users can directly contact you regarding any query or concern through WhatsApp & Zopim chat option on the home screen.

5.2 Accordion Menu (Navigation Bar)

The OpenCart Mobile Apps for Android & iOS come up with easy to use categorization of your store products. The online shoppers get to browse all the categories in the navigation bar along with all CMS pages. navigation-bar-screenThe Accordion menu categories are the same as of your store & it provides the following options:

My Account: The My Account screen of OpenCart Mobile App contains all the user information like Personal Details, Shipping Address(s) & Order Details. There is even an option for the users to register their fingerprint. The online shoppers get to view complete personal details from here & update the password as well.

Categories: All your store categories are fetched on the mobile apps as well. Offer a multi-level categorization to your app users & let them browse products with ease.

CMS Pages: All of your website CMS pages like About Us, Contact Us, Terms & Conditions, etc will be displayed here.

Language(s): The OpenCart Mobile Apps are both multi-lingual & RTL supported. The users can choose the desired language & all the app contents will be translated accordingly. Every language available on the store is displayed here.

Currency(s): Just like languages all sorts of currencies available on your website will be displayed in OpenCart Mobile Apps. This allows the users to make the payments with the desired currency option.

5.3 Category Screen:category-screen

All sorts of categorization available on your OpenCart stores will be displayed in the mobile apps as well. The category screen has two views: Grid & List view. The product image, name, price is displayed for all product listings. The mobile apps with OpenCart Mobile App Maker have multiple filter & sorting options which simplify product search for the users.

Grid & List View: The products can be displayed in both grid & list view.

Sort: Sort option in OpenCart Mobile Apps allow the users to view products in Low to High or High to Low category.

Filter: Filter down the category products with various attributes like price, cost etc. & search desired products without any efforts.

5.4 Product Screen:product-screen

The product screen of OpenCart Mobile App is as simple & easy-to-use as it could get. Every product has multiple images displayed along with name & price. The product availability is also displayed as “In Stock” or “Out Of Stock”. The product screen has the following other options:

Product Options: Various options related to the product like size, color, etc. are displayed on the product screen. These options are the same as available on your website.

Short Description: Users get to read the short description of your product to quickly make up their mind. The OpenCart Mobile App displays both short & full description of the products.

Product Info & Care: All the information related to the specific product is displayed under this section. This is the same information as of website.

Add To Wishlist: The users can even add the products into the wishlist bag from here. The products added in wishlist are bookmarked for the future purchase.

Add To Cart: The Add To Cart button allows you to add product in the cart which can be processed further in successful order creation.

Product Social Sharing: The OpenCart Mobile App has the option to share the products on different social platforms, Bluetooth & e-mail. The users can share the products with their friends & relatives & bring potential users to your store.

5.5 Wishlist Screen:wishlist-screen

The OpenCart Mobile App Builder has a wishlist bag allowing the users to bookmark products for future purchase. The users can view the list of all wishlist products from this screen. It has the following options:

Add To Cart:

The app users can add the wishlist product directly into shopping cart with Add To Cart option.

Remove From Wishlist:

The users can even remove any wishlist product with remove option if required.

5.6 Login Screen

The OpenCart Mobile App Creator offers various one-tap login options & make sign-in/registration process more seamless:login

Login: The app users can authenticate & access to OpenCart Mobile Apps using e-mail sign-in credentials.

Sign Up: All the new users can sign-up & create their account on the store from the mobile App. The sign-up form of OpenCart Mobile App is fully uncluttered.

Login with Phone Number: Your OpenCart Mobile App comes up with phone number login option as well which allows users to verify OTP & login without any hassle.

Login with Fingerprint: Your app users also get an option to log in with a fingerprint. This biometric authentication allows the users to login apps in seconds.

Login with Facebook: The users can log in into mobile apps using their Facebook Account Credentials.

Log in with Google+: The users can log in into app using their Google+ Account Credentials.

5.7 Shopping Cart Screen:

The Shopping Cart screen of your OpenCart Mobile App will display all products added into shopping cart. The app shopping-cartuser’s can view Product name, quantity, total price & shipping cost. This screen has the following options:

1. Apply Voucher:
This option allows the users to get discounts & offers by entering valid coupon & voucher running on your website.

2. Total Product Price:
The users can view the complete cost of their shopping bag which is automatically updated as per any addition in the cart.

3. Update Product Quantity:
The users can even update the specific product quantity.

4. Remove Product:
The app users can simply remove the product from the cart.

5. Continue Shopping:
The app users can leave the cart to browse more products on your app. The shoppers will be re-directed to the home screen on tapping Continue Shopping option.

6. Continue To Checkout
The app users can proceed further to the checkout & payment screens just by tapping the “Continue To Checkout” option. It will re-direct users on the checkout screen.

5.8 Checkout Screen

The mobile apps built with OpenCart Mobile App Maker has a simplified checkout approach on a single-screen. The users can review complete order details like shipping details, billing details, order summary, order comment, checkout-screenpayment summary before making the actual order.

Shipping Address:
The checkout screen of OpenCart Mobile Apps screen provides details of all addresses saved by the user. If required, the user can also edit/save new shipping address. The total checkout cost is also displayed on this screen.

Billing Details:
The users can even enter billing details along with shipping details for their purchase. They can also choose the shipping address to be same as the billing address.

Order Summary:
The app users get to view purchased product details along with the quantity before making the final purchase.

Shipping Methods:
Every shipping methods running on your website are displayed on the checkout screen as well. The users can choose the desired one from here.

Order Comment:
The app users can also add any comment related to their order which will be visible to the store admin in the backend.

Payment Summary:
The checkout screen of OpenCart Mobile Apps displays the complete payment details.

Proceed To Payment:
The app users will be re-directed to the Payment screen after tapping “Proceed To Payment” button.

5.9 Payment Screen:

The payment screen on OpenCart Mobile App displays both web-view & native app payment methods. The OpenCart Mobile Apps supports all sorts of website payment options along with PayPal & COD payment methods. Moreover, various other native payment options like PayU, Apple Pay, Amazon Pay, Braintree, Stripe etc. can also be added in your mobile app over a fair price.

payment-screen

5.10 My Account Screen

my-accountMy Account screen of the OpenCart Android/iOS App allows the users to view the complete account details including list of all previous orders. My Account screen has the following other options:

Order History:
The users get to know about complete order details created on the app. The order creation date, reference, price & delivery status is available on this screen.

Update Profile:
Users can also update their pre-saved profile details like First or last name, phone number & password.

Shipping Address(s):
The app users can see the complete list of saved Shipping Addresses. New Shipping address can also be added from here.

Order Details:
The app users can view the complete list of the previously placed orders from the app.

Re-order feature:
There is a direct re-order functionality allowing the users to repeat the order just by clicking “Re-order” button

5.11 Order Detail Screen

Order details screen of OpenCart Android & iOS App provides complete order detail such as shipping address, product summary, shipping and payment method, and total cost summary. This order detail is of the previous order placed by you. The users can even track the delivery of previously placed orders directly from this screen.

order-details

6.0 Advanced OpenCart Marketplace with Mobile App

KnowBand’s OpenCart Marketplace converts your online website into a fully fledged marketplace. The OpenCart Mobile App Builder is fully compatible with OpenCart Marketplace extension. This means you can bring the entire marketplace listing on the same OpenCart Android & iOS Mobile Apps. Thus, launch a pair of Marketplace compatible Mobile Apps with KnowBand & attract a large base of sellers & customers to your store.

–> As the user clicks on the Seller option, he/she is redirected to the Seller page of the mobile store. The user can view the list of the sellers of the marketplace along with their rating.

–> The customers can click on the name of the seller in order to see his profile and product being offered. The sellers can log in with their username and password. They are then redirected to the dashboard.

Get to know more about OpenCart Marketplace with Mobile App from here.

That’s it! For More Info on KnowBand’s OpenCart Mobile App Builder, refer the following links:

OpenCart Mobile App Builder

OpenCart Mobile App Builder Admin Demo

OpenCart Android App Demo

OpenCart iOS App Demo

Watch how this plugin works?

Joe Parker

We boast 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, OpenCart and Shopify. 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 *