Multi Vendor Mobile App for WooCommerce is meant to convert the store on Multi Vendor Marketplace for WooCommerce to an app. In the evolving world, mobile apps play a vital role in bringing an exponential growth in the business structure.
The app has both sellers as well as the customer-centric feature to allow easy access of the store to them.
- Increase the accessibility of the store as with the help of the app it can be accessed anywhere and anytime.
- Seller/vendor list display collectively.
- The customer can view the seller’s profile and the reviews before placing an order.
- The sellers can manage their profile.
- Informative and interactive app with fast and responsive features.
- The admin can configure the app from the backend.
- From the product section, the seller can add the products within the app.
Note– To develop WooCommerce Multi-Vendor App, you must have Webkul Multi-Vendor Marketplace for WooCommerce plugin.
Multi Vendor Mobile App for WooCommerce Admin-End Configuration
Mobikul Application Woocommerce Admin-End Configuration is a facility for the store owners to manage and configure the app from the backend. The admin can manage the app easily from the backend in easy steps.
From the admin panel the admin can manage the banner images, featured product, featured category, and notification.
From the admin dashboard, the admin can navigate to Mobikul, here the admin can manage the-
Banner Image- From the Banner Image section the admin can manage or add new banner images for the mobile app. The admin can even manage the images in bulk to move the images in the trash.
The admin can click on the edit button to edit the existing image.
Now, by clicking on the Add Image button the admin can add the Banner Images as shown in the image below-
Here, the admin will need to upload the banner image, manage the sorting of the banner, select the type of the banner, select the product/category id, and status of the banner image to show on the mobile app and then click on save.
Featured Product List- The admin can manage the featured product list from the admin panel and manage the featured product in bulk to move the products in the trash.
The admin can also click on the edit button to edit the existing product and click on the “Add Featured Product” button to add the more featured product to the app.
Now after clicking on the Add Featured Product, the admin can add more featured product as shown in the image-
Here, the admin can Sort the order of the product, select the product from the Product name, and enable the status of the featured product and click on the save.
Featured Category- From the admin panel, the admin can manage the Featured Category. The admin can manage the existing featured category list or add the more featured category from the dashboard as shown in the image –
Here, the admin can Sort the order of the selected featured category, select the featured category according to the requirements, and enable or disable the status of the selected featured category and click on save to show on the mobile app as shown in the image below-
Manage Notification- The admin can manage the notification or create more notification to send on the mobile through the app. The admin can manage the existing notification or click on Add Notification to add more notification.
These notifications are used to send notifications to the users by the admin to the mobile app. Now, by clicking on the Add Notification, the admin can add the notification information as shown in the image below-
Here, the admin can-
- Upload the image for the notification
- Enter the title of the notification
- Enter the content for the notification
- Select the type of the notification as product or category
- Select the product/category id from the list
- Enable or disable the status of the notification and click on the save button.
The customer and seller can get view a very interactive homepage, which enhances the user interaction. Being an introductory page it is designed to produce multiple useful information-
- Category Carousel– This section is having the categories in the form of a carousel which the app can click on a category to view the list of product in the category.
- Banner Slider– The banner slider is the best form to display any information related to the store. The admin has the choice to display any information with regard to the offer, product exchange, or any other detail. These banners have either category or product associated with it.
- Featured Product- These are the exclusive product of the store which needs to be showcased for easier purchase by the customer.
- New Product- The product that has been arrived on the store in recent time comes under this category.
The next tab after Home is List which will display a list of categories that are linked with the products. So, this will allow the customer to shop by category.
The customers can click on one of the categories to view the related product along with star rating and price of the product.
So, this section can allow the app user to execute multiple functionalities like-
- View Editor
- Add To Cart
The app user can sort the products in the category to allow quick and easy navigation. Thus, the app user now can sort the product according to the-
- Default Sorting
- Average Rating
The view of the product in the collection page can be altered. The app user can edit the view as a list or grid view.
Thus allowing a great UI for the app user as they can adjust the view as per there comfort.
The app user can directly click on the Add To Cart Button or click on the product to get complete details for the product. The app user can go through the description and reviews of the product before purchasing the products.
From here the customer can either click on Add To Cart which will add the product to cart or click on Buy Now to directly check out with the product from cart.
The product can be searched by the app user to optimize the product purchase process. The click on the search tab icon wherein they can type the keywords to be searched.
Hence, allowing the app user to redirect to a collection page with all the product linked to the keyword.
This section is one of the major section as it has all the information link to the Account holder. When logged out in this section has- Seller List, Login facility and Register facility.
The seller can easily view the list of sellers in the marketplace from this section. This will allow the creation of trust of the customer and the seller. As they can now see the type of seller in the marketplace.
The app user can simply click on one of the Seller’s image to view the details of the Seller Profile. Hence, this will comprise of- Contact details, Star rating(on the basis of price, value, and quality), list of latest product by the seller and the latest review and ratings received by the seller on their product.
This will allow the app user to get them registered as either a customer or seller. Here the app user can log in either as a customer or seller in the marketplace.
Login As Customer-
The customers will fill in the Username, User email address and Password for registration. Here for customer registration, the toggle must be I am a Customer.
Login As Seller-
The app user can also register themselves as a seller by entering the details like customer along with additional details related to the store.
The seller needs to enter- User name, User Email address, Password, First name, Last name, Shop name, Shop Url and phone number.
Here, the toggle must be set to I am Seller in order to register as a seller.
This section will allow the app user to Sign In the application post registration. However, the content of these sections will differ as per the Seller as well as the customer.
In the case, when the app user logins in with seller credentials. The seller will be seeing fields like-
- Order History
- Seller Profile
- Ask To Admin.
- Account Details
This section will have all the tabs which are seller-centric. These tabs will allow managing the store in a better way.
Marketplace- This is a seller Dashboard which will contain the details about the seller.
It contains information related to the Lifetime sales, Total Payment Received by the Seller For the sale of the Products, List of Top Sold products, and the latest orders.
Here, the seller can easily view the complete detail of an order by clicking on an order.
Products- The sellers can view their list of the products in this section. It gives them the facility of a quick review of the stock.
Add Products: From the product section, there is a button to add the products within the app. The seller can add the products as shown in the image above-
Here, the seller can click on “Select Product Type” where the seller can select the type of the product from the menu-
Now, the seller can select the category from the list for which the seller wants to add that product-
Now, the seller needs to enter the details of the products-
The product will be added to the selected category and can also be seen from the seller products. The seller can also edit or delete the product from the list.-
To edit the product the seller can click on the edit button and edit the product accordingly-
Order History- The seller can view the list of orders placed on the store for their product. The seller can view all the orders in this section.
The seller can click on particular order to view the complete details of the order.
Transaction- The amount which the seller gives as a commission to admin for the product being sold is displayed in this section.
The seller can manage their profile from this section by entering details which they wish to display. The seller can edit the information whenever required.
Here, the seller can click on the View Profile to see how the profile will be visible to the customers.
Ask To Admin- In this section the seller can view the message history with the admin. The seller can even click on Ask Query to raise a new query.
This section contains all the tabs which are having customer-centric features. The sellers can see both these section as they are also a customer. However, a customer can see only the customer tabs.
Orders- This section will have a history of all the order which is placed by the customer in the past time. The customer can click on a particular order to view the complete detail of an order.
Address- This section will save the address detail of the customer, which can be updated from this section whenever required.
Here, the customer can select to make the shipping address same as billing address.
Account- This will contain the information of customer like First Name, last name, email address, and Password management feature.
On the top right corner of the screen, the customer can view the cart icon. This section will contain all the product which the customer has added to the cart.
Here, the customer is powered with multiple functionalities wherein the customer can-
- Remove Item.
- Edit the quantity of an item.
- Enter the discount code if available.
- Amount to be paid Details.
- Proceed To Checkout Facility.
The customer can checkout with the desired product after clicking on Proceed. This will contain the billing and shipping address. Along with this, the customer can change the addresses for the order.
The customer has to even select the shipping method for the products.
The customer even needs to select the desired payment method from this section.
Now, the customer can finally review the complete order before finalizing the purchase.
So, now after the final review, the customer can click on Make Payment which will display the following message.
From here the customer can go back to the home section.
This is all about Multi Vendor Mobile App for WooCommerce. Still, have any issue, feel free to contact us at http://webkul.uvdesk.com and let us know your views to make the module better.
Current Product Version - 1.1
Supported Framework Version - WordPress4.x, 5.0.x WooCommerce2.0.x, 2.1.x, 2.2.x, 2.3.x, 2.4.x, 2.5.x, 2.6.x, 3.0.x, 3.1.x, 3.2.x, 3.3.x, 3.4.x, 3.5.x