OpenCart Mobile App Builder – podręcznik użytkownika


1.0 Wprowadzenie rozszerzenia OpenCart Mobile App Builder

Jeśli posiadasz sklep internetowy OpenCart, to OpenCart Mobile App Builder dla systemu Android / iOS to najmądrzejszy sposób na przekształcenie witryny w w pełni funkcjonalny sklep mobilny. Aplikacja do tworzenia aplikacji mobilnych w portalu Knowband umożliwia administratorowi sklepu eCommerce prowadzenie mobilnej pracy bez konieczności skomplikowanego kodowania.

Mamy na Knowband są wyjątkowo wykwalifikowani i biegli. Nasze rozszerzenie Builder aplikacji mobilnej OpenCart to najprostszy sposób na przekształcenie witryny OpenCart w cudowną funkcja aplikacji mobilnej dla Twoich docelowych klientów. Musisz tylko określić wymagania biznesowe i oczekiwania z naszymi programistami OpenCart, reszta będzie przez nich zapewniona. Dzięki naszej puli talentów programistów, projektantów i innych zaangażowanych specjalistów możemy dostarczyć aplikację mobilną, która ściśle odpowiada Twoim osobistym oczekiwaniom i wymaganiom biznesowym. Jeśli nie masz pewności co do użyteczności tej aplikacji mobilnej dla swojego sklepu OpenCart, rzućmy nieco światła na tę niesamowitą aplikację mobilną OpenCart.

Funkcja 1.1 Salient

Niektóre funkcje OpenCart Android / iOS Mobile App Builder to:

Kompatybilność: Aplikacja jest kompatybilna z

Motywy interfejsu użytkownika: Aplikacja mobilna zawiera pakiet interaktywnych tematów.

Szukanie głosowe: Oferuje aplikację do tworzenia aplikacji mobilnych na Androida OpenCart Wyszukiwanie głosowe opcja. Ta opcja nie występuje w OpenCart

Łatwa synchronizacja: Moduł do tworzenia aplikacji mobilnych na urządzenia mobilne OpenCart / iOS oferuje synchronizację w czasie rzeczywistym. Produkty, obrazy i inne powiązane szczegóły są automatycznie synchronizowane z aplikacją. Możesz teraz utworzyć aplikację z najmniejszym wysiłkiem.

Obsługa tabletów i urządzeń mobilnych: SOCZEWKI zoptymalizowany pod kątem tabletów i urządzeń przenośnych Aplikacja stworzona przez moduł budowania aplikacji mobilnych OpenCart jest kompatybilna z telefonami komórkowymi i tabletami. Działa bezbłędnie, niezależnie od używanego urządzenia.

Opcje logowania społecznościowego: Administrator może włączyć logowanie społeczna opcja, czyli logowanie do Facebooka i Google+, w ich sklepie mobilnym za pomocą rozszerzenia Builder aplikacji mobilnej OpenCart.

Uproszczona realizacja transakcji: Wraz z prostą rejestracją, aplikacja do tworzenia aplikacji dla OpenCart oferuje jedną stronę uproszczone zamówienie opcja dla klientów. W ten sposób można bez wysiłku zmniejszyć szanse porzucenia koszyka.

Obsługa wielojęzyczna: OpenCart Android / iOS – aplikacja do tworzenia aplikacji mobilnych na Androida / iOS obsługa wielu języków i RTL. Właściciele sklepów mogą sprzedawać swoje produkty nawet klientom, którzy używają stylu pisania RTL.

Wielowalutowy: Aplikacje stworzone przez program budujący aplikacje mobilne OpenCart oferują obsługę wielu walut.

Lista życzeń: Konstruktor aplikacji dla Androida i iOS oferuje Lista życzeń option to the customer. They can save the products of their choice for later with the help of this option.

Zopim Chat Service: The OpenCart mobile app maker has inbuilt Usługi czatu Zopim. The admin can offer 24/7 chat support to their customers.

Web Admin Interface: Once the OpenCart mobile app builder plugin is installed, the admin gets an access to the interfejs administratora sieci which is easy to understand and use.

Unlimited push notification: The OpenCart mobile app creator offers unlimited push notification to the store admin.

All product type support: The OpenCart mobile app builder extension is compatible with all types of products from simple to configurable, bundled as well as virtual.

Supports All Payment and Shipping methods: Mobile app builder is compatible with all types of payment and offers all shipping type support.

Order Tracking: The customers can track the order status easily with the help of Śledzenie zamówienia option offered by OpenCart mobile app builder module.

Coupon Support: The OpenCart mobile app builder plugin is even compatible with all type of coupons.

Współużytkowanie społeczności: The eCommerce mobile app even offers social sharing option to the store visitors. This can effortlessly boost the visibility of the products.

This is definitely one such eCommerce OpenCart mobile app builder 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. The OpenCart mobile app maker lets Sklep OpenCart owners get their customized mobile app as per their business requirements and needs.

2.0 How to get OpenCart Mobile App builder?

You can get the demo version of the application and get an idea of how the app works.

You can get the demo version of the Android mobile app builder i iOS mobile app builder from Google Play store and Apple App store respectively.

Once this OpenCart mobile app creator is installed, you can view, how your store would look in the application. For this, you will have to download and install our OpenCart Android Mobile App Builder Free and OpenCart iOS Mobile App builder Free in your store.

Follow these four easy steps to get your app ready:

mobile app builder

1. Please click on the below link and fill up the form to provide the basic information for the application:
https://www.knowband.com/forms/view.php?id=30?

2. Share the Facebook and Google app keys with us if you choose for social logins.

3. KnowBand will share the APK for your application.

4. You can release the APK on Play store/ Apple store or we can do the same for you free of cost.

2.1 Working Process

The mobile app builder makes it easier for the store owners to go mobile. Follow the steps mentioned-below to create your own eCommerce store:

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

2. Once you have bought the OpenCart mobile app builder Plugin, you will be presented with a questionnaire, asking for details about your app. You’ll be required to share the following things with us:
a. Splash image (1280?1920 png)
b. App icon (512?512 png)
c. Theme color (Blue, Orange, Green, Black)
d. Website URL
e. Website Name
f. Desired social login option name out of Facebook and Google.

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 Sklep Google play yourself or you may get it done by us for a small fee.

3.0?Mobile App Screens

3.1 Splash Screen

The OpenCart mobile app builder comes with a bundle of themes to choose from. The store admin can even select the theme from the color chart of the splash screen. The 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

3.2 główna

OpenCart mobile app builder converts the home page of your mobile store into a powerful marketing tool. The flawless layout is attractive and motivates the customers to explore the store. The admin can even display banners and other promotional triggers.

1. Splash-screen: Splash-screen refers to the images that appear on the top of home screen.

Uwaga: In order to display the splash screen, this options should be enabled from the back-end of the OpenCart mobile app builder plugin. The size of the slides must be >= (900*400) w * h for clear image preview on mobile App.

aplikacja mobilna

2. Banners: The admin can display banners just below the splash-screen on the home page.

Uwaga: Enable this feature from the admin interface of OpenCart mobile app builder module. The size of the banners must be >= (600*400) w * h for clear image preview on mobile App.

3. New Arrivals Products: The store admin gets an option to display the New arrival products on the home page just below the banners.

Uwaga: Enable this feature from the admin panel of the OpenCart mobile app builder extension. The size of the products must be >= (200*200) w * h for clear image preview on the mobile App.

aplikacja mobilna

4. Best Seller Products: The merchants can even trigger the purchase decision by displaying Bestseller products.

Uwaga: Enable the special products feature OpenCart mobile app builder module. The size of the products must be >= (200*200) w * h for clear image preview on mobile App.

5. Menu: The store visitors can easily navigate their way through the app with the help of the Menu displayed on the left side of the mobile apps.

menu

Kategorie: This option can take the users to the category page of the mobile app.
Login/ Logout: Allows the user to login/ logout of their account. The login option takes the customers to the login page where they get the social login option.
O nas: The users will be redirected to the about us page of the store.
Kontakt z nami: The users will be redirected to the contact us page of the store.
My Account: The customers get an access to their account. They can view their order history or update their account details.
Języki: The OpenCart mobile app builder for Android/iOS offers multi-lingual support. The users can select the desired language from here.
Waluta: The eCommerce OpenCart Mobile App Builder allows the visitors to select the currency in which they want to place the order.
Koszyk: The users can save the products in their cart and can view the cart details by clicking on cart icon shown at the top of the homepage.
Wish-list: logged-in users would also be able to view their wish-list products by simply clicking on the wish-list icon shown at the top of the homepage.

Lista życzeń
Szukanie: The search option in the home page allows the users able to search for any product at a button click. OpenCart Android Mobile App Builder even offers the featured of voice-searches. This feature?is missing in the OpenCart iOS Mobile App Builder.

3.3 Kategoria

The uncluttered category pages designed by the Mobile app builder for OpenCart makes shopping easier for the store visitors. The customers can view all the all the categories and their sub-categories which exist on store in the Menu option lists. They will be navigated to the respective category screen at a button click. Category section offers various functionalities:Category1?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: Użytkownicy będą mogli sortować wyniki na podstawie ceny (od niskiej do wysokiej lub od wysokiej do niskiej).

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

Kategoria 2

Product 3.4

The product page of the application designed by the Android/iOS mobile app builder for OpenCart allows admin to display every required detail of products. The multi-lingual support of the OpenCart eCommerce Mobile app builder enables the admin to display the product detail in RTL or LTR writing style as per the requirement.

Product screen allows 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.

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

Produkt

3. Select product Attributes: The customers can select the product attributes like Size, Color and so on in this section.

4. Product Info and Care: This section allows the user to browse additional information of the product like Product reference number, Product composition, SKU number, Product condition, Brand and so on.

5. Product Customization: A customizable product can be browsed on the app with an option to customize the text.

6. Packed products: Users can browse for the packed products where multiple products are sold as a single quantity.

Uwaga: Make sure the size of the products must be >= (400*400) w * h for clear image

Logowanie 3.5

The OpenCart Mobile App Builder module will facilitate users to login and manage their account. OpenCart Mobile App Builder extension also provides users with social login (Facebook/ Google) facility to ease and maximize user account login.

1. Login: Uwierzytelnieni użytkownicy będą mogli uzyskać dostęp do swojego konta za pomocą swoich danych logowania.

2. Forget Password: Zarejestrowani użytkownicy mogą również wybrać opcję zresetowania hasła, pobierając próbkę poczty e-mail.

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 the store from mobile App by providing the all the necessary details required during the signup process.

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

Login1 Login2

3.6 Shopping Cart

Shopping cart screen will allow users to view products details, apply coupon or voucher and total cost summary. Shopping cart section ?of OpenCart Mobile App Builder plugin?offers various functionalities:

1. Product Summary: Provide details of product(s) exists on users shopping cart. It also provides the option to update the quantity or remove any product on the 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: Podaj szczegóły całkowitego kosztu koszyka na zakupy.

Shopping Cart | Knowband

3.7 Review Checkout

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

1. Adres wysyłki: Provides detail of shipping address selected by the user.

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

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

2. Order Summary: Dostarcza szczegóły produktu (ów) dodanych do koszyka przez użytkownika.

3. Metody wysyłki: Użytkownicy zostaną zweryfikowani, aby wybrać dowolną metodę wysyłki, jeśli istnieje dla wybranych produktów w sklepie.

4. Total Cart Summary: Podaj szczegóły całkowitego kosztu koszyka na zakupy.

Review Checkout1 Review Checkout2

Metody płatności 3.8

The OpenCart mobile app builder for Android/iOS supports all type of payment methods. This screen provides the list of payment methods that exist on the store. The customers can select any payment method to proceed further to the payment transaction.

Metody Płatności

3.9 Moje konto

The ‘My account’ screen of the mobile app allows the users to view their account details with list of previous order place by users. My account section offers various facilities:

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

2. Update Profile: Użytkownicy mogą również aktualizować dane swojego profilu, takie jak imię i nazwisko, numer telefonu.

OpenCart mobile app builder

My Account2

3.10 Order Details

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

Szczegóły zamówienia

4.0 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

4.1 Creating Facebook App

  • Iść dohttps://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

4.2 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

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

Please click on the respective links to know more about the configuration of the Facebook and Google App:

Dla Android:
How to obtain?API details:?https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/

Watch videos:
Konto na Facebooku:?https://youtu.be/TT-uXSPISks
Google/Firebase Account:?https://youtu.be/XIYd7u3h574

For iOS :
How?obtain?API details😕https://www.knowband.com/blog/user-manual/ios-mobile-app-builder-configuration/

Obejrzyj wideo:
Facebook Account:?https://youtu.be/Zv_uSNfMXRc
Google/Firebase Account:?https://youtu.be/Cw7WDqvYNkM

 

Link modułu:?https://www.knowband.com/opencart-mobile-app-builder

Link demo administratora:?https://opencartdemo.knowband.com/2.0/mobileapp/admin/

Front Demo Link:?https://play.google.com/store/apps/details?id=com.velsof.genericapp




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 *