Menu Close
    Hire us Request quote Reading list Switch to dark mode

    Magento 2 Hybrid Mobile App

    Introduction

    Now you can convert your Magento e-commerce store into a hybrid mobile app and deliver a combination of both native app and web app experience to your customers.

    Magento 2 Hybrid Mobile App uses your existing website theme and can be downloaded from the Google Play Store and Apple App Store easily. All the Magento storefront features and functionalities are available in the hybrid mobile app.

    Please Note:

    • Your existing Magento 2 website must be using a responsive theme
    • All the Magento 2 Hybrid Mobile App features and elements will vary and depend on the website theme
    • For more information about the hybrid mobile app, please visit – https://webkul.com/blog/magento2-native-app-hybrid/

    Features

    • Easiest and the fastest way to make an app for your e-commerce store
    • Existing website theme is integrated into the mobile app
    • All the payment gateways and shipping methods are available
    • Apps can be published on Google Play Store and Apple App Store
    • Push notifications are supported (*Add-on)
    • Magento 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
    • Mobile app source code is available (Purchased Separately)
    • Magento 2 Hybrid Mobile App is fully customizable as per your requirements

    *All Add-ons comes under paid customization features.

    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 iTunes account. You can get the APK and IPA files once the apps are developed completely.

    webkul-magento2-hybrid-mobile-app-published-google-play

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

    Splash Screen & Homescreen

    Once the customer downloads the app and launches it, the welcome splash screen is visible as below. The splash screen is an image that will show for a set time when the app is starting.

    After that, the customer is redirected to the app home screen. This feature is very useful for showing the branding icon/logo of your business before showing the content of the app.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Left Menu Drawer

    For navigating through various options of the e-commerce store, a customer can use the Left Menu Drawer. In the Menu section, all the categories and sub-categories are there.

    While in the Account section, the customer can Sign In or Create an Account on the e-commerce store, within the app!

    Please note – The Left Menu Drawer feature will be dependent and may vary as per the website theme you are using.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Easy Sign In & Register

    A customer can easily login to the store by entering email and password. Further, create a new account by entering very few details (first & last names, email, password) and start shopping.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Manage My Account

    After signing in, the customer can go to My Account section and manage – account information, orders, downloadable products, wishlist, address book, stored payment methods, billing agreements, product reviews, and subscriptions.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Address Book

    From My Account>Address Book, the customer can manage the default billing address and shipping address. Multiple addresses can be saved and edited, plus everything is synchronized everywhere.

    All the changes will be updated in the customer account, whether browsing it from the e-commerce website or hybrid mobile app.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Category Page

    From the category page, the customer can view multiple products including images, price, review, and ratings. Sorting option is available for showing products according to name (alphabetically), position, and price.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Shopping Options – Advanced Layered Navigation

    For filtering and finding the products quickly, the customers can use the Shopping Options feature. Using, this, products can be filtered according to various attributes as configured under Advanced Layered Navigation setting.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    A customer can filter the products based on the color options available and view filtered products according to price range.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Product Page

    On the product page, detailed information about the product is visible. A customer can view multiple images of a product, read reviews, add the item to wishlist, and select available options to purchase.

    Magento 2 Hybrid Mobile App works with all the product types – simple, configurable, downloadable, virtual, bundle, and grouped.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Search Page

    For quickly finding the products from the catalog, the customer can use the search box and type a name or, word or phrase that describes the product. The results will start appearing that matches the search query.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    My Wishlist

    While on a product page, the customer can add the product to wishlist and buy it later. Multiple products can be added to the wishlist and can be shared with friends as well.

    For viewing the wishlist, the customer can navigate to Left Menu Drawer and then go to My Account>My Wishlist.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Shopping Cart

    The shopping cart icon is available on the top right corner. After adding the products to the shopping cart, the customer can check the product details, quantity, and estimate the shipping & tax amount.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Checkout Process

    The complete checkout process can be performed on the mobile app. First, the customer needs to select the shipping address for the product delivery.

    After that, various shipping methods will be visible, both types are supported – basic and third-party carrier based. Real-time freight rates are fetched from the shipping carriers website via API.

    Note – All the shipping methods that are available on the Magento web store will be visible on the mobile app as well. No separate module/integration work is required.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Magento 2 Hybrid Mobile App supports varieties of payment methods – both offline (eg. cash on delivery, check, bank transfer) and online gateways (PayPal, Stripe, PayTabs, PayU, etc.)

    Note – All the payment methods that are available on the Magento web store will be visible on the mobile app as well. No separate module/integration work is required.

    Magento 2 Hybrid Mobile App is designed to support PCI DSS (Payment Card Industry Data Security Standard) Compliance to accept, process, and transmit cardholder’s data in a secure environment.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Once the payment is settled or confirmed, the order can be placed successfully. The customer can continue shopping or view order details by clicking on the order number generated.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

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

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Product Review

    The customers can share their shopping experience and comment about the product purchased by submitting a review. Ratings on a scale of five stars, summary, and product review become visible after the admin moderation.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    Support

    Thank you for reading this documentation. Please note, this user guide is based on default Magento Luma theme. All the Magento store features will vary and depend on your custom theme installed on the website.

    Further, if you have any issue, please create a support ticket – https://webkul.uvdesk.com/en/customer/create-ticket/

    Also, for Magento 2 Hybrid Mobile App queries and customization discussions please write an email to support@webkul.com

    Current Product Version - 1.0.0

    Supported Framework Version - Magento2.0.x, 2.1.x, 2.2.x

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just received your message and our expert will get back to you shortly.
    Send Again
    Close

    Table of Content

    Hide Index