Reading list Switch to dark mode

    Magento 2 Hybrid Mobile App

    Updated 11 May 2022

    Introduction

    You can convert your Magento 2 eCommerce store into a hybrid mobile app and deliver a combination of both native app and web app experience to your customers.

    Adobe Commerce  Hybrid Mobile App uses your existing website theme and the user can download it 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 Adobe Commerce Cloud 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.
    • Also, for more information about the hybrid mobile app, you can click here.

    Check out the workflow & the mobile end view of the Hybrid App itself –

    j09fbaBCMfA

    Features

    • Easiest and the fastest way to make an app for your e-commerce store.
    • Integrate the existing website theme into the mobile app.
    • All the payment gateways and shipping methods are available.
    • Supports Push notifications (*Add-on).
    • Adobe Commerce 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).
    • Adobe Commerce Cloud Hybrid Mobile App is fully customizable as per your requirements.
    • Apps can publish on Google Play Store and Apple App Store.

    Important Note –

    Searching for an experienced
    Magento 2 Company ?
    Find out More
    • Apple usually rejects the mobile application that offers the website like experience to the users. It is advisable that your application should have a very mobile-friendly experience (mobile themes).
    • Also, you can have an enterprise apple account to host your application privately and that will not visible on the apple app store.
    • All Add-ons come under paid customization features.

    Publish on Google Play & Apple App Store

    After receiving the prerequisite information, your eCommerce hybrid mobile apps will instantly develop. Also, you can get the APK and IPA files once the apps get developed.

    You can publish your mobile apps from your own account on Google Play and Apple iTunes account.

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

    Further, 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, it redirects the customer 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

    Moreover, 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 is 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 log in 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, 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. The customer can save and edit multiple addresses, plus everything gets synchronize everywhere.

    All the changes get 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 the customer can filter the products according to various attributes as configured under the Advanced Layered Navigation setting.

    Magento 2 Hybrid Mobile AppMagento 2 Hybrid Mobile App

    A customer can filter the products on the basis of the color options available and view the 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 the 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 match 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 the wishlist and buy it later. Also, the customer can add multiple products into the wishlist and can share it 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 done on the mobile app. First, the customer needs to select the shipping address for product delivery.

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

    Note – All the shipping methods that are available on the Adobe Commerce web store gets 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 Adobe Commerce Cloud web store gets visible on the mobile app as well. No separate module/integration work is required.

    Adobe Commerce 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 gets placed successfully. The customer can continue shopping or view order details by clicking on the generated order number.

    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 on 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

    Thus, that is all for this documentation. Please note, that this user guide is based on the default Adobe Commerce Cloud Luma theme. All the Magento store features will vary and depend on your custom theme that is installed on the website.

    Further, if you have any issues, please create support ticket. Also, for Adobe Commerce Hybrid Mobile App queries and customization discussions please send an email.

    Customize and extend your online store functionality with our top-quality Adobe Commerce Magento 2 extensions, marketplace add-ons, connectors, and mobile apps.

    Current Product Version - 1.0.0

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.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