Read More
Read More
Menu Close

    Hybrid Mobile App for WooCommerce

    Introduction

    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.

    The hybrid app is much more advanced as compared to the other form of apps. This is because of the fact that they use features for native and web apps.

    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 ?
    Read More

    Check the overview of the Hybrid mobile app –

    ubGZy9wuwG4

    Features

    • 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.

    Note-

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

    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

    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.

    play_store

    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’.

    shopproduct

    Product

    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.

    product_pageadd_to_cart

    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.

    loginregister

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

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

    Dashboard-

    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.

    logout

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

    Orders-

    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.

    order

    Downloads-

    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.

    download

    Addresses-

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

    address

    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.
    customer_detailspassword_changes

    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.

    categories

    Cart

    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.

    cartcart

    Checkout

    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.

    checkoutdetails
    informationplace_order

    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.

    search

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

    Support

    Thank you for reading this documentation. If you have any issue, please create a support ticket – https://webkul.uvdesk.com/en/customer/create-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

    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    Be the first to comment.

    Back to Top

    Table of Content