Get fully native Android & iOS apps for your PrestaShop website & start selling your products on Mobile Apps!
This is the user-guide of the advanced & readymade native mobile app solution PrestaShop Mobile App Builder. This is an eCommerce website plugin designed & crafted to build perfect & featured Android & iOS shopping apps for you.
The PrestaShop Mobile App Builder is the most advanced & automated solution to take your online website business to the mobile platform. It transforms your entire website into a featured Mobile App & allows you to sell products on mobile along with the traditional website. The functionalities & working of the app is exactly matching to the website & work flawlessly on both Android & iPhone devices.
Our PrestaShop Mobile App Builder is the pre-configured framework designed by experts & professionals to build a pair of native eCommerce apps. The apps are capable of taking all your store products to the user’s fingertips & boost sales & revenue. So, if you are a PrestaShop store merchant & looking for a full-fledged mobile app solution, this is your best chance. Read the complete article to get fully intact info on PrestaShop Mobile App Development.
Also, our PrestaShop Mobile App Builder extension is fully compatible with Multi-vendor Marketplace plugin. You can bring the entire marketplace listing on the same Mobile Apps. We even offer a combo pack of our PrestaShop Mobile App Builder with PrestaShop Multi-Vendor Marketplace in PrestaShop Advanced Marketplace With Mobile App.
Moreover, the following benefits with PrestaShop Mobile App Maker would compel you to go for this native app solution:
- A no-code Mobile App solution.
- Friendly admin panel with complete access.
- 3-months of free support
- Fully native solutions (Android & iOS)
- 100% synchronization between your apps & website
- Highly customizable with design & functioning control.
- Increases user engagement with handy marketing tools.
- Increases traffic & revenue to your store.
Here is the list of some of the key features which you will get in your apps with Prestashop Mobile App Builder:
- 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
The list of amazing numerous features goes on and on. Keep reading, new surprise benefits of this plugin are yet to be revealed.
Get to know more about the features in detail from here.
KnowBand understand your concern about your uncertainty to go for the solution & in order to curb out the same, it has offered free demo for all eCommerce store owners. The merchants can view our demo store working on the mobile app & even their store working on our demo apps.
Want to see the eCommerce app features? We have integrated our demo store with the app where you can explore the fully functional app and see all its features. Just follow the below instructions:
Step 1: Download and install the Nautica PrestaShop Mobile App from either App Stores on your mobile device. Here, are the links to download demo apps:
Step 2: Open the App and tap “View Demo” button on the splash screen. Enter some relevant details like Name, E-mail & Store URL.
That’s it! You will see our demo store running on the demo app. You can browse the same, check all functionalities, create order, etc.
Note: To access the Admin Panel of KnowBand Mobile App Builder on our demo store, visit here.
Not satisfied? Want to test your own store on the demo apps? Well, we got you covered with everything. You can experience your store on our demo app as well that too without any cost. Just 3 steps are all you need to follow for the same:
Step 1: Download & install FREE PrestaShop Mobile App Builder plugin & install on your store.
Step 2: Install the Demo Apps (links in the previous section) on your mobile device. Open App & enter your Store URL.
Step 3: Tap “View Your Store” and start experiencing your own store on 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 PrestaShop Mobile App Builder.
We hope that you liked the demo of our PrestaShop Mobile Apps and found what you were looking for. So, this is the time to get a native pair of apps for your store. The process to build eCommerce mobile app is as simple as it could get. Just follow 3 simple steps & your app will be ready in 1-2 working days.
Download Prestashop Mobile App Builder & install the same on your store.
Share your App details/requirements in our pre-requisites form. View the form from here.
Our skilled & professional developers build your apps matching exactly with the shared details. We would get back to you with APK/IPA files in 1-2 days.
Note: You can publish these APK/IPA files on respective app stores. Refer following links for the same:
Still any issue? Tell us, we would publish the apps for you. Moreover, for any query suggestion, please reach us at email@example.com.
Once you have purchased the PrestaShop Mobile App Builder module, you will get the following files as listed below:
1. Compressed File in ZIP format (contains the source code of the addon)
2. User Manual
Now, you can go on with further installation process in the following two ways:
Once the PrestaShop Mobile App Maker is successfully installed on your website, it’s time to configure the Admin Panel of PrestaShop Mobile App Creator. Once you click on the “Configure ” option on KnowBand Mobile App Builder, you will get the following tab with friendly interfaces. Let’s narrow down them one by one.
The General Setting tab is all about the settings required to run your Mobile App on the user’s devices. This tab contains all the necessary generalized options to sync app with your make it functions on devices.
a) Enable Plugin: Enable PrestaShop Mobile App Creator plugin to make your mobile app work on user’s devices.
b) Enable Spin and Win: Enable to display a gamified spin-wheel pop-up on home screen whenever any user opens the app. It can be used to offer discounts/deals & capture their e-mails in return for marketing purposes. In order to make this functionality work, you need to install Knowband’s Spin and Win module on your website.
c) Redirect on Cart Page when Add To Cart: This functionality allows you to control the navigation of the “Add To Cart” button. You can either redirect your users to the shopping cart or keep them on the product page whenever they tap Add To Cart button. This enhances the chances of additional purchase.
d) Display Short Description: Enable to display product short description on the product screen along with full description & other details.
e) Select Layout: Choose the desired Home Page Layout for your PrestaShop app. You can create multiple home screen layouts in the backend as per various festivals & themes & use them as per your store requirement.
f) App Button Color: Choose the desired button color for your PrestaShop Mobile App.
g) App Theme Color: Choose the desired theme color for your PrestaShop Mobile App.
h) Image for logo: Upload your store logo image to be displayed on the top header of the app. This promoted your brand among worldwide mobile shoppers.
i) Disabled Shipping Methods: Choose desired shipping methods which you don’t want to be displayed on your PrestaShop Mobile App.
j) Enabled CMS Pages: Choose desired CMS pages to be displayed on the mobile apps.
k) Enable Request Log Reporting: Enable log on the mobile apps in order to get details of any abnormal behavior of your app.
l) Enable Live Chat Support: Enable Zopim (Zendesk) chat option on your PrestaShop Mobile Apps. In order to make the chat functionality work, a chat API key would be required which will be provided to you along with your app.
m) Enable WhatsApp Chat Support: Enable WhatsApp chat option on your PrestaShop Mobile Apps. The users can directly contact you at your WhatsApp number entered in the backend.
n) Enable/disable Phone Number Registration: Enable Phone Number login option in your PrestaShop Mobile App & let your users authenticate with OTP verification.
o) Enable URL encoding of Image links: Enable this functionality to support Non-ASCII characters on the app.
The PrestaShop Mobile App Creator for Android/iOS leverages the Power of Push Notification using the Google Primary Services for the Push Notification to the Mobile devices. It brings this handy marketing tool to grab immediate user attention & boost sales. Highlighting your daily deals & offers is just a message away with your PrestaShop Mobile App. Both automated & custom notifications are available with PrestaShop Mobile App Maker.
a) Firebase Server Key: Firebase Server Key is used to configure the Push Notifications for the application. This key ensures that the notifications are being received by all your app users worldwide. You can skip this setting for Free version of the module as it would be set up in your final app with the paid version of the module.
b) Enable/Disable Order Creation Notification: Enable/Disable automated Push Notification sent to the app users for successful order creation.
–> Title and Message for Push Notification: Enter title and message of push notification for successful order creation.
c) Enable/Disable Order Status Changed Notification: Enable/Disable automated Push Notification sent to the app users for any update regarding their previous order delivery status.
–> Title and Message for Push Notification: Enter title and message of push notification whenever there is an update in previous order delivery status.
d) Enable/Disable Abandoned Cart Notification: Enable/Disable automated push notification sent to the users who have abandoned cart without successful purchase.
–> Title and Message for Push Notification: Enter the title & message of push notification for abandoned cart app users.
e) Time Interval: Interval (in hours) for sending Push Notification to app users who have abandoned their cart without successful purchase.
This tab contains the history of all sorts of push notifications sent to every user with concerned details. The merchant can get to know about every notification sent earlier. This tab also has the option to send a custom notification to the users crafted from the backend. You can easily make them aware of any store-related details or discounts through manually sent notifications.
This option is there to send a manual notification to the app users as per your choice. You can configure the title, message, landing page, image etc. and notification of your choice as shown in below snapshot:
a) Title of the Push Notification: The title of your manual Push Notification that is to be sent to the app users.
b) Message of the Push Notification: The message of your manual notification which is to be sent to the app users.
c) Device Type: You can choose the users on Android/iOS or on both to whom your manual Push Notification is to be sent.
d) Image Type: You can upload the desired image/banner justifying your notification. The banner image can be uploaded or used through an existing URL.
e) Notification Image: The store admin get to preview the notification image & analyze how it will look on user’s apps.
f) Image URL: The actual URL of the notification image which is to be sent to the app users.
g) Redirection Activity: You can choose the redirection of your notification by choosing from Home Screen/Any Category/ Any Product here. Whatever you set, your users will be redirected to same on tapping the push notification.
h) Select the Category/Product: You can choose any relevant category/product screen for your notification.
i) Send Notification: Once you have crafted & previewed your notification, it is time to send the same on your apps.
The PrestaShop Mobile App Creator for Android & iOS supports all sorts of website payment methods on the Android & iOS apps. Additionally, it brings PayPal & COD payment options & the flexibility to add other native payment methods as well.
You can edit the following parameters in the default Payment Methods (PayPal):
a) Payment Method Name: Edit the name of Payment Method to displayed on the app.
b) Select Mode: Select the Payment Environment, i.e., Sandbox or Live. These settings are available just in case if store admin wants to test the payment method before proceeding.
c) Client ID: This is used in the case of PayPal Payment in order to identify the Merchant Account to which the Payment has to be made while placing the order.
This is one of the most amazing functionalities of PrestaShop Mobile App Builder plugin to design & craft multiple home screen layouts using various designing attributes/elements. This tab contains the list of all the home screen layouts configured earlier based on various themes & fonts as shown in the snapshot below:
In order to configure the home page layouts, the following elements are available in the back-end:
- Top categories
- Square Banner
- Horizontal Sliding Banner
- Grid Banners
- Countdown Banner
- Grid Products
- Horizontal Sliding Products
- Recently Accessed Products
The store merchant can configure & use any of these attributes to craft & save multiple layouts. These layouts can be used as per the theme & requirements. Also, the positioning of various elements can be altered with just a simple drag & drop functionality.
Top categories are displayed in the form of small squares on the home screen & can be configured including their image & landing categories/products. The PrestaShop Mobile App Maker offers a maximum of 8 categories in which minimum 4 are mandatory.
Another attribute is Square Banner listing which is used to offer a square-shaped banner on the home screen of the app. You can customize the banner by choosing the right image & landing screen for the same.
These are the rectangle-shaped available in horizontal sliding & can be fully customized from the backend.
These are square shaped banners listed on the home screen in the grid form. You can set as many banners as you want on the home screen & customize their image & landing page accordingly.
The PrestaShop Mobile App Builder offers a banner with a countdown timer. You can set the banner image & landing screen & set the timer till you want to display the banner. Once the timer is over, the banner will automatically disappear.
As of banners, the PrestaShop Mobile App Creator offers products to display on the home screen in the form of square listing.
You can add the products in the form of horizontal sliders. The selected products could be of any specific category or other highlights as Best Sellers, Featured Products, etc.
The products can also be added on the home screen in the form of grid listings. The products can be chosen from any category.
The PrestaShop Mobile App Creator provides the recent tab element which displays the recent products viewed by the user. You can just add the element in your layout to display the same on the home screen.
Customize & showcase the Tab Bar on your PrestaShop Mobile App & allow your users to switch among the screens easily. You can set icons & landing page of tab bar items from module backend. Add a Tab Bar in your app & make product browsing more seamless. This tab has the following options:
a) Add New Tab Bar Item: You can customize & add new tab bar item on your mobile app. The icon image & landing page for the item can be set from this option.
b) Edit Tab Bar Item: Any previous tab bar item can be edited as well.
c) Enable: Enable/disable tab bar on the mobile apps.
d) Tab Bar Background Color: Choose the desired background color for tab bar.
e) Tab Bar Tint Color: Choose desired tint color for tab bar. This color depicts the selected icon on the tab bar.
f) Disabled Icon Color: Choose the color for the disabled icon on the tab bar.
The Home screen of your PrestaShop Mobile App will be exactly as you want it to be. The PrestaShop Mobile App Maker offers complete flexibility to design & craft home screen into your hands. Using multiple banners(Square, Grid, Sliding), products (Square, Grid, Sliding), countdown timer banner, recent products tab in the backend, you get to design intuitive layouts for your home screen. Following options are available on your app home screen:
Moreover, the positioning of various designing elements can also be altered as per the requirement.
Using various elements you can create & save various layouts in the backend & re-use them as per various events & festivals. You can design & craft your app home screen dynamically.
Your store logo is represented on the left-middle section of top header of your PrestaShop Mobile App. The logo is fully configurable from module backend & can be enabled/disabled including image change.
The search option allows the mobile app shoppers to get easily & quickly what they desire. In your PrestaShop Mobile App, product search will be in two forms:
–> With Text: Your App users can search desired products just by typing some related keywords. The PrestaShop Mobile App will show relevant results to that keyword.
–> With Voice: No need to type, your PrestaShop Android App will be integrated with advanced voice search option. The users can just search the products by speaking relevant keywords.
The wishlist bag is displayed on the top header of your PrestaShop Mobile App containing all bookmarked products. The app users can save their desired products in wishlist bag for future purchase.
The Shopping Cart is available on the top-right corner of the app home screen. The users can get to know about the products added in their cart right from there.
On the right-bottom of the home screen, there is a live seller-buyer chat option. The mobile app shoppers can easily & directly message you their query & you can resolve them instantly.
The PrestaShop Mobile Apps for Android & iOS come up with proper categorization of products as available on the website. Mobile shoppers can easily browse products from multiple categories. All CMS pages are also available in Accordion Menu. It provides the following options:
My Account screen 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 shoppers can view all the info related to them & can update personal details & login password as well.
These categories are the same as of your website. You can map them accordingly & offer a 3-level categorization to your app users for hassle-free browsing.
Various CMS pages like About Us, Contact Us, Terms & Conditions, etc. Available on your website are displayed here. You can choose the desired one from PrestaShop Mobile App Builder backend to be displayed on Mobile App.
The language option allows your users to view PrestaShop Mobile app in their native language. All available languages are displayed under this option only.
All available currencies on your eCommerce website are displayed on PrestaShop Mobile App as well. The shoppers can view & purchase the product price in their desired currency.
Your users can easily login/logout from PrestaShop Mobile App using this option.
All the sub-categories, parent categories & other associated categories are available in your PrestaShop Mobile App. The category screen is designed clutter-free in two basic views: Grid & List. The product image, name, price, the discount is displayed in all listings with an option to add them in wishlist bag as well. The Mobile Apps with PrestaShop Mobile App Builder have layered navigation which makes the product search just simpler. Following options are available on the category screens:
This option allows the shoppers to select the desired order in which the category products pricing is to be sorted. Two sorting orders are available in your apps: Price: Low to High & Price: High to Low.
Option to filter products simplifies product search. The app users can filter the products in your PrestaShop Mobile App on the basis of various attributes like size, color, compositions, Condition, Manufacturer, Price, etc. The users can search their favorite product in minutes using these filters.
The product screen of your PrestaShop Mobile App is simple & intriguing. Multiple images of the same product are displayed along with name & price. The product availability is also displayed as “In Stock” or “Out Of Stock” based on inventory status. It contains the following other options:
All the options related to the product like size, color, etc. are displayed on this screen. These product options are the same as available on the website.
Users get to read the short description of your product to quickly make up their mind.
The complete product information as listed on the website is displayed here. The app users can get complete product details from here.
The Mobile App users can directly bookmark the product just by tapping “Add To Wishlist” on left-bottom of the product screen.
As by the name “Add To Cart” button adds the product directly into cart & the users can further go on with the purchase.
There is an option on this screen to share your product on multiple social platforms, Bluetooth & e-mail. The app users can share the products among their friends/relatives on multiple social platforms & lure heavy users to your app.
Your PrestaShop Mobile App Creator would have a wishlist bag allowing the users to bookmark products for future purchase. The users can view the list of all bookmarked products from here. It has two options:
The app users can add the bookmarked product directly into the shopping cart by choosing Add To Cart option.
The users can even remove any wishlist product if not feel like buying that.
The PrestaShop Mobile App Creator offers various one-tap login options & make sign-in/registration process more seamless:
All the new app users can sign-up & create their account on the store from the mobile App. The sign-up form of PrestaShop Mobile App only asks for relevant details.
Your Mobile App comes up with easier & robust phone number login option which makes it easier for the users to verify the OTP & login app.
Your users also get an option to log in with fingerprint authentication. This allows users to access apps in seconds.
The users can log in into app using their Facebook Account Credentials.
The users can login into the app using their Google+ Account Credentials.
The Shopping Cart screen of your PrestaShop Mobile App will display all products added into the shopping cart. The app users can view Product name, quantity, total price & shipping cost. This screen has the following options:
This option allows the users to get discounts & offers by entering valid coupon & voucher running on your website.
The users can view the complete cost of their shopping bag from here. It is automatically updated as per any update with product quantity or addition.
The app users can even update the product quantity with the “Update Quantity” option.
The app users can simply remove the product from the cart by simply tapping “Remove” option.
The app users can leave the cart to browse more products on your app. The mobile app shoppers will be re-directed to the home screen on tapping Continue Shopping option.
The front-end mobile app users can proceed further to the checkout & payment screens just by tapping the “Continue To Checkout” option. It will re-direct them on the checkout screen.
The mobile apps with PrestaShop Mobile App Maker have a simplified single-screen checkout with only relevant information. The users can view complete checkout details like shipping details, billing details, order summary, order comment, payment summary.
This screen provides details of the shipping addresses saved by the user. If required, the user can also edit/save the new shipping address. The total cost of your product will be updated as per the chosen shipping method.
This option allows the users to enter billing details for their purchase. They can also choose the shipping address to be the same as the billing address. The pre-saved billing address can be edited as well.
The app users get to view purchased product details in this section before making the final purchase.
All available shipping methods are displayed under this section of the checkout screen. The users can choose the desired one from here.
The app users can also add any comment related to their order which will be visible on the order web-page in the backend.
This section displays the complete breakdown of the total payment details.
The app users will be re-directed to the Payment screen after tapping the “Proceed To Payment” button.
The payment screen on your PrestaShop Mobile App displays both native web-view & app payment methods. The PrestaShop Mobile App Maker supports all sorts of website payment options on the app. Additionally, PayPal & COD payment methods are provided in the Android & iOS apps.
Moreover, various other native payment options like PayU, Apple Pay, Amazon Pay, Braintree, Stripe, etc. Can also be integrated into the app if you ask.
My account screen of the Android/iOS eCommerce app allows users to view the complete account details including a list of previous orders. My Account screen offers the following options:
The users get to know about complete order details being placed earlier. The order submission date, order reference, price & delivery status is displayed.
Users can also update their pre-saved profile details such as First or last name, phone number & password.
The app users can see the complete list of saved Shipping Addresses. New Shipping address can also be added from here.
The app users can get to view the complete list of the previously placed app orders.
There is a direct re-order product directly by clicking the “Re-order” button. All the previous order will be added into cart with just tapping a single button.
Order details screen of PrestaShop eCommerce App provides complete order detail such as shipping address, product summary, shipping and payment method, and total cost summary. The users can even track the delivery of previously placed orders directly from this screen.
KnowBand’s PrestaShop Marketplace converts your online website into a fully fledged marketplace. The PrestaShop Mobile App Builder is fully compatible with PrestaShop Marketplace extension. This means you can bring the entire marketplace listing on the same PrestaShop 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 PrestaShop Marketplace with Mobile App from here.