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.
- 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 –
- 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 –
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
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.
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.
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.
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.
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.
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.
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.
A customer can filter the products on the basis of the color options available and view the products according to price range.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
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