Reading list Switch to dark mode

    Magento 2 B2B Vendor Mobile App

    Updated 24 November 2022

    Magento 2 B2B Marketplace App will allow the management of the B2B multi-vendor store to take advantage of a mobile app. Thus, providing an app wherein the customer and supplier can work.

    This mobile application has multiple vital features to make B2B store work. They are- Separate Suppliers, Request Quotations, Quick Orders, Contact Suppliers, Supplier Reviews, Customer-centric features, and many more.

    Please Note – To develop B2B Marketplace Mobile App for Magento 2 (Adobe Commerce), you need to have Webkul Magento 2 B2B Marketplace extension.

    Check a brief overview of the mobile app –

    ouOd4CmOn0Q

    Check a brief overview of the mobikul settings –

    Searching for an experienced
    Magento 2 Company ?
    Find out More
    Ljjcr9sDpb8

    Check a brief overview of the configuration settings for the B2B System –

    zg8-lnPVUyE

    Features

    • Quick customer, and supplier login and signup.
    • Request For Quote functionality for customers to buy in bulk and products with customization.
    • The supplier can add and manage products in the store via the mobile app.
    • Suppliers can view the dashboard to analyze sales and reviews.
    • Suppliers can manage orders, create shipments, and credit memo from the mobile app
      Buying lead management is also possible by the seller using a mobile app.
    • Manage supplier profile information from the mobile app
    • Easy order placement by customer.
    • The user can delete their account from the app.

    Configuration

    The store owner here needs to set up both the Mobikul Mobile app and B2B at the backend.

    B2B configuration

    For this kindly navigate through Store>Configuration>Webkul>B2B Configuration.

    General Settings

    In the B2B configuration, under General Settings you can set an admin email address, global commission rate, set supplier approval settings.

    webkul_magento2_b2b_mobile_app_admin_general_configuration

    Supplier Dashboard Layout Settings

    Thus, from this section, the admin can upload a default logo for the supplier dashboard logo.

    webkul-magento2-B2B Marketplace App-supplier-logo

    Supplier Product Settings

    Henceforth the admin has various options to manage and restrict the suppliers.

    Attribute Set ID – The admin can select the attribute sets for the suppliers. 

    The attribute set determines the fields that are available during product data entry and the values that appear to the customer.

    Note:- This option will work only if Magento 2 Custom Attribute Marketplace Sending notification is already installed.

    Product Approval Required – Select Yes if admin approval is required for adding a new product. Otherwise, select No for auto-approval.

    Product Update Approval Required – Select Yes if admin approval is required for updating the product. Until the admin approves it, the product is disabled.

    However, select No for auto-approval on product updates.

    Allow Category tree view like admin product category tree – Select Yes to enable category tree for the suppliers.

    Allowed Categories for the supplier to add products – Herein, enter the category IDs (, comma separated) for which the supplier can add products.

    Product Type For Supplier – Select product type for the suppliers that they can add.

    Allow Supplier to add

    • Products with SKU type – Select Static or Dynamic option.
    • Related Products – Select Yes to allow suppliers to add related products.
    • Up-Sell Products – Select Yes to allow suppliers to add up-sell products.
    • Cross-Sell Products – Select Yes to allow suppliers to add cross-sell products.
    • Limit on Product Purchase for Customer – Select Yes to allow the supplier to set a limit on purchase quantity.
    webkul-magento2-B2B Marketplace App supplier-product-settings

    Supplier Order Settings

    Order Approval Required – Select Yes for admin approval when a new order is received for the supplier.

    So, after the approval of the admin, that order becomes visible to the supplier. Otherwise, select No for auto-approval.

    webkul-magento2-B2B Marketplace App -supplier-order-approval

    Inventory Settings

    Enable Low Notification – Select Yes to send a low-stock email to suppliers.

    webkul-magento2-B2B Marketplace App -supplier-inventory

    Low Stock Quantity – Here, the admin needs to mention the low stock value.

    Supplier Profile Page Settings

    Supplier Policies Enable at frontend – Select Yes to display supplier shipping and refund policies information on the supplier profile page.

    Rewrite Supplier’s Shop URL – Select Yes to enable suppliers to edit their shop URL.

    Allow to automatic create supplier public URL on supplier registration – Select Yes to enable the supplier to set their shop URL at the time of registration.

    webkul-magento2-B2B Marketplace App -supplier-profile-page

    Supplier Review Settings

    Make a Review on only Order Purchase – Select Yes to allow only the actual final buyers to write a review for the suppliers.

    webkul-magento2-B2B Marketplace App -supplier-review

    Landing Page Settings

    Here, you can configure the marketplace landing page settings.

    Wherein the admin can customize the layout, banner, title, button label, feature icons, terms & conditions URL, and much more.

    Screenshot-25
    Screenshot-26
    Screenshot-27

    Marketplace Product Page Fields Hints

    Select, Yes to enable product page field hints for the supplier pages.

    Herein, the admin can provide field hints for –

    • product category, name, description,
    • short description,
    • SKU,
    • price,
    • special price,
    • special price start & end date,
    • product quantity,
    • stock availability,
    • product tax types,
    • weight,
    • image and
    • product enables.
    webkul-magento2-B2B Marketplace App -supplier-product-fields-hints

    Marketplace Transactional Emails

    webkul-magento2-B2B Marketplace App -supplier-emails

    There are different types of email notifications that are sent to admin, customer, and supplier.

    Thus, the admin can select email templates from the Marketplace Transaction Emails section.

    Mobikul Configuration

    The admin needs to set the basic mobile app configuration. Thus, the admin will navigate to Store>Configuration>Webkul>Mobikul.

    Basic Admin End Configuration-

    The admin can amend the app as per the business requirement from Mobikul Configuration.

    webkul-Magento2-B2B Marketplace App-Configuration

    I-Mobikul Basic Configuration

    It includes the basic configuration regarding Mobikul’s initial requirement. Wherein the admin can fill in details related to the app.

    Navigation- Stores > Settings > Configuration > Webkul > Mobikul.

    B2B Marketplace App -basic configuration
    • Username-Admin needs to provide the username for the Mobikul. This is used for connecting to the respective server. The username is required to be mentioned in the code end as well.
    • Password– Here you will provide the password for the Mobikul. This will be used with the above username for connecting to the server. The password is required to be mentioned in the code end as well.
    • Collection Page Size- As the label name of the field is self-explainable. Here you need to set the number of products that you want to display on the collection page of your Mobikul application at a time.
    • Enable random featured products on the home page? – If the field is set to “Yes” then, the featured products will be on a random basis.

    Note- If the field is set to “No” then, the admin needs to enable “Is featured for Mobikul ?” on the product page.

    webkul- B2B Marketplace App - features

    Henceforth, for enabling any product to be in the featured product navigate through Products > Catalog > Add Product / Edit.

    • Allowed CMS Pages- The admin can select the CMS pages that they wish to display on the frontend.

    II-FCM Push Notification Parameter

    If an admin needs to set up a push notification feature for your Mobikul mobile application then you must require this section’s fields to be set up.

    So, please refer to our blog for learning more about:

    • Sending notifications through your app (via Firebase console).
    • API key: Admin needs to provide the Server API key which you will get after the firebase console registration.
    • Android Topic: This will be used in sending the notification on a group basis on android devices.

    The topic name which you will provide in this field will be the name of the group.

    So, this will include all the mobile devices which have installed your application.

    • iOS Topic: This will be used in sending the notification on a group basis on iOS devices.

    The topic name which you will provide in this field will be the name of the group.

    Thus, this will include all the mobile devices which have installed your application.

    III-Mobikul Catalog Search Configuration

    Admin can also configure your Mobikul’s mobile application SEARCH.

    Hence, the admin can configure the applications’ search based on products and tags.

    • Display Tags in Search: If you want you can display the tags in your Mobikul application’s search results.
    • Number of Tags to display in Search: Here you will set the limit on the number of tags that will be displayed in the search result.
    • Display products in Search: If you want you can display the products in your Mobikul application’s search results.
    • Number of Products to display in Search: Here you will set the limit on the number of products that will be displayed in the search result.

    IV-Application Download from Website

    For better connectivity, the website and link can be interlinked by adding the app URL here. However, these could be modified as per requirement.

    webkul-B2B Marketplace App -application download from website

    Here, the admin will enter the details as-

    • Enable Android application download- The admin can set it, Yes to make the Android app link visible on the website.
    • Your application’s, play store application link- The admin can specify the link of the play store.
    • Enable ios application download- The admin can set it, Yes to make the iOS app link visible on the website.
    • Your application’s, app store application link-The admin can specify the link of the app store.
    • Enable Top link- This will make the app links visible on the website at the top.
    • Enable Bottom link- This will make the app links visible on the website at the bottom.
    • Choose Download link theme- The link of the apps will be visible on the lighter or darker theme.

    V-Mobikul API Cache Settings

    B2B Marketplace App -cache

    Thus, this section is meant for Cache maintenance for any action taken on the mobile app.

    • Enable Cache– This is enabled to save the API cache data by setting it to Yes.
    • Refresh cache rate– This will be the rate of hits after which the cache data will be cleared and refreshed.
    • Clear Cache- This clears the cache data of API on clicking the button.

    Furthermore, check the Admin End’s Configuration to know more about the configuration setup.

    Front-End Of B2B Marketplace App

    The customers and suppliers here on the homepage can see the products. Wherein the supplier can manage the products and customers can purchase them.

    Splash Screen- B2B Marketplace App

    Thus, the B2B Marketplace App has an introductory screen that the app owner will share. The store owner will share it in the Pre-Requisite

    webkul_magento2_B2B Marketplace App _splash_screen

    Homepage

    Herein, the B2B Marketplace App homepage is a collection of categories, multiple types of products, and a few banners.

    webkul_magento2_B2B Marketplace App _homepage

    Left Navigation Drawer

    However, the left navigation drawer of the B2B Marketplace App is highly dynamic. Herein, the fields will change as per the user.

    Guest User

    The navigation drawer will have the following sections as-

    • Sign In- This option will allow the customer to log in to the application. The customer can even sign up for the application.
    • Categories- Collection of multiple categories that re-direct on products.
    • Preferences- Herein, there are fields like Language selection, Currency selection, and basic App settings.
    • Others- Thus, this section will contain sub-sections like-
    • Supplier Registration- This section will give the supplier to register in the application.
    webkul_magento2_b2b_mobile_app_suppiler_registeration

    Henceforth, the Supplier here will enter the Email id, Password, and Confirm Password. Allowing the supplier registration to be complete.

    Supplier Login

    The supplier will have a separate sign-in page from where they can get into the B2B Marketplace App.

    webkul_magento2_b2b_mobile_app_supplier_sign_in
    Marketplace

    However, the guest user here will see a list of suppliers on this Marketplace page.

    webkul_magento2_b2b_mobile_app_marketplace
    Privacy Policy

    CMS page about companies’ privacy policies.

    webkul_magento2_b2b_mobile_app_privacy_policy
    About Us

    Another CMS page that will inform about the organization.

    webkul_magento2_b2b_mobile_app_about_us
    Customer Service

    This CMS page will have the details of service, return policy and more.

    webkul_magento2_b2b_mobile_app_customer_service
    Compare Products

    The user can add products in this section from the product page to set a comparison.

    webkul_magento2_b2b_mobile_app_compare_product
    Orders and Returns

    The order and return status can be requested by the guest user from this section. However, revert is done manually on the mail by admin.

    orders-and-returns
    Contact Us

    This form will allow the customer to contact the admin via mail.

    mockup-24

    Registered Customers

    Thus, when once the customer login the B2B Marketplace App. They can see the following options as in the screenshot below.

    webkul_magento2_b2b_mobile_app_login_customer-1
    This section will contain customer account details and categories list.
    webkul_magento2_b2b_mobile_app_login_customer_account
    Then is the account section which is having multiple options for the customer to operate on.
    webkul_magento2_b2b_mobile_app_login_customer_prefernces
    This section will be the same as for the Guest User with Preferences, CMS pages, compare products and Contact Us option. Additionally, the Logout option is present for the customer who is logged in the application.

    Account

    Henceforth the account will have the following sections-

    Request For Quote

    The customer can share quotes with the help of the B2B Marketplace App from this section.

    For Sharing quote customer has got two Options-

    Option- 1

    Follow the navigation as in the left navigation drawer(hamburger menu) >Account>Request For Quote.

    webkul_magento2_b2b_mobile_app_Request_for_quotes

    Henceforth, the customer will click the Add Product option. This will allow the customer to select the Product as per requirement.

    webkul_magento2_b2b_mobile_app_Add_product_quotes

    Here, the customer will define the following fields-

    • Categories- The customer can select the category of the product. Moreover, this is a compulsory field for quote submission.
    • Product
      • Name– The customer can select a product from the list in the store.
      • Description– The customer can add the details of the product.
      • Quantity– The number of units that the customer wishes to purchase.
    • Expected Price Per Quantity– The price of the product that the customer wishes to pay for per product
    • Additionally, here, the customer can select if the product sample is required or not along with the quote.
    • The customer can even upload the sample images of the product from Add Sample Image.

    Once the Product is selected the customer can further mention quote details, contact information and submit the RFQ.

    webkul_magento2_b2b_mobile_app_RFQ

    The product selection takes place post which the customer will explain-

    Quote Information- The customer here will mention the quote details like the quote title and quote description.

    webkul_magento2_b2b_mobile_app_RFQ_II

    Then the customer will mention the contact information which will have the following details- Name, Company Name, Address and Contact Information.

    Then the customer can click-on Request For Quote.

    My Requested Quotes

    The customer can request quotes for the products and can view them in the My Requested Quotes section.

    webkul_magento2_b2b_mobile_app_my_requested_quotes

    The customer can click on View to see the detail of the supplier action. However, View Product will see the quote and the number of suppliers.

    webkul_magento2_b2b_mobile_app_my_requested_quotes_Details

    Option-2

    The second alternative is to go to the Product detail page. For there the customer can even quote for the product.

    webkul_magento2_b2b_mobile_app_request_a_quote

    The customer can click on the Request A Quote.

    webkul_magento2_b2b_mobile_app_RFQ-1
    webkul_magento2_b2b_mobile_app_RFQ_II-1

    Suppliers View

    Now if a supplier is logged in the application then the view of the left navigation drawer changes.

    webkul_magento2_b2b_mobile_app_supplier
    The supplier will first see the Categories and Account as the customer.
    webkul_magento2_b2b_mobile_app_quote-product
    Herein, this section is exclusive for the suppliers, which is the Supplier Account.

    Supplier Account

    This section is having functionalities for the supplier to work on the quotes.

    Supplier Dashboard

    The supplier can see the dashboard relative to the profile. Wherein the supplier can see Total Payouts, Remaining Amount, and Total sales.

    Additionally, this section has Top 5 products, Latest Order, and Recent Reviews.

    webkul_magento2_b2b_mobile_app_supplier_dashoboard

    Suppliers Profile

    The supplier details are part of this section wherein the information will appear. Thus, it comprises of following-

    webkul_magento2_b2b_mobile_app_supplier_profile_I
    • Shop Title-The name of the supplier’s shop.
    • Contact No– The number on which customers can contact the supplier.
    • Tax/Vat Number– It is the declaration of the TAX and VAT payment to the government.
    • Shop Locality– It is the geographical location of the supplier shop.
    • Country of the supplier.
    • Description– About the supplier’s organization.
    webkul_magento2_b2b_mobile_app_supplier_profile_II
    • Images and Theme– Background Color, Cover Banner, and logo.
    • Social Profile– Various social media links and their activation facility.
    webkul_magento2_b2b_mobile_app_supplier_profile_III
    • SEO details- Meta Keyword– The supplier can mention keywords specific to the store.
    • Meta Description- This is the small description of the store.
    • Payment Info- Bank Name and Branch- The supplier bank name and the corresponding branch in which the admin can submit payment.

    webkul_magento2_b2b_mobile_app_supplier_profile_IV-1

    2_magento2_b2b_vendor_mobile_app

     

    • Policies- Privacy and Return Policy- The supplier can mention the policies applicable.
    • Save Profile Will save customer data.

    Attribute

    The suppliers can add the product attribute in this section.

    webkul_magento2_b2b_mobile_app_attribute_I-1

    webkul_magento2_b2b_mobile_app_attribute_II

    Add New Product

    The suppliers can add the products via the application from this section. However, for now only simple, downloadable and virtual products are supported.

    webkul_magento2_b2b_mobile_app_add_products  

    webkul_magento2_b2b_mobile_app_add_product_II

    webkul_magento2_b2b_mobile_app_add_product_III

    webkul_magento2_b2b_mobile_app_add_product_IV

    webkul_magento2_b2b_mobile_app_add_product_V-1

    Suppliers Product

    Henceforth, corresponding the suppliers will see the products in the Supplier Product Section.

    webkul_magento2_b2b_mobile_app_supplier-Products-1

    Here the supplier can delete or edit the product information.

    Transactions

    However, the supplier will have the details of the money received against the orders in this section.

    webkul_magento2_b2b_mobile_app_trasaction_list

    webkul_magento2_b2b_mobile_app_transaction_details

    Here in the transaction list, the supplier can view transaction remarks. However, clicking on the transaction will show the details of the transaction order.

    Chat with Admin

    The supplier can chat with the admin from this section. Herein the admin reverts the suppliers using the application only.

    mockup-20

    Customers

    The supplier can see a list of the customer in the store. Thus, providing a CRM solution.

    webkul_magento2_b2b_mobile_app_customer_list-1

    RFQ Management

    The supplier can see the RFQ sent by the customers in this section under the new tab.

    webkul_magento2_b2b_mobile_app_quote_request

    webkul_magento2_b2b_mobile_app_quote_requestII

     

    Thus, the quote moves to the Answered section in the same Quotes part.

    webkul_magento2_b2b_mobile_app_Quote_answered

    However, lets now move to customer login for the next step

    Herein, the customer either Approve the Last Quote, Reject Quote or Message the supplier.

    webkul_magento2_b2b_mobile_app_customer_quote_management

    The customer message window will appear in the below format.

    webkul_magento2_b2b_mobile_app_message

    However, now the Supplier can view the quote in the Pending section.

    webkul_magento2_b2b_mobile_app_qoute_pending

    webkul_magento2_b2b_mobile_app_pending_details

    Here the supplier can either share new quote or reject the request or message customer.

    Then whenever the customer approves the quote it is visible in Confirmed Section of Suppliers account. However, if rejected the quotes are in Rejected section.

    Filter Section

    There is an additional section wherein the suppliers can filter out the Quotes.

    Hence, this section will allow fetching of quotes easily.

    webkul_magento2_b2b_mobile_app_filter

    Buying Leads

    These are the leads of those products which are not in the store.

    webkul_magento2_b2b_mobile_app_buying_leads

    Verification

    The supplier verification can help a lot in case of incrementation of the sales.

    webkul_magento2_b2b_mobile_app_supplier_verification

    Account Setting

    This supplier can set its account from this section by entering the below details.

    mockup-13

    Company Info

    These are the details of the supplier’s organization that are visible to the customers.

    mockup-14

    Company Overview

    These details are information about the supplier’s organization likewise the description, meta keywords, Meta description, Social Profile(link and activation/deactivation facility) and Tax number.

    mockup-15-1 

    mockup-16

    • Supplier Info- This section will have data about the Supplier.
    mockup-17

    URL Settings

    Here the different website URLs are mentioned.

    mockup-18

    Categories

    The supplier has the option to select the Categories for its store.

    B2B Marketplace App -suppliers-categories

    Supplier Orders

    Once the quotes finalization takes place the customer can buy the product. The bought product orders are visible here.

    B2B Marketplace App -order

    webkul_magento2_b2b_mobile_app_Orders
     

    B2B Marketplace App -order

    Herein the supplier can generate the invoice or shipment or cancel the order.

    Delete Account

    In the delete account feature, the user can easily delete their account. The user can delete their account by clicking the delete account button from the mobile app from the account information section.

    Once the user confirms the delete option, the user can’t be able to track and view their orders, transactions, and other records.

    So, that’s all for B2B Marketplace App for Magento 2 (Adobe Commerce). For any further, assistance, just raise a ticket here and for any doubt contact us at [email protected].

    Explore the Adobe Commerce Cloud development service by Webkul. You may also browse other Magento 2 marketplace addons. Also our quality Magento 2 extensions.

    Current Product Version - 2.0.0

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

    . . .

    Leave a Comment

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


    Be the first to comment.

    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