Menu Close
    Convert your store into Magento 2 Multi Vendor Marketplace

    Magento 2 Ecommerce Marketplace Mobile App

    The Magento 2 Ecommerce Marketplace Mobile App converts your marketplace store into a mobile app. The customers can easily purchase the products in one go.

    Your customers no more need to have a laptop or desktop. As they can easily explore the store through their smartphones.

    It will not only benefit the store owner and customer it will benefit the sellers too. Sellers can view their dashboard, order history and can contact the admin through the mobile app.

    So why wait for more, have a Magento 2 Ecommerce Marketplace Mobile App and step ahead.

    Note:

    Features Of The Mobile App

    Seller End Features

    • The sellers can view their profile.
    • Seller Dashboard is available.
    • Seller Order History.
    • The seller can ask a question to the admin.
    • Seller-Admin chat is available.
    • Supported product types are Simple, Virtual, and Downloadable products.

    Customer End Features

    • Availability of Seller list.
    • View Seller Collection.
    • The user can review the seller.
    • Seller Location is mentioned on the map.
    • Marketplace Landing Page Where Popular sellers and Description about the marketplace is mentioned.
    • Seller details and contact option from the product page.
    • Fully Native Android and iOS
    • Unlimited Push Notifications
    • Real-Time Synchronization
    • Multi Payment Gateways supported
    • Interactive Theme
    • Multiple Shipping Support
    • Enhanced Layered Navigation
    • Multilingual Support
    • Offline Mode
    • App has support towards AI-based features like- AR Product Visualisation.
    • The app also gives support to the AI feature-Augmented Reality- Size Calculation(only iOS).
    • Finger Print Login
    • Related Products
    • Next/Previous Product View On Product Page
    • Voice product Search
    • Mobile & Tablet support
    • Easy Checkout Process
    • Customers can purchase all types of products.
    • Multi-Currency Support
    • Product Sharing over Social media
    • Order Tracking by Notification
    • Social Login (*)
    • Mobile Number Login (*)
    • One Time Password (*).

    The features with Asterix mark (*) are the paid features.

    Note: Here for iOS, the AR products are supported in the application as well as the Safari web browser.

    Technical Stack:

    • The mobile app is purely native which uses Kotlin for Android and Swift for iOS.

    Admin Configuration

    The store owner is capable of editing the mobile app from the admin panel in the Mobikul Tab.

    Further, for the basic configuration of the Mobikul mobile app, navigate to the following path of the Magento 2 admin panel Stores > Settings > Configuration > Webkul > Mobikul

    After that, the admin will get the below(I-IV) sections of the basic configurations.

    I  Mobikul Basic Configuration

    This section comprises the most initial configuration for setting up the Mobikul.

    Mobile-app-configuration

    Username: The admin needs to provide the username for the Mobikul which will use for connecting to the respective server.

    Password: The admin will provide the password for the Mobikul along with the username.

    Collection Page Size: As the label name of the field is self-explainable, here the admin need to set the number of products that will display on the collection page of the Mobikul mobile app at a time.

    Enable random featured product in home page? If the field is set to “Yes” then, the featured image present on the Mobikul mobile app will be taken on a random basis.

    Moreover, If the admin sets this field to “No”, then only those products will feature on the homepage for which the “Is featured for Mobikul ?” is enabled.

    To, enable Is featured for Mobikul ? for this go to the Products > Catalog > Add Product / Edit.

    Enable product for mobile app

    Allowed CMS Pages: The admin can choose the CMS pages of the default Magento, which want to display on the Mobikul application.

    Featured Products Banner: This allows the admin to set the banner placed at the back of the featured product section.

    New Products Banner: This will allow the admin to set the background banner of the new product section on the homepage.

    Deal Products Banner: From here the admin can set the banner for daily deal products present on the homepage.

    II  FCM Push Notification Parameter

    Moreover, for setting up the push notification feature for the Mobikul mobile application. the admin requires to set up The Below fields.

    Further, please do refer to our blog for learning more about Sending notification through the app (via Firebase console).

    FCM push notification configuration

    API key: The admin needs to provide the Server API key which the user will get after the firebase console registration.

    Android Topic: This is a must for sending the notification on a group basis, on android devices.

    iOS Topic: Require sending the notification on a group basis on iOS devices.

    Note: The topic name which the admin will provide in the above two fields will be the name of the group including all the devices in which the app installation is done.

    III  Mobikul Catalog Search Configuration

    Also, the admin can configure Mobikul’s mobile application SEARCH. The admin can configure the applications’ search on the basis of products and tags.

    Mobikul catalog search configuration

    Display Tags in Search: This will display the tags in the Mobikul application’s search result.

    Number of Tags to display in Search: The admin will set the limit on the number of tags that will present in the search result.

    Display products in Search: This will display the products in the Mobikul mobile application’s search result.

    Number of Products to display in Search: Here the admin will set the limit on the number of products that will present in the search result.

    IV Application Download From Website

    The admin can now display the app URL on their website, by setting the configuration of this section.

    Application download from website

    Enable Android Application Download: Here admin can select Yes to make the play store link of the application visible on the website.

    Play store application link: Here, the admin can mention the play store link on the application.

    Enable ios application download: Here admin can select Yes to make the iTunes link of the application visible on the website.

    App Store application link: Here, the admin can mention the iTunes store link on the application.

    Enable Top link: This will make the link visible on the header part of the website.

    Enable Bottom link: This will make the link visible on the bottom part of the website.

    Choose Download link theme: The admin here can select between Light or Dark theme, for better visibility of the application link as per choice.

    Thus, after the basic mobile app configuration, the app has multiple tabs in the Mobikul tab.

    Push Notifications

    The admin can simply add push notifications for displaying it on THE Mobikul application. Meanwhile, all the mobile app users can get the notification that the admin will push from the backend panel.

    Therefore the admin will set up the push notification configuration For this, go to the Mobikul Tab > Manage Notifications.

    After that, the admin will push respective notifications. The notifications will be visible to the user’s device apart from the automatic push notifications of sale.

    Note: For using the above menu the FCM Push Notification Parameter has to be set first. To learn more about FCM Push Notification Parameter, please read the Basic Configuration Blog.

    Add Notification

    Click on the Add Notification button for adding a new notification. The admin can configure the notification as per the requirement by setting up the notification information.

    Notification information

    Notification Image: Upload the notification image from this field.

    Title: Set the title of the notification.

    Content: Provide the content that will displayed with the notification.

    Sort Order: This is the sort order of the image among other notification.

    Notification Type: Notification type can be as Product or Category or Custom Collection or Others.

    Product/Category Id: If the notification is a product then provide the ProductId of the product which the user will redirect when the notification is clicked.

    Meanwhile, if the notification type is category then provide the Category Id of the product which will redirect when the notification is clicked.

    Store View: Notification can be shown store view wise. “All Store Views” can be selected for pushing the notification in all the store views.

    Notification Status: The notification can be enabled or disabled as per the requirement.

    And, if the notification type is custom collection then, in that case, we need to enter ‘Create Product Collection Based on‘ of the Product Attribute Assigned or Product ids or Newly Added Products with Counts.

    Furthermore, when the customer selects Product Attribute Assigned then, they need to enter the corresponding Product Type which one wishes to see in the custom collection notification.

    Mobikul mobile app new notification

    However, if the product ids option is selected then the one needs to select the desired product from the collection of products.

    Mobikul mobile app custom collection notification

    Custom Collection Notification type is having one more additional option of Newly Added Products with Count. Here, the admin needs to enter the number of new products will display in the collection.

    Mobikul mobile app create product collection based on

    Category’s Banner and Icon Configuration

    The admin can configure the banner image for each category and in addition to this, the admin can also configure the category’s icon which will be displayed in the Mobikul Mobile application.

    Further, for configuring the category’s banner and icon, navigate through the following path of the admin panel Mobikul Tab > Manage Category’s Banners and Icons then click Edit.

    Add Category’s Banner And Icon

    Click on the Add Images button for adding a new banner and icon to a category. The admin can configure the banner and icon as per the requirement by setting up the category image information.

    Category image information

    Icon Image: Upload the icon image of the category.

    Banner Image: Upload the banner image of the category which will be displayed in the chosen parent category.

    Store View: The Admin can select the banner for a particular store view. This is helpful in case the admin wishes to display banners in multiple languages.

    After setting up the banner image and icon image, select the category for which both banner and icon image will be used.

    Mobikul mobile app category selection

    Mobikul mobile app category banner image selection

    Featured Category Configuration

    The admin can simply add featured categories for displaying it on the Mobikul application. For this, go to the Mobikul Tab > Manage Featured Categories.

    Add New Featured Category

    Click on the Add Featured Category button for adding a new featured category. The admin can configure the featured category as per the requirement by setting up the featured category information.

    The Featured Category Information has two sections to be configured for setting up the newly added featured category. The first one is the basic configuration of the featured category.

    New Featured Categories

    New Feature Category type 2

    Image: Upload the featured category image from this field.

    Sort Order: This is the sort order of the featured category among other featured categories.

    Store View: The featured category can be shown store view wise. “All Store Views” can be selected for displaying the featured category in all the store views.

    Featured Category Status: The featured category can be enabled or disabled as per the requirement.

    Further, the second section is the category configuration of the featured category.

    Select category

    Choose the category which will be redirected when the featured category image will be clicked.

    Orders Management

    Mobikul Orders can now be separately managed in the admin panel.

    This facility is given to the app owner to keep a clear record of orders being generated from the app. For this go to the Mobikul > Mobikul Order History.

    List Of Orders

    By clicking on Mobikul Order History the admin can view all the orders that where placed from the app by the customer.

    mobikul_order_history

    Further, the admin can click on any one of the orders to view the details of the orders.

    AR Product Management

    As specified in our earlier article we have implemented the AR Products in two ways-

    AR- Product- Virtual-Try On

    This product type will allow e-commerce customers to try products in 3D visualization with the help of the mobile application. The products are the simple product and configurable product type with Mobikul Configuration attached to it for AR-Product type.

    m2mobileapp_arproduct-edit

    Here the admin can enter the details of the product as in default Magento.

    However, as specified above the admin needs to enter details in Mobikul Configuration-

    AR-Model Type- The admin can select the 3D model option to view the 3D image of the product.

    This option will enable two fields-

    1-AR Model File For Android- In this field the admin needs to enter the .sfb file which will contain a 3D image of the product.

    2-AR Model File For Ios- Here the admin needs to enter the 3D image of the product in the form of the .usdz file for the iOS device.

    Texture Image- Here, the admin needs to enter the background of the 3D image.

    If the admin select 2-D for AR Model Type then the following options will appear:

    AR 2-D Model File- Here the admin needs to select the .png file type image for the 2-D model.

    2d-model

    To get more information about AR product backend management you can click here.

    AR- Virtual Measurement

    This technique is for now in the iOS app only where the customer can virtually calculate the size of the object. This records the size of the object.

    AR product is a simple product with custom options. The admin can specify the attributes of the product.

    Besides, with the help of the AR measurement tool, the admin can measure these dimensions then save it in the respective field.

    Now let’s see how the admin can enter measurement fields-

    Initially, the admin needs to create a simple product by filling the required fields. After that, the admin must enter the Customizable Options.

    AR measurementproduct_backend

    Thus, the admin will create customizable options like the length, height, size and other desired options. This can be done by entering-

    • Option Title- The name of the option as it will appear in the front end.
    • Option Type-The type of option that is if its field, Radio Button, some file, etc for taking the input. Here the admin can select the only Field.
    • Required- The admin can check the box to make the input filed compulsory.
    • Price- The admin can enter the additional price that will be charged for the option.
    • Price Type –The admin selects if the additional price will be on the basis of percentage or the complete price will be added.

    Home Page Configurator

    The admin can manage the sorting of the category carousels present in the mobile app. For this, the admin will navigate to Mobikul > Manage App Creator. Then the admin can change the position by easily dragging the category then drop it to the desired position.

    mobikuldemo.webkul.com_mobikulm2_admin_mobikul_appcreator_index_key_bcbe083aace4bda8c834ad94c8d82e07f281649c57ec0729acc6f68f3cc8abe1_Webkul-Store

    Order Label

    The admin can also check that the order placed by the customer from the web end or mobile app. For this, the admin will navigate to Sales > Orders. After that, in the list of orders, an attribute named Order Place Point will be present that will show the order label.

    For the reference an image is shown below:

    screenshot_2

    To know more about the backend details, refer here- https://mobikul.com/knowledgebase/magento2-mobile-app-admin-end-configuration/

    Home

    Obviously. the homepage is the major point of attraction for the customer. For this, the mobile app supports a highly interactive homepage divided among systemized sections.

    • Category Carousel- The user interacts with the first section which is a category carousal. These category carousals are set of categories linked with the respective products.

    Further by clicking on the desired category the user will navigate to the corresponding category page.

    • Featured Products- This section of the homepage shows few exclusive collections of products to be shopped from.
    • New Products- Under this section, the app users will be able to purchase the latest products in the store.
    • Hot Deals- Moreover, products with special prices or offers will appear under this section.

    webkul-magento2-ecommerce-marketplace-mobile-app-catagory-carousal

    webkul-magento2-ecommerce-marketplace-mobile-app-new-products

    Other Carousel Sections- Apart from the above sections multiple carousels can be added by the app owner for the user. Thus, the app owner can configure the backend for the same.

    They can be of either Product type or Image Type. So, for better understanding, we have the following sections-

    • Trending Now-  This section includes the top-selling products of that particular store.
    • Banner Carousel- Subsequently, this section presents a carousel of banners which includes various categories then navigates the user to the respective category.

    Besides, “Best Offers” and “Fashion Accessories” are the banner carousels shown below.

    • Daily Deals- This section displays a product carousel which includes products for the deal-of-the-day.
    • Offers For You- This presents the list of banners that directs the user to the respective product or category page.

    webkul-magento2-ecommerce-marketplace-mobile-app-trending-now-1

    webkul-magento2-ecommerce-marketplace-mobile-app-fashion-accessories

    webkul-magento2-ecommerce-marketplace-mobile-app-offers-for-you

    • Recently Viewed Products- In the end, the app provides a product carousel which displays the products accessed by the users in most recent time.

    webkul-magento2-ecommerce-marketplace-mobile-app-recently-viewed-products

    Product Page View To The Customers

    The customer can view the desired product for navigating to the product page, that will view the product in the clear appearance and seller details as mentioned in the image below:

    webkul-magento2-multi-vendor-mobile-app-product-pge

    The seller can click on the contact seller button for sharing any query or details regarding the product.

    Sign In/Sign Up

    For using the mobile application, user needs to either register or sign in first. The existing customers who already have an account can directly log in to the mobile app using their credentials. Further, new customers can create a new account.

    webkul-magento2-ecommerce-marketplace-mobile-app-left-navigation-categories

    webkul-magento2-ecommerce-marketplace-mobile-app-signin-register

    Meanwhile, when the user clicks on Create An Account button, the app will redirect them to the registration form which includes the details as shown in the image below:

    webkul-magento2-ecommerce-marketplace-mobile-app-register

    webkul-magento2-ecommerce-marketplace-mobile-app-register-become-seller

    Whereas, if the user clicks on Sign In With Email button the app will redirect the user to the login page which asks the user for the registered email id and password.

    webkul-magento2-ecommerce-marketplace-mobile-app-sign-in-email-1

    The application views the navigation menu when the user clicks on the menu icon present on the navigation bar. Moreover, from this navigation menu, the user will be able to access the major features of application.

    The navigation panel is divided into the following sections:

    •  Categories: In this section, the list is present which includes various categories linked to their respective set of products.
    • Account: Indeed, this section is visible to the users having an account in the application. From this section the user can access the following features: 
      • Dashboard
      • Wishlist
      • Orders 
      • Downloadable Products
      • Product Reviews
      • Address Book 
      • Account Information 

    Note- The customer-centric options will be visible to the sellers also, as the sellers can also be the customers.

    webkul-magento2-ecommerce-marketplace-mobile-app-left-navigation-categories

    webkul-magento2-ecommerce-marketplace-mobile-app-left-navigation-account

    • Seller account: The app users allows the user to log in as a seller. Thus, for the sellers both the accounts will be visible i.e. “Customer Account” and “Seller Account”. From this section the user can access the following features: 
      • Seller Dashboard
      • Profile 
      • Seller Orders 
      • Attributes
      • Add New Products 
      • Seller Products 
      • Transactions 
      • Customers 
      • Invoice Print Template 
      • Chat with Admin
      • Ask Questions 
    • Preferences: This section includes the most well-known features which should be available in the application. Supports the following features:
      • Language 
      • Currency 
      • Settings
    • Others: If the user is looking for the sellers and their details then they must land to this section. This allows the customer to view the marketplace. 
      • Marketplace
      • Privacy Policy 
      • About Us
      • Customer Service 
      • Compare products 
      • Contact Us

    webkul-magento2-ecommerce-marketplace-mobile-app-left-navigation-seller-account

    webkul-magento2-ecommerce-marketplace-mobile-app-left-navigation-preferences

    CUSTOMER ACCOUNT

    Dashboard

    Under this section, the user can edit the profile details and also view the details like:

    • Recent Orders: Generally, customers place many offers in a meantime. Thus, with the app they can easily access their previous orders. 
    • Address: Further, this section comprises of the Billing and Shipping addresses. Further, the customer can easily select among them at the time of checkout. The user can also add the new address as additional addresses and edit the existing one.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-recent-orders

    webkul-magento2-ecommerce-marketplace-mobile-app-user-addresses

    • Reviews: Most times customer drop their reviews about the product or the seller. They can view all those reviews under this section of the customer dashboard.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-reviews

    My Downloadable Products

    This section includes the list of all the downloadable product ordered by the customer. Moreover, the customer can download the product as per the downloads available.

    Meanwhile, the admin can either set the download limit or set the customer free for unlimited downloads for the downloadable products.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-downloadable-product

    My Wishlist

    Most times, the customer wishes to purchase the product later. Surely, in this app the customer can add the products to  the wishlist and purchase them later. Also, the customer can move the product to the cart directly from the wishlist.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-wishlist

    Account Info

    This section comprises the information of the user like First Name and Last Name. The user can also change the email and password from here only. 

    webkul-magento2-ecommerce-marketplace-mobile-app-user-account-info

    Notification

    The most trendy way to circulate the information regarding the new arrivals and offers is push notification. This not only fascinates the customer in great senses but also increase the sales rate of the store to a high extent.

    Meanwhile. the customer can easily access the notification by clicking on the notification icon on the navigation bar.

    Thus, they can easily scroll the notifications in the notification tab. Also, they can directly navigate to the respective product page by cliking on the notification.

    webkul-magento2-ecommerce-marketplace-mobile-app-notifications

    SELLER ACCOUNT

    Seller Dashboard

    This section will be visible only to the sellers. Under this section the seller can check the sales statistics and top selling categories and the following information:

    Sales Map: This displays the location of  customers from different countries marked in the map.

    Sales Graph: The growth of sales id visible here on the basis of hours, week, month and years.

    Top-Selling Categories: A pie chart is visible showing the percent growth in the product categories.

    Top 5 Products: Shows the list of top 5 products as per the sales statistics.

    Latest Orders: Under this, the seller can check the latest orders with the order status placed by the customer.

    Recent Reviews: The customer can also review the seller, those reviews are visible under this section only.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-dashboard

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-graph

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-to-selling-categories

    This seller dedicated section will help the seller to know about the sales on the store and will help in improvising the services rendered by the seller.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-top-five-products

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-latest-orders

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-recent-reviews

    Seller Profile

    With the help of this section, the seller can enter information related to:

    • Basic Details 

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-basic

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-basic-country
    • Image And Theme

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-image-and-theme

    • Social Profiles 

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-social-profile

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-social-profile-two
    • SEO

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-seo

    • Payment Info 

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-payment-info

    • Policies

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-policies

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-profile-privacy-policies

    Seller Order

    This section contains the details of the orders received by seller along with their current status.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-order-list

    From here the seller can generate invoice, shipping slips, mail order details and cancel the orders individually. However, the seller can even download the invoice and shipping slips collectively for multiple orders.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-order-details

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-order-price-details

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-ordershipping-details

    The seller will be able to generate credit memo for the orders with status as “Complete”.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-order-status-complete

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-order-credit-memo

    The customer can add a filter to fetch the desired order.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-order-filter

    New Products

    The seller can add new products from the app by entering details like-

    • BASIC

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-add-new-product-basic

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-add-new-product-basic-details
    • PRODUCT CATEGORY  & PRODUCT PURCHASE LIMIT

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-add-new-product-category

    • STOCK

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-add-new-product-stock

    • IMAGES

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-add-new-product-images

    • SEO

    mockup-1

    • RELATED, UPSELL, CROSS-SELL PRODUCTS

    mockup

    My Product List

    The logged in sellers can view the list of their products in this section which can be edited or deleted from this section. The seller can navigate the desired product with the help of filters.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-product-list

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-product-list-basic

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-product-list-basic-details

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-product-list-purchase-limit

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-product-list-category

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-product-list-weight

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-product-list-seo

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-product-list-related-products

    Seller Transaction List In The Mobile App

    This will display the list of the transaction which will show the money earned by the seller post deletion of commission. The seller can add a filter and look for the desired transaction. They can even download csv for the transactions.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-transaction-list

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-view-transaction

    Also, the seller can Request the admin for Withdrawal and once the admin completes the process then only the amount will get transfer to the seller account.

    webkul-magento2-ecommerce-marketplace-mobile-app-withdrawal-request

    Manage Print PDF Header Info

    The seller can manage the header information of the pdf like invoice and packing slips. That is the address details, the name of the organization and other details which seller needs to show on invoice and packing slips.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-manage-pdf

    Chat With Admin

    The seller can chat with admin to ask multiple queries related to the sale of products, the issue with the commission, etc. This is a way through which admin can keep in touch with sellers of the respective marketplace.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-admin-chat

    Ask Question to Admin

    The seller can even mail the questions to the admin with regard to different queries.

    webkul-magento2-ecommerce-marketplace-mobile-app-seller-ask-question

    The app user can search the desired product to save time they spent in scrolling through the complete app. This section is useful for customers who wish to checkout quickly. The two types of search are-

    • Search term- This will search the product as per the keyword typed by the app user. It is related to the search icon on the top of the screen in homepage.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-search-product

    • Advanced search- The required product can be searched on the basis of various details like product name, sku, description, short description, and price.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-search-advance

    webkul-magento2-ecommerce-marketplace-mobile-app-user-search-advance-result

    OTHERS

    Marketplace

    This section shows information about the best sellers & their products that have been added to the Marketplace. Here a customer can check the seller collection, add any of the seller’s products to his wish list or add them to cart for purchasing.

    By clicking on the View all sellers, the user will be able to see a list of all available sellers in the marketplace. The user can search the sellers by shop name as well. To know more about a seller, the user can check their profile page by clicking their store name.

    After clicking on the shop name, the user will be able to see the Profile Page, Policies(Shipping & Return.), Ratings and the Feedback for the Shop name.

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-landing-page

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-seller-list

     Profile Page

    The user of the app can check the seller profile page from here & see the recently added or can click the view all option for checking all the products of the seller.

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-about-seller

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-seller-product

    Policies

    The user can check the shipping, privacy and return policies of the seller in this section.

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-more-section

    Reviews

    The app user is free to rate the app and writ5e the review to the seller store. The reviews will be visible on the seller profile page.

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-seller-store-review

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-seller-review

    Contact Us

    The app will give the app user the facility to the app user to send mail to the respective seller.

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-contact-seller

    Location of the seller

    The app user can locate the seller store location on google map from here.

    webkul-magento2-ecommerce-marketplace-mobile-app-marketplace-seller-location

    Compare Products

    The app users can see the comparison of various products from here on the basis of attributes like sku, description, short description and other attributes.

    Comparison can help the customer end up buying the best out of the present collection. It can be for similar or different kind of products.

    webkul-magento2-ecommerce-marketplace-mobile-app-compare-products

    webkul-magento2-ecommerce-marketplace-mobile-app-compare-product-details

    Contact Us

    This is the section meant for customers to contact admin. They can write any query regarding the store, product or other questions.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-contact-admin

    CMS Pages

    These pages are meant to inform the app user about the store like the description of the store, policies, customer service details, about the store and other information.

    mockup-1-1

    mockup-2

    mockup-3

    mockup-3

    Checkout

    The app provides the customers to checkout with products in an easy way. First the customer adds the product to the cart.

    This Cart section will have following functionalities-

    1- Update Shopping bag- This will save the updates done, like product quantity increase in the cart.

    2- Continue Shopping Button- By clicking this button the customer can add more products to the cart.

    3- Empty Shopping Bag- This will delete all the products from the cart.

    4- Discount- The customer can even enter any discount coupon code.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-add-product-to-cart

    webkul-magento2-ecommerce-marketplace-mobile-app-user-cart-details

    After adding the product to bag the customer can now click on Proceed.

    The customers can now select the shipping address and the shipping method and click on proceed.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-select-shipping

    After this, the customer will select Billing Address and Payment Information, and finally, review the order, click on Place Order.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-review-and-payment

    webkul-magento2-ecommerce-marketplace-mobile-app-user-select-payment

    Finally, the order is completed with the visible success message popup.

    webkul-magento2-ecommerce-marketplace-mobile-app-user-success-message

    Manage Walk Through

    Firstly, the admin needs to add the walkthrough version from the configuration by navigating to Stores > Configuration > Walk Through Settings.

    walkthrough-settings

    The admin can manage the walkthrough configuration by navigating to the Mobikul > Manage Walk Through. There the list of walk through will be visible as shown in the image below:

    manage_walk_thro

    The admin can create the new walk through by clicking on the Add Walk Through button available in the top right corner. Further, the admin needs to provide basic details like Walk Through Image, Title, Description, Color code (hexadecimal), Sort Order, and

    new_walk_through

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

    edit_item_with_i

    Walk Through Mobile App View

    The walkthrough will look somewhat like the images shown below.

    Multivendor AI Machine Learning

    Multivendor App AI Machine learning

    Home Layout Configuration

    The admin can set the Home Layout as Layout One and Layout Two as shown in the image below:

    configuration___-1

    Frontend View 

    Layout Onelayoutone

    Layout Twotheme-two

    App Category View

    The admin can also manage the category view. Two category views are provided in the demo that is Default Category View and Tab Category View:

    Default Category Viewcategory-tab-1-1

    Tab Category Viewcategory-tab-2

    Launcher Icon Configuration

    The admin can also select the launcher icon. Further, the admin can manage the same from the admin panel:

    launcher_icon

    There are five types of launcher icons available as in the image below:

    Onetype-1

    Twotype-2

    Threetype-3

    Fourtype-4

    Fivetype-5

    Dynamic Theme Management

    The admin can also manage and configure the frontend appearance of multiple sections of the mobile app from the backend. The configurations that come under this sections are mentioned below:

    Light Mode Theme Configuration

    The admin can also manage the theme configuration when the mobile phone theme mode is set to light. For this, the admin needs to enter the details like App Button Color, App Theme Color, App Theme Text Color, App Button Text Color, Upload App Logo, and Upload Splash Image.

    Configuration-Settings-Stores-Magento-Admin-2

    Frontend View on Light Mode

    layoutone-1

    Dark Mode Theme Configuration

    The admin can also manage the theme configuration when the mobile phone theme mode is set to dark. For this, the admin needs to enter the details like App Button Color, App Theme Color, App Theme Text Color, App Button Text Color, Upload App Logo, and Upload Splash Image.

    Configuration-Settings-Stores-Magento-Admin-1-1

    Frontend View on Dark Mode

    dark

    That’s all for the Magento 2 Ecommerce Marketplace Mobile App. Furthermore still, have any issue feel free to add a ticket and let us know your views to make the app better.

    Current Product Version - 3.1.0

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    8 comments

  • zovrelioptor
    I enjoy the efforts you have put in this, thanks for all the great content.
    • Adarsh Shukla (Moderator)
      Hello There,
      Greetings of the day!!

      Thanks for the appreciation. Please let us know if there is something else we could help you with. That will be a pleasure for us.

      You can contact us at – https://webkul.uvdesk.com/en/customer/create-ticket/

      Thanks & Regards,
      Webkul Team

  • Young
    Hi there,

    I saw the app is supported Simple, Virtual, and Downloadable products.
    May I know what file types are available when the seller adding “Downloadable Information” for the Downloadable product?
    And, what file types are supported for buyer download after purchased some kinds of Downloadable products.

    Thanks,

    • Neelesh Singh (Moderator)
      Hello Young,

      It supports all the file types that are supported by the default Magento. And for the buyers, it depends on the uploaded file type by the sellers/admin for the downloadable product.

      For any further queries, please email us at [email protected] and we will get back to you accordingly.
      Thank You

  • Galilée
    Hi,
    this app provide at the en the apk and the ipa that must be submitted to both store?
    Thks
    • Jyotsna Gautam (Moderator)
      Yes, after completing the configuration you will get your app published on the Play Store and App Store for respective apk or ipa files. You can use your own publishing account for these platforms.

      Thanks for your query, please connect with us at [email protected] for further details.

  • olusoji
    Hello,

    Can this app be converted to flutter app? Can you do this as a custom development work?

    • Subhangi (Moderator)
      Hello There,
      The existing app can not be converted to a flutter app but we can develop this through the customization.
      For more details, you can mail us at [email protected].
  • Back to Top

    Table of Content

    Hide Index