Reading list Switch to dark mode

    Hybrid Mobile App for WooCommerce

    Updated 26 October 2023


    Hybrid apps are the revolution in the app industry. Hybrid Mobile App for WooCommerce will convert the website on default Woocommerce to a hybrid app.

    It uses the theme of the website and could be downloaded from Google Play Store and Apple Store.

    The app provides the customer view of the website. The app will allow the customer to shop for the products from an app that will operate on the smart devices in their hand.

    We have used flutter technology to build this app. So that the single code base can run both apps (Android & IOS).

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

    Searching for an experienced
    Woocommerce Company ?
    Find out More

    Check the overview of the Hybrid mobile app –



    • Quick creation of the apps which are much more efficient.
    • A consistent theme of the website and the mobile app enables easy navigation.
    • Supports social login (*Add-on)
    • Push notifications are supported (*Add-on)
    • OTP (One-Time-Password) verification available (*Add-on).(For OTP feature in-app it needs to be enabled on the web-end).
    • WooCommerce storefront customizations & features are also available in the app.
    • Supports various mobile devices and tablets.
    • Real-time synchronization with the web store – products, categories, orders, customers, etc.
    • Multi-lingual compatible including Arabic RTL.
    • The mobile app source code is available (Purchased Separately)
    • WooCommerce Hybrid Mobile App is fully customizable as per your requirements

    *All Add-ons come under paid customization features.


    • Your website theme should also be responsive.
    • The pages here are as per your default Woocommerce store which changes as per the website.


    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.


    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.


    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.


    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.


    Publish On Google Play & Apple App Store

    After receiving the prerequisite information, your e-commerce hybrid mobile apps will be instantly developed and will be published on Google Play Store and Apple App Store.

    You can publish your mobile apps either from your own account or choose Webkul’s Google Play and Apple App Store account. So, you can get the APK and IPA files post development of the app.


    Now, let us walk through the Woocommerce Hybrid Mobile App and see all the features and functionalities it has.

    Homescreen- Shop Page

    The homepage of the application opens up after the splash screen. The homepage comprises a list of products, Menu Option, Sorting Option, Profile Detail Option, Search option, and Cart.

    The customer can purchase the product for this section by clicking on ‘Add To Cart’.



    The customer can click on a product to view details of that particular product. Through product page, the customer can get Add to cart option, and Edit the quantity of product.


    My Account Page

    This section comprises the information of the app user for easy information saving and utilization in the longer run.

    Registration/ Login

    The customer can register or sign in to the application using this page. They just need to enter their e-mail address in order to register in the application as per the default Woocommerce configuration.

    Here the password is sent to the respective customer’s e-mail address. The customer can modify the password later on.

    The customer can even login the application from this section once they are registered. Here, for that, they just need to enter the username and password related to the account.


    Once Logged-in the account page is updated with multiple options-

    • Dashboard
    • Orders
    • Downloads
    • Addresses
    • Account details
    • Logout


    This section is meant to display information related to the account likewise the recent orders, shipping, and billing address detail and other account holder related functionalities.


    However, the admin can set this section as per requirement.


    From the My Account>My Orders section, the customer can view all the orders placed. For viewing detailed information about the items ordered, billing and shipping details, View Order link is there.



    This will display a list of downloadable products which the customer has bought. Hence, allowing the user to easily download the product from this section.



    From the My Account>Addresses section, the customer can add the Shipping and Billing addresses which could help them for easy checkout.


    Account Details-

    This section contains details of the account holder, that is –

    • First and Last name.
    • Display name.
    • Email address.
    • Password change- This helps the customer to update the password as per requirement.

    The customer can click on the Navigation button to open up the menu section. Hence, enabling an easy navigation for the customer.  This section mainly comprises of- Home, Cart, Checkout, My Account and Upcoming Event options.



    The customer can simply select the desired products and add them to cart which will appear in this section that is Menu> Cart. However, we are having an additional button of the cart on the Menu Bar.



    After adding the product to the cart. The customer can move to the checkout process where the customer can select Payment and Shipping Method.

    Note- The app supports all the major shipping methods and payment gateways, to check the list refer here-

    Note – All the payment methods that are available on the Woocommerce web store will be visible on the mobile app as well.Hence avoiding the requirement of separate module/integration work.

    Note – All the shipping methods that are available on the Woocommerce web store will be visible on the mobile app as well. Hence avoiding the requirement of separate module/integration work.


    In Order to find the product quickly the menu bar has an option search which saves the customer time to look for the desired product in the complete application.


    Thus, the user can optimize the work on the app.


    Thank you for reading this documentation for the plugin. If you have any issues, please create a support ticket –

    For further queries and customization discussions, please send an email to [email protected]

    Current Product Version - 1.0.1

    Supported Framework Version - WooCommerce 3.0.x, 3.1.x, 3.2.x, 3.3.x, 3.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