Articles

Browse Articles » Technology » Multi Vendor Mobile App for WooCommerce

Multi Vendor Mobile App for WooCommerce

by KS Tomar Webkul - Software Development Company

Introduction

Multi Vendor Mobile Application 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 exponential growth to the business structure.

Moreover, the app follows the latest technology of React Native wherein one can use Javascript to build in a mobile app. Thus, it helps the building of mobile app with rich mobile UI with the help of declarative components.

Furthermore, the Multi Vendor Mobile App for WooCommerce has both sellers as well as the customer-centric feature to allow easy access of the store to them.

Check the android end mobile app workflow –

% buffered12:05

-15:06

Check the backend configuration for the mobile app home page –

% buffered00:00

-10:44

Features- Multi Vendor Mobile Application for Woocommerce

Increase the accessibility of the store as with the help of the app it can be accessed anywhere and anytime.
Seller/vendor list displays collectively.
The customer can view the seller’s profile and the reviews before placing an order.
The sellers can manage their profiles.
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.
Supported product types are Simple, Grouped, External/Affiliate, and Variable products.
Additionally, the seller can view a record of his transactions and sales charts on his dashboard. He can view his order history for all the orders, change his password, and even ask questions to the admin.
Multiple sellers can register and upload their products.
Separate Seller Profile, Shop Logo, and Seller Collection Page with Banner Image.
Sellers can put up queries to the admin and these queries will be listed under the Queries option.
The admin can reply to the queries of the seller.
A seller can edit their profile information.
Seller’s products can be edited or deleted by the seller as well as the admin.
SEO friendly URL structure has been incorporated in the Marketplace.
Also, allows the admin to set the default commission for every seller.

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 notifications to send on the mobile app through the admin.

Henceforth to do this the admin can manage the existing notification or click on Add Notification.

These notifications are used to send notifications to the users by the admin to the mobile app.

Thus, by clicking on the Add Notification, the admin can add the notification information as shown in the image below-

So, 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.

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.

Hence, 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-

Sort
View Grid

Sort

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
Popularity
Average Rating
Newness
Price.

Search

The product can be searched by the app user to optimize the product purchase process. Thus, 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 products linked to the keyword.

Account

This section is one of the major sections as it has all the information link to the Account holder. Thus, when logged out in this section has- Seller List, Login facility and Register facility.

Seller List

The customer can easily view the list of sellers in the marketplace from this section.

This will allow the creation of trust between the customer and the seller. Hence, 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.

Seller Account

The seller account is a combination of all the features offered by the app for the sellers. You can create an account using your email Id or log in from Google or Facebook.

If you already have an account, you can directly log in by entering your login details.

Create Seller Account

Admin can easily create an account to fill the credentials according to required things, and select the field of i am seller and make an account or to signup with Email/Username.

Seller Profile

Once you open the profile of the sellers, you get access to their personal information like email id, location, and phone numbers.

Further ,you also get to view their price ratings along with the value and quality of the products.

Moreover, you can view all the products for sale by the seller and the customer reviews about the purchased products.

Meanwhile, the buyer has an opportunity to allot stars for each category, making it easier for other customers.

Seller Product

As a seller, you can add multiple products of your choice to your account. Moreover, the sellers can choose from a variety of products ranging from clothing to electronics.

Moreover, after adding the desired products to your account, they will be available as a list, along with the prices and availability of the products.

However, the seller can edit or delete any product from the list without any difficulty.

Seller Order

This section provides details of all the orders received by the seller, along with the price and current status. Morever, the sellers can access the order details, address book, and reviews.

Notification

There are several actions performed in the marketplace related to a seller like new order, change in order status, approval of a product, a review post by the buyer, and many more.

In the notification area, the seller will be notified as shown in the image below.

Cart

On the top right corner of the screen, the customer can view the cart icon. Hence, 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.

Checkout

The customer can checkout with the desired product after clicking on Proceed. This will contain the billing and shipping address.

So along with this, the customer can change the addresses for the order.

The customer has to even select the shipping method for the products.

Thus, 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