Reading list Switch to dark mode

    A Complete Guide to Prestashop Mobile App

    Updated 6 March 2024

    PrestaShop Mobile App Builder allows you to convert your PrestaShop store into a complete mobile app. This app will allow the users to have all the functionalities similar to the Prestashop site on their Mobile phones.

    Further, prestashop mobile app can enhance the shopping experience of Android and iOS users.

    Please Note:

    • By default, the PrestaShop mobikul mobile app supports all the default payment gateways provided by PrestaShop. Also, we provide free integration with one payment gateway as per your requirements.
    • For the back office, functionality click here
    • PrestaShop Mobile App module is compatible with PrestaShop version 8.x.x.

    Check a brief overview of the Android app –

    it1rcn5CcF0

    Check a brief overview of the PrestaShop backend configuration settings –

    Searching for an experienced
    Prestashop Company ?
    Find out More
    rUWR7RwsTK0

    Features

    • Supports all types of products viz. standard, virtual, pack, and combination.
    • The store owner can easily add/manage categories and sub-categories.
    • The layered navigation feature enables the users to filter the products through product easily attributes thus simplifying the search process.
    • Vouchers to the users on certain events can be used by them for getting a discount for future purchases.
    • The app gives the facility of social login (However, this is a paid feature).
    • Generate more traffic to the app by allowing the users to share the products through social media channels, emails, etc.
    • Improve the search experience of the users on the app by allowing them to search the products via text, voice, and image.
    • Users can browse and shop with confidence on the app without fear of loss of personal data as the app is GDPR compliant.
    • Option for the customers to raise a return request for the products and gets a refund or replacement for the return made.
    • Generate more traffic to the store by displaying attractive banners in a slider.
    • The push notification feature allows the store admin to provide relevant information to the customers such as upcoming sales, newly added products, etc.
    • The mobikul app provides a real-time synchronization feature so that whatever information is updated on the website gets automatically reverted on the mobile app.
    • The app even works in an offline mode, so the users can scroll through the app even if there is no internet connection.
    • The augmented reality feature is now available & the admin can manage AR-related files from the back office.
    • Admin can set the visibility of new, popular, special & best seller products blocked from the module configuration.
    • The guest users can also give a review if allowed by the admin from the product comment module.
    • Added cache system for fast API response.
    • Supports all the default payment gateways provided by PrestaShop.
    • Admin can set color & font style for dark & light modes from module configuration.
    • The admin can also add the walkthrough to make the application look more fascinating.

    Manage Walk Through

    The admin can manage the walkthrough configuration by navigating to the Mobile App > App Management > App Walkthrough. There the list of walkthrough will be visible as shown in the image below:

    Screenshot-by-Lightshot-2

    The admin can create the new walk-through by clicking on the Add New button available in the top right corner. Further, the admin needs to provide basic details like Walk Through Title, Description, and Image.

    Screenshot-by-Lightshot-1-1

    Moreover, the admin can also edit the previously created walk-throughs by clicking the respective edit button present in the list. Further, the page will view as shown in the image below:

    Screenshot-by-Lightshot-2-1

    Walk Through Mobile App View

    The walk-through will look somewhat like the images shown below:

    Screenshot_20231019_135352-1

    Screenshot_20231019_135403-1

     

    Screenshot_20231019_135409

     

    Landing Page in Prestashop Mobile App

    The home page of the Prestashop mobikul is similar to that of a Prestashop site. The users can view popular, best sellers, on sale, and new products.

    Screenshot_20220512-160357_Prestashop-Mobikul

    Screenshot_20220512-160415_Prestashop-Mobikul

    Screenshot_20220512-160450_Prestashop-Mobikul

    Screenshot_20220512-160505_Prestashop-Mobikul

     

    Search in Prestashop Mobikul App

    The search option helps buyers to find out what the user wants from your store. In the Prestashop Mobikul app, this works in three formats:

    • Product Search by Voice: With this option, the users can find the desired products on the app just by speaking the related keywords. The keywords get automatically typed in the search bar and the search results related to them get displayed.
    • Product Search by Text: Through this option, the app user just needs to type keywords in the search bar. A relevant set of results would be fetched and displayed.
    • Product Search by Image: Users can scan the desired image or text to search for related products. When a user scans an image, it gets detected through machine learning, and keywords related to the image get displayed.
    • When a user clicks on the keywords then products related to those keyword gets displayed in the search results.

    Screenshot_20220512-160614_Prestashop-Mobikul

    Screenshot_20220512-160641_Prestashop-Mobikul
     

    Categories and Products

    It displays all the products of the store, with their assigned and associated subcategories and Parent categories in the mobile application too.

    That means, all the categories (Root category with their Sub- Categories) and all the products of the store owner which are displayed in the store, will also be shown in the mobile application.

    Screenshot_20220512-160801_Prestashop-Mobikul

    Screenshot_20220512-160820_Prestashop-Mobikul
     

    The category page will display the product’s name, price, screen layout, sorting, and filters to search according to the requirements. Users can change the view of the listing of products according to their Mobile phones.

    The product page will display the product name, price, add to bag button, buy now button, description, specification, product sharing button, and reviews of the product.

    Screenshot_20220512-160841_Prestashop-Mobikul

    Screenshot_20220512-160854_Prestashop-Mobikul

    Screenshot_20220512-160930_Prestashop-Mobikul

     

    Profile

    In the profile, the customer can sign in or register in the store. The customer can also change the language, and currency of the store and also contact the store owner regarding their query.

    Screenshot_20220512-195910_Prestashop-Mobikul

    Screenshot_20220512-161021_Prestashop-Mobikul
    Screenshot_20220512-161055_Prestashop-Mobikul
    Screenshot_20220512-161114_Prestashop-Mobikul

    Contact Us

    Here, the user needs to enter the following details to contact us-

    • Subject Heading- The user, needs to mention the subject heading like customer service.
    • Email Address-  Here, the user needs to enter the email address.
    • Message- Here, the user needs to write a message regarding what you are contacting us or what query you are having.
    • Select File- Here, need to choose the file options.

    After filling in all the details, click on the Send button to proceed further with your query.

    Layered navigation

    To make the navigation more flexible and user-friendly, layered navigation simplifies the product search, filtering items based on their attributes.

    Admin can control the filters from the back end. Users can filter the products based on various attributes, features, categories, etc.

    Users can also sort the products based on the below-mentioned attributes-

    • Price
    • Product name
    • Reference
    • Available items on store

    LN1

    LN2

     

    My Account Dashboard

    Under “My Account”, users can manage their personal information, address details, orders, credit slips, merchandise returns, and vouchers.

    Sign In and Register

    Customers can log in and register for the account by filling in the required fields.

    Note– Social login is a paid feature to know more click here.

    Screenshot_20220512-161043_Prestashop-Mobikul

    Screenshot_20220512-161403_Prestashop-Mobikul

    Screenshot_20220512-161357_Prestashop-Mobikul

     

    Address Details

    In the address book, the user can edit, delete, or can add a new address. On updating the address user will get a similar address form as in the Prestashop site. 

    Prestashop Mobile App Builder-2

    Prestashop Mobile App Builder-1

     

    Order History and Details

    In order history and details, users can view the list of orders they have placed. Users can view the order details such as order reference number, date, status, payment method, and total price.

    If the order status is shipped or payment is accepted, then the user can download the invoice in PDF format.

    Moreover, users can click on “details” to view the detail of the order or can reorder the products. Once click on “details” the user can view the complete details of the order such as delivery/invoice address, product details, and total price.

    Screenshot_20220512-161708_Prestashop-Mobikul

    Screenshot_20220512-202308_Prestashop-Mobikul

    Credit Slips

    The user can view the list of their credit slips if received after the cancellation of any order.

    Screenshot_20220512-161933_Prestashop-Mobikul

     

    My Vouchers

    To promote the products on the site you can create vouchers for the particular customer or global vouchers. The users can view these vouchers and they can easily use those vouchers from here.

     

    Prestashop Mobile App Builder-3

     
     

    Push Notifications

    Admin can send push notifications to all its users from the back end.

    Screenshot_20220512-162047_Prestashop-Mobikul

     

    Product Sharing

    This app lets the customer share the product with anyone via email, social media channels, Bluetooth, etc.

    IMG-20220512-WA0006

    Shopping Cart

    The cart tab will display the products added to your cart with the proceeding to checkout and continue shopping buttons.

    On the cart page, the user can view the product name, the quantity of the product, the price, and the shipping cost applicable to the cart. The user can change the quantity of the product from here.

    Moreover, the user can also apply for vouchers from here if any.

    Screenshot_20220512-165228_Prestashop-Mobikul

    Screenshot_20220512-165250_Prestashop-Mobikul

    Checkout process

    The customer can complete the checkout process as follows:

    • Showing Billing and Shipping Addresses with options to change them.
    • Selection of Delivery Method.
    • Review your order.
    • Payment options to complete the purchase.
    • Complete the order summary which will display the total amount and place the order.

    Screenshot_20220512-165327_Prestashop-Mobikul-3

    Screenshot_20220512-165346_Prestashop-Mobikul-1

    Prestashop Mobile App Builder-4

    This is how the admin can easily convert the PrestaShop store into a complete mobile app.

    So, this was all about the PrestaShop Mobile App Builder. I hope this document will help you in checking the functionality of the module in a better way.

    Also, do let us know about your views in the comments.

    Support

    Moreover, If you have any queries regarding the plugin, please contact us at Webkul Support System.

    Furthermore, please explore our PrestaShop development services and a vast range of featureful PrestaShop modules.

    . . .

    Leave a Comment

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


    6 comments

  • Frottier
    • Subhangi (Moderator)
  • Riya Malin
    • Zeba Hakim (Moderator)
    • Izzat
      • Subhangi (Moderator)
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content