Reading list Switch to dark mode

    Mobikul Mobile App Builder for WooCommerce

    Updated 31 May 2023

    Moreover, it is not necessary to have desktops/laptops to shop from your store. The customers/buyers can easily visit your store by using the Mobikul WooCommerce mobile App on the go.

    So, the mobile application has a better user experience with splendid features and functionalities.

    Furthermore, the app follows the latest technology of Flutter wherein one can use Dart to build a mobile app.

    Further, it is fully compatible with your default WooCommerce Store. The mobile application provides a user-friendly experience and enhances the customers’ engagement over the mobile platform.

    Note:- Marketplace Mobile App – If you are using Webkul Marketplace Plugin, then please use the Multi-Vendor Mobile App for the WooCommerce solution.

    Searching for an experienced
    WordPress Company ?
    Read More

    Additional Information:

    To view the admin panel web demo click here.

    Check the Mobile App Configuration Video –

    JhCUMz9h9M4

    Check the Android mobile app workflow for the flutter application –

    Jys1xmNoCk4

    Support

    Dear Customers, if you have a question/query, please raise a ticket at webkul.uvdesk.com. We will do our best to answer as quickly as it is possible.

    Don’t give us a low rate without contacting support on the issue you’ve faced with. We are always happy to help you.

    Features Of Mobikul Woocommmerce Mobile App Builder

    • Integrated with Existing WooCommerce Store
    • Unlimited Push Notifications
    • All product types supported – Simple, Grouped, Downloadable, Virtual, Variable, and External products.
    • Compatible with Mobile & Tablet
    • Various Shipping Supported
    • Real-Time Synchronization
    • Flutter based application
    • Offline Mode
    • Checkout at one page
    • New and Featured Product Carousel
    • All the Major Payment Gateway Supported
    • Social Login*
    • One Time Password*
    • Mobile Number Login*
    • The features with Asterix mark (*) are the paid features.

    Installation

    For installation, the user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel.

    For this, login to WordPress Admin Panel, and Under the Dashboard hover your mouse over the “Plugins” option inside the menu which brings out a Sub-Menu, and then select the “Add New” option.

    WooCommerce_Mobikul_Delivery_Boy_App_installation-add-new

    After this, you will see an option on the top of your page that is “Upload Plugin”, click on that option to upload the zip file.

    WooCommerce_Mobikul_Delivery_Boy_App_installation-upload-plugin

    After clicking on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

    Post browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

    WooCommerce_Mobikul_Delivery_Boy_App_installation-install-now

    Now, when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Click on “Activate Plugin” to activate the installed plugin.

    WooCommerce_Mobikul_Delivery_Boy_App_installation-activate-plugin

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

    webkul-woocommerce-mobile-app-banner-li8st

    Hence, from the admin dashboard, the admin can navigate to Mobikul, here the admin can manage the-

    Banners

    From the Banner Image section, the admin can manage or add new banner images for the Mobikul WooCommerce Mobile App. The admin can even manage the images in bulk to move the images in the trash.

    So, the admin can click on the edit button to edit the existing image.

    webkul-woocommerce-mobile-app-banner-li8st

    Now, by clicking on the Add Image button the admin can add the Banner Images as shown in the image below-

    webkul-woocommerce-mobile-app-edit-banner

    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.

    Carousels

    The application also consists of attractive carousels of products and categories. So, the admin can click on the Carousel tab under the admin panel to check the carousel list.

    webkul-woocommerce-mobile-app-carousal-list

    To add the new carousel the admin will click on the Add Carousel button. After that, the following form will appear including the title, type, product/ category, and status.

    Finally, the admin will save it to display it to the mobile application.

    webkul-woocommerce-mobile-app-edit-caraousal

    Featured Products

    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.

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

    webkul-woocommerce-mobile-app-featured-category-list

    Now after clicking on the Add Featured Product, the admin can add more featured product as shown in the image-

    featured product information

    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 Categories

    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 –

    webkul-woocommerce-mobile-app-featured-category-list

    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-

    webkul-woocommerce-mobile-app-edit-featured-category-list

    Notifications

    The admin can manage the notification or create more notification to send on the mobile through the app. Thus, the admin can manage the existing notification or click on Add Notification to add more notification.

    Also, for each notification, their buttons will be available to edit, trash, and Send notifications.

    webkul-woocommerce-mobile-app-notification-list

    The admin will send the notification by clicking on the Send Notification Button for any specific notification. Hence, this will send notifications to all the customers using the mobile application.

    Hence, to make the notification sending process more relevant and seamless,  Firebase Cloud Messaging is used here with all the proximity.

    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-

    webkul-woocommerce-mobile-app-builder-notification-detail

    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.

    External Links

    Thus, under this, the admin can create the External Links to manage the CMS pages.

    For this, the admin will simply enter the Title of the CMS page and the and the link on which the button will be redirected on a click.

    webkul-woocommerce-mobile-app-builder-external-link

    Home page view

    Mobikul WooCommerce Mobile App has a fully interactive and user-friendly homepage. The homepage includes Home, list, search, and account in the bottom navigation bar.
    So, the Admin can add more slider on the front page. The customer can see the featured products, new products from the home page of the app.

    mockup-15
    mockup

    Search View:

    From the bottom of the navigation bar, the customer can search the product with the keywords. Search suggestions would appear after typing the keyword in the search bar.

    mockup-2

    Product View And Order Product

    Product View – After clicking on a product, the customer can see the product page. So, a customer can buy the product, can see the description, specification, and reviews of the product here.

    mockup-3
    mockup-4

    Add a product to the Cart

    After click on “Add to Cart” button, the product will be added to the cart of the customer. Now the customer can check out for their purchase or continue their shopping.

    mockup-5

    Description and Specification:

    The customer can see the description and the specification of the product under the product page.

    mockup-6

    Buy Now:

    In buy now section the customer can update their cart and can apply the discount coupons. Thus, after clicking on the continue shopping button, the customer can go directly to the homepage for continuing their shopping.

    mockup-53

    Shipping and Payment Method:

    After click on the proceed button, the customer will be redirected to the shipping page. So, the customer can select the shipping method and process for the payment method to complete the order.

    mockup-55
    mockup-56

    Order Summary:

    Hereafter place the order successfully, the customer will get their order details as follows.

    In this page, the customer will see the complete order details like their billing time, date, payment method, shipping price, product price, and product information.

    mockup-57

    Customer Authentication:

    If the customer does not log in to their account(when creating an order), then ask for Sign-up, Sign-in, or Continue as a guest.

    mockup-7

    Category View

    List Item:

    From the bottom navigation, the customer will see the categories of the store. Where they can see the product by category wise. Also, the customer can sort the product according to their needs.

    mockup-8
    mockup-9

    Grid View and List View:

    After click on the category customer can see the product of that category. Also, the customer can see the product in Grid view and List view both.

    mockup-10

    Sign-in and Sign-up

    After clicking on the account in the bottom navigation bar, an account dashboard will open. Where the customer can see the sign-in and register button. After clicking on them they can access their accounts.

    mockup-11

    Easy Sign Up and Sign In:

    Customer needs to enter the email address and password for the sign up to their account. So, a customer can log in with the email address and password to their account.

    mockup-12
    mockup-13

    Password Reset:

    A customer can reset the password through the app. The customer needs to click on the “Lost your Password” link on the sign-in page.

    So, the customer can enter the registered email address and follow the instructions to reset the password.

    mockup-14

    Profile View

    My Account:

    From the bottom navigation bar, a signed-in customer can see the information. So, the customer can see orders, addresses, account details, even the customer can log-out from here.

    mockup-15-1

    Change in Address:

    The customer can change their shipping address and billing address through the app.

    mockup-58
    mockup-59

    Log-out: 

    After click on the sign out button, a popup will show there for confirmation of sign out.

    mockup-16

    CMS Page View

    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.

    Hence, following mentioned fields will get redirected to the links added by the admin in the backend.

    mockup-17

    My Orders

    Order Page:

    So, the customer can see their orders in my order tab. A customer can also pay for their failed order transaction.

    mockup-18

    Product Review

    Under this section, the customer can write a review of the product from here. Thus, the customer can rate the product in terms of the star.

    mockup-19
    mockup-20

    Delete Accounts

    For deleting the existing account navigate to the path MyAccount>Delete Account and click on delete account.

    mockup-60

    mockup-62

    mockup-63

    mockup-64

    mockup-65

    For any kind of technical assistance, just raise a ticket athere and for any doubt contact us at [email protected] 

    Current Product Version - 2.6

    Supported Framework Version - WordPress-5.3.x, WooCommerce-3.0.x,3.1.x,3.2.x,3.3.x,3.4.x,3.5.x,3.6.x,3.7.x & 3.8.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    18 comments

  • Matt
    Does this 250$ package already include Midtrans payment gateway from Woocommerce website plugin? And will I be able to select template? Can this app work alongside with YITH plugins?
    • Goldy Bhargava (Moderator)
      Hi Matt,

      We provide one free payment integration (that payment gateway should be working on your live website) in the mobile app as if you’re having the Midtrans payment gateway live on your website we will definitely going to integrate it. For any further query please contact us at [email protected] with your complete requirement so that we can assist you accordingly.

  • Matt
    Can I integrate Midtrans payment gateway and woo subscription here? Is there any plugin available already for this app builder?
    • Goldy Bhargava (Moderator)
      Hi Matt,

      In order to know regarding the mentioned integration features with this application, Kindly revert us at [email protected].

      Thanks

  • Tony
    Is it possible to integrate payment gateway plugins on my woocommerce site with mobile app?
    • Rajan Dimri (Moderator)
      Hello there,
      We provide one free payment integration (that payment gateway should be working on your live website) in the mobile app. For any further query please contact us at [email protected] with your complete requirement so that we can assist you accordingly.

      Thanks!

  • Tony
    Is it possible to buy source code at a later date?
    • Goldy Bhargava (Moderator)
      Hi Tony,

      You can buy the source code for the mobile application later as well for further information you can revert us at [email protected].

      Thanks

  • Karl
    HI Team

    Can I confirm do I need to setup an Android / iTunes developer account and then use your SDK code on import to then edit the source code to my requirements.

    • Sushil K Saini (Moderator)
      Hello Karl,

      If you want to do modifications in the Source code at your end then you need to have firstly Android Studio (IDE) and Xcode (IDE) respectively for Android and iOS.

      To deploy the codes or Apps(to live), you need to have Google Store and Apple Store Accounts.

      For iOS, it’s recommended to have a developer account as well. For more queries, please write to us at [email protected]

  • Mike
    What is the difference between Mobikul app builder and Mobikul multi-vendor mobile app based on this page:

    https://mobikul.com/marketplace/

    they seems to be mixing into 1 product suite but yet have 2 different prices?

    • Zeba Hakim (Moderator)
      Hello Mike,

      Thanks For The Query!

      Mobikul Mobile App Builder is meant for using the default functionality of the platform. Here the store owner will be dealing with their product and service which the customer can purchase from the app.

      However, the Mobikul Multi-vendor mobile app will be dealing with multiple sellers and the customer can purchase the product in the app of various sellers.

      For more details on the query refer here.
      Regards.
      Mobikul Support.

  • vijay
    In this source code support android studio IDE to make changes if we need cause i have my own woo commerce website
    • Zeba Hakim (Moderator)
      Hello Vijay,
      Yes, the source code supports the Android Studio IDE. However, to edit the code you need to have Node.js installed in your system.
      For further more details on Mobikul Mobile App Builder for WooCommerce you can share it on [email protected].
  • vicky
    Does this support all woocommerce supported plugins extension to enhance its features and does it allow app customization to change app colors and all etc
    • Zeba Hakim (Moderator)
      Hello Vicky,
      Yes, it supports all the Woocommerce extension via API integration, which will be customized in the app. For color selection, we will allow you to share the required color theme at the time of the Pre-Requisite collection.
  • Rahul Patwa
    Can we add more Categories to Home page?
    Also, what about Custom Tabs? Are they displayed on the Products page?
    Last, is it possible to change the icons inside the apps?
    • Zeba Hakim (Moderator)
      Hello Rahul,

      Thanks For showing interest!
      1- Can we add more Categories to Home page?
      Yes, more categories can be added to the homepage of the app from the Mobikul tab.
      2-Also, what about Custom Tabs? Are they displayed on the Products page?
      The Custom Tabs in product page can be customized for you. For that, kindly update us the complete requirement on http://webkul.uvdesk.com
      3-Last, is it possible to change the icons inside the apps?
      Category icon can be added easily by you from the Mobikul tab in the admin panel. However, if you are referring to the app icon or launcher icon then it can be done from code end which you will provide in the Pre-Requisite.

  • 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