{"id":485464,"date":"2025-03-20T07:54:14","date_gmt":"2025-03-20T07:54:14","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=485464"},"modified":"2025-09-19T08:55:21","modified_gmt":"2025-09-19T08:55:21","slug":"magento-2-react-native-mobile-app-guide","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/","title":{"rendered":"User Guide For Magento 2 React Native Mobile App Builder"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/magento-2-react-native-mobile-app.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 React Native Mobile App Builder<\/a> transforms your Magento 2 store into a React Native app, allowing shopping on Android and iOS smartphones.<\/p>\n\n\n\n<p>Magento 2 Mobile App&#8217;s features are very similar to your normal Magento. We have replicated all the features and functionality of the basic Magento 2(Adobe Commerce).<\/p>\n\n\n\n<p>Moreover, your buyers will not have to bother about complex functionality because they can find things at their fingertips.<\/p>\n\n\n\n<p>So, this is a <a href=\"https:\/\/mobikul.com\/ecommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">readymade app<\/a> that can be use by the store owner to increase their sales and access from anywhere and anytime.<\/p>\n\n\n\n<p>Further, this technique can help a lot to increase the sales of the store.<\/p>\n\n\n\n<p>Magento 2 mobile app with source code significantly boosts your eCommerce store\u2019s competitive edge by enhancing user engagement and seamless accessibility.<\/p>\n\n\n\n<p>The best mobile application, powered by <a href=\"https:\/\/store.webkul.com\/magento2-mobile-app.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 mobile app<\/a> source code, can help you create a competitive environment, offering enhanced features and a seamless user experience for your customers.<\/p>\n\n\n\n<p>The React native Mobile App for your Magento2(Adobe Commerce) store must have all the essential features and functionalities.<\/p>\n\n\n\n<p>It should work perfectly according to your business needs &amp; strategy.<\/p>\n\n\n\n<p>Also, you need to take care of the technology that is used to create the mobile application so that you do not face any performance issues.<\/p>\n\n\n\n<p><a href=\"https:\/\/mobikul.com\" target=\"_blank\" rel=\"noreferrer noopener\">Mobikul<\/a> does this work for you so that you can engage your customers over the mobile platform.<\/p>\n\n\n\n<p>The mobile platform has a huge role in engaging your customers in your mobile store.<\/p>\n\n\n\n<p>Mobikul Mobile App supports the feature <a href=\"https:\/\/mobikul.com\/benefits-push-notifications-store-owner\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>Push Notification<\/em><\/strong><\/a> which is an essential feature of the mobile application.<\/p>\n\n\n\n<p>It helps to increase the customers\u2019 engagement with the mobile store.<\/p>\n\n\n\n<p>Note &#8211; Use Mobikul app features on Android smartwatches with the help of the <a href=\"https:\/\/webkul.com\/blog\/magento2-watch-app-documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Watch App<\/a>.&nbsp;<\/p>\n\n\n\n<p>You can also go through the below video to check the functionality,<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"fL0bVGTosFg\"><div class=\"components-placeholder__instructions\">fL0bVGTosFg<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>All Product Types Supported\n<ul class=\"wp-block-list\">\n<li>Simple product<\/li>\n\n\n\n<li>Grouped product<\/li>\n\n\n\n<li>Bundled product<\/li>\n\n\n\n<li>Configurable product<\/li>\n\n\n\n<li>Virtual product<\/li>\n\n\n\n<li>Downloadable product<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>In Addition to the above products, the app supports <a href=\"https:\/\/webkul.com\/blog\/mobikul-mobile-app-builder-for-magento2-augmented-reality\/\" target=\"_blank\" rel=\"noreferrer noopener\">AR Products<\/a> also.<\/li>\n<\/ul>\n\n\n\n<p><em><strong>Note-<\/strong> Here for iOS, the AR-products are support in the application as well as the Safari web browser.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Interactive banner.<\/li>\n\n\n\n<li>Featured Product carousel.<\/li>\n\n\n\n<li>New product carousel.<\/li>\n\n\n\n<li>Hot deals.<\/li>\n\n\n\n<li>Provides the customers with layered navigation for optimized search.<\/li>\n\n\n\n<li>Informative and interactive shopping app with a fast and intuitive response.<\/li>\n\n\n\n<li>Supports default Magento 2 shipping methods.<\/li>\n\n\n\n<li>Supports ordering via phone, cash on delivery, money order, and personal cheque as payment methods.<\/li>\n\n\n\n<li>Well configured and easy to use at the admin end.<\/li>\n\n\n\n<li>The app supports Machine Learning to search for the product in a smarter way.<\/li>\n\n\n\n<li>The app has support for AI-based features like- <strong><a href=\"https:\/\/webkul.com\/blog\/mobikul-mobile-app-builder-for-magento2-augmented-reality\/\" target=\"_blank\" rel=\"noreferrer noopener\">AR Product Visualisation.<\/a><\/strong><\/li>\n\n\n\n<li>The app also gives support to the AI feature-Augmented Reality- <strong><a href=\"https:\/\/webkul.com\/blog\/mobikul-mobile-app-builder-for-magento2-augmented-reality\/\" target=\"_blank\" rel=\"noreferrer noopener\">Size Calculation(only iOS).<\/a><\/strong><\/li>\n\n\n\n<li>A full React native application built on Javascript.<\/li>\n\n\n\n<li>The app supports GDPR to protect and control the data of the app user.<\/li>\n\n\n\n<li>Login through Finger Print.<\/li>\n\n\n\n<li>Show Related Products.<\/li>\n\n\n\n<li>Next\/Previous Product View on product page.<\/li>\n\n\n\n<li>Product search through voice.<\/li>\n\n\n\n<li>Mobile &amp; Tablet support.<\/li>\n\n\n\n<li>Easy and Simple Checkout Process.<\/li>\n\n\n\n<li>Customers can purchase all types of products.<\/li>\n\n\n\n<li>Support for Multiple Currencies.<\/li>\n\n\n\n<li>Order tracking by Notification.<\/li>\n\n\n\n<li>Social Login (*)<\/li>\n\n\n\n<li>Mobile Number Login (*)<\/li>\n\n\n\n<li>One Time Password Login (*)<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Additional Features<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Real time synchronization.<\/li>\n\n\n\n<li>Offline Mode support.<\/li>\n\n\n\n<li>Payment methods such as Cash on Delivery, Money Order and personal cheque is supported.<\/li>\n\n\n\n<li><a href=\"https:\/\/mobikul.com\/features\/barcode-product-search\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Product Search Via Barcode Scanning<\/strong>.<\/a> (paid)<\/li>\n\n\n\n<li>The admin can manage the Home Layout Configuration dynamically like App Theme colour, App icon, Select launcher icon type, Splash Screen image.<\/li>\n\n\n\n<li>Home page Layout&nbsp; (Featured Category and Banner view), and Categories View.<\/li>\n\n\n\n<li>The admin can also add the walkthrough for making the application look more fascinating.&nbsp;<\/li>\n\n\n\n<li>Catalog API caching with Magento default cache.<\/li>\n\n\n\n<li>GraphQL APIs&nbsp; implemented in the mobile app.<\/li>\n\n\n\n<li>Admin can manage the configuration setting like Admin Name,Admin Email-id,Global Commission Rate,Deduct Discount Amount From and Allow Seller to Manage Orders,<\/li>\n\n\n\n<li>Some more options are Move Product Tax to Seller Account, Seller Approval Required, Set Captcha Enable, Allow Seller For Google Analytic<\/li>\n\n\n\n<li>Fulfilment Image,Fulfilment Label,Fulfilment Text.<\/li>\n\n\n\n<li>At admin configuration Seller Dashboard Layout settings are Allow Seller seperate dashboard and Seller dashboard logo image .<\/li>\n\n\n\n<li>Under seller Flag option are Enable,Text,Guests Can Flag, Reason,Accept Other Reasons and other Field&#8217;s Placeholder.<\/li>\n\n\n\n<li>Admin can manage Seller Product&#8217;s Settings like Attribute Set ID,Product Approval Required, Product Update Approval Required.<\/li>\n\n\n\n<li>Allow Category tree view like admin product category tree,allowed categories for seller to add products, product type for seller.<\/li>\n\n\n\n<li>some more option are Allow seller to add products with sku type,Allow Seller to Add Related Products,Allow Seller to Add Up-Sell Products,Allow Seller to Add Cross-Sell Products.<\/li>\n\n\n\n<li>Under configuration more option are Allow Seller to Add Limit on Product Purchase for Customer and Allowed Product Qty on Product Purchase for Customer<\/li>\n\n\n\n<li>Under Seller App Settings admin need to set the Seller App enabled.<\/li>\n\n\n\n<li>admin can set the Product Flags like Enable, Text, Guests can Flag, Reason, Accept other Reasons.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Enhanced Feature<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Seller Order&#8217;s Settings like Order Approval Required in Yes or No option.<\/li>\n\n\n\n<li>Minimum Order Amount Settings contains option Enable.<\/li>\n\n\n\n<li>Inventory Settings option like Low Stock Quantity.<\/li>\n\n\n\n<li>Admin can set the Seller Profile Page Settings like Display Seller Profile,Banner Image,<\/li>\n\n\n\n<li>Seller Profile Layout,Seller Information Display Card Type,Enable Color Picker .<\/li>\n\n\n\n<li>Seller Policies Enable at frontend,Rewrite Seller&#8217;s Shop URL,Allow to automatic create seller public url on seller registration,Allow to show featured sellers.<\/li>\n\n\n\n<li>Admin can set Marketplace Seller Review Settings,Landing Page Settings,Seller Layered Navigation,Seller&#8217;s Sitemap Setting,<\/li>\n\n\n\n<li>Marketplace Product Page Fields Hints,Marketplace Profile Page Fields Hints and Marketplace Transactional Emails.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Extra Features Includes<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Admin can set Seller Order&#8217;s Settings that is Order Approval Required.<\/li>\n\n\n\n<li>Minimum Order Amount Settings are set by the admin.<\/li>\n\n\n\n<li>Admin can set the Inventory Settings like Low Stock Quantity.<\/li>\n\n\n\n<li>Admin can set the Seller Profile Page Settings like Display Seller Profile, Banner Image, Seller Profile Layout, Seller Information Display Card Type.<\/li>\n\n\n\n<li>Enable Color Picker, Seller Policies Enable at frontend, Rewrite Seller&#8217;s Shop URL.<\/li>\n\n\n\n<li>Allow to automatic create seller public url on seller registration and allow to show featured sellers.<\/li>\n\n\n\n<li>Marketplace Seller Review Settings contains the option Make a Review on only order Purchase.<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:&nbsp;<\/strong>The features with Asterix mark (*) are the paid features.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Some Technical Aspects<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Time Critical services like Push notifications, and alerts.<\/li>\n\n\n\n<li>Easy \u2018Sharing of Products\u2019 through various platforms like Whatsapp, Fb, Twitter, etc.<\/li>\n\n\n\n<li>Ease of use with \u2018Attractive and Convenient UX\u2019.<\/li>\n\n\n\n<li>Application frameworks or Operating systems, which it supports are \u2018Android and Apple platforms\u2019.<\/li>\n\n\n\n<li>Provision of \u2018Synced carts or Cross-Platform carts\u2019 for a seamless experience to browse on one platform and purchase from another.<br>Along with it provides an ease to shoppers as stored customer data doesn\u2019t have to enter again, like delivery address and billing details, etc.<\/li>\n\n\n\n<li>Supports \u2018Multiple trustworthy Payment methods\u2019 like Paypal, MangoPay, Stripe, WePay, Credit Cards, Cash on Delivery, etc.<\/li>\n\n\n\n<li>Providing Layered Navigation for filtering the products on various attributes.<\/li>\n\n\n\n<li>Interactive Front-end Panel for the stores.<\/li>\n\n\n\n<li>An additional feature provides Multiple Store Views in which the store can be customize to view in Different languages.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation Procedure<\/h3>\n<\/div><\/div>\n\n\n\n<p>The installation is quite simple just like the standard&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 extensions<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#Upload Folder<\/h3>\n\n\n\n<p>Once the module zip extracts, follow path src&gt;app and then copy the app folder into the Magento 2 root directory on the server as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"346\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp\" alt=\"root directory\" class=\"wp-image-441450\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1-300x87.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1-250x72.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1-768x221.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"># Run Commands<\/h3>\n\n\n\n<p>You need to run the following commands:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">composer require google\/auth<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento cache:flush<\/pre>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Language Translation<\/h3>\n<\/div><\/div>\n\n\n\n<p>For translating the module language, navigate through&nbsp;<strong>src\/app\/code\/Webkul\/MobikulCore\/i18n<\/strong>&nbsp;and edit the en_US.csv file.<\/p>\n\n\n\n<p>Thereafter, rename the CSV as \u201cen_SA.csv\u201d and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"293\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/i18folder-transfer-i18-language-file.webp\" alt=\"i18-translation-file-copy\" class=\"wp-image-432347\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/i18folder-transfer-i18-language-file.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/i18folder-transfer-i18-language-file-300x73.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/i18folder-transfer-i18-language-file-250x61.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/i18folder-transfer-i18-language-file-768x188.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, upload it to the path&nbsp;<strong>src\/app\/code\/Webkul\/MobikulCore\/i18n<\/strong>&nbsp;where the installation of Magento 2 is on the server.<\/p>\n\n\n\n<p>The module translates into the Arabic Language. It supports both RTL and LTR languages.<\/p>\n\n\n\n<p>The user can edit the CSV like the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1045\" height=\"831\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/i18.webp\" alt=\"i18 translation file \" class=\"wp-image-472448\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/i18.webp 1045w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/i18-300x239.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/i18-250x199.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/i18-768x611.webp 768w\" sizes=\"(max-width: 1045px) 100vw, 1045px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Initial &#8211;&nbsp; Admin Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can manage the Mobikul app from the backend in just a few simple set of steps.<\/p>\n\n\n\n<p>The app configuration is make by the app owner as per business requirement.<\/p>\n\n\n\n<p>The admin can amend the app as per the business requirement from Mobikul Configuration for this go to the&nbsp;<strong>Stores &gt; Configuration &gt; Mobikul<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/main.webp\" alt=\"main\n\" class=\"wp-image-469207\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/main.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/main-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/main-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/main-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Mobikul Basic Configuration<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>It includes the basic configuration regarding Mobikul\u2019s initial requirement. <\/p>\n\n\n\n<p>The admin can fill in details related to the app.<\/p>\n\n\n\n<p><strong>Navigation- Stores &gt; Settings &gt; Configuration &gt; Webkul &gt; Mobikul.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/backend.webp\" alt=\"configuration\" class=\"wp-image-470508\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/backend.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/backend-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/backend-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/backend-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Collection Page Size-<\/strong> As the label name of the field is self-explainable. Here you need to set the number of products that you want to display on the collection page of your Mobikul application at a time.<\/li>\n\n\n\n<li><strong>Enable random featured product in home page? \u2013&nbsp;<\/strong>If the field is set to \u201cYes\u201d then, the featured image displayed on your Mobikul application will be taken on a random basis.<\/li>\n<\/ul>\n\n\n\n<p><strong>Note-<\/strong>&nbsp;If the field is set to \u201cNo\u201d then, the admin needs to enable \u201c<strong>Is featured for Mobikul ?<\/strong>\u201d on the product page.<\/p>\n\n\n\n<p>So, for enabling any product to get in featured product display on the application homepage you need to navigate through the following path at your admin panel.<\/p>\n\n\n\n<p><strong>Navigation- Products &gt; Catalog &gt; Add Product \/ Edit<\/strong><img decoding=\"async\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/03\/isFeatured.png\" alt=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/03\/isFeatured.png\" loading=\"lazy\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Allowed CMS Pages-<\/strong> The admin can select the CMS pages which they wish to display in the frontend.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>FCM Push Notification Parameter<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>If an admin needs to setup push notification feature for your Mobikul mobile application then you must require this section\u2019s fields to be set up.<\/p>\n\n\n\n<p>So, please refer to our blog for learning more about:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/mobikul.com\/knowledgebase\/generating-google-service-file-enable-fcm-firebase-cloud-messaging-android-application\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Sending notification through your app (via Firebase console)<\/strong><\/a>. <img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/fcm.webp\" alt=\"fcm\" loading=\"lazy\"><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter the Firebase Project ID.<\/li>\n\n\n\n<li>Upload FCM Auth JSON File.<\/li>\n\n\n\n<li><strong>Android Topic<\/strong>: This will be used in sending the notification on a group basis on android devices.<\/li>\n<\/ul>\n\n\n\n<p>The topic name which you will provide in this field will be the name of the group. This will include all the mobile devices which have installed your application.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>iOS Topic:&nbsp;<\/strong>This will be used in sending the notification on a group basis on iOS devices.<\/li>\n<\/ul>\n\n\n\n<p>Meanwhile, the topic name which you will provide in this field will be the name of the group. This will include all the mobile devices which have installed your application.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Payment Methods<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>In the payment methods section, only offline default payment methods will be visible which Magento2 provides if enabled.<\/p>\n\n\n\n<p>Also the mobile application end selected will be visible between these payment methods.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"697\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/payment.webp\" alt=\"payment\" class=\"wp-image-469136\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/payment.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/payment-300x187.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/payment-250x156.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/payment-768x478.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Mobikul Catalog Search Configuration<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>Admin can also configure your Mobikul\u2019s mobile application&nbsp;<em><strong>SEARCH<\/strong><\/em>. You can configure your applications\u2019 search on the basis of products and tags.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Display Tags in Search:<\/strong>&nbsp;If you want you can display the tags in your Mobikul application\u2019s search&nbsp;result.<\/li>\n\n\n\n<li><strong>Number of Tags to display in Search:<\/strong>&nbsp;Here you will set the limit on the number of tags that will be displayed in the search result.<\/li>\n\n\n\n<li><strong>Display products in Search:<\/strong>&nbsp;If you want you can display the products in your Mobikul application\u2019s search&nbsp;result.<\/li>\n\n\n\n<li><strong>Number of Products to display in Search:<\/strong> Here you will set the limit on the number of products that will be displayed in the search result.<br><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/catalog.webp\" alt=\"payment\" loading=\"lazy\"><\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Application Download from Website<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>For better connectivity, the website and link can be inter-link by adding the app URL here. However, these could be modify as per requirement.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/03\/Application-Download-from-Website.png\" alt=\"https:\/\/mobikul.com\/wp-content\/uploads\/2019\/03\/Application-Download-from-Website.png\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the admin will enter the details as-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable android application download-<\/strong>&nbsp;The admin can set it, Yes to make the Android app link visible on the website.<\/li>\n\n\n\n<li><strong>Your application\u2019s, play store application link-<\/strong>&nbsp;The admin can specify the link of the play store.<\/li>\n\n\n\n<li><strong>Enable ios application download-<\/strong>&nbsp;The admin can set it, Yes to make the iOS app link visible on the website.<\/li>\n\n\n\n<li><strong>Your application\u2019s, app store application link-<\/strong>The admin can specify the link of the app store.<\/li>\n\n\n\n<li><strong>Enable Top link-<\/strong>&nbsp;This will make the app links visible on the website at the top.<\/li>\n\n\n\n<li><strong>Enable Bottom link-<\/strong>&nbsp;This will make the app links visible on the website at the bottom.<\/li>\n\n\n\n<li><strong>Choose Download link theme-<\/strong> The link of the apps will be visible on the lighter or darker theme.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"715\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename.webp\" alt=\"rename\" class=\"wp-image-469990\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename.webp 1600w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename-300x134.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename-1200x536.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename-250x112.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename-768x343.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename-1536x686.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename-604x270.webp 604w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mobikul Api Cache Settings<\/h3>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cache.webp\" alt=\"cache\" class=\"wp-image-469149\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cache.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cache-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cache-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cache-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the admin will &#8211;&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable the cache.<\/li>\n\n\n\n<li>Set the cache refresh rate.<\/li>\n\n\n\n<li>Clear the cache by tapping the respective button.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Home Layout Configuration&nbsp;<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can set the Home Layout as <strong>Layout One<\/strong> and<strong> Layout Two<\/strong> as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/layout.webp\" alt=\"layout\" class=\"wp-image-469317\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/layout.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/layout-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/layout-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/layout-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Frontend View&nbsp;<\/strong>&#8211; Layout One &amp; Two<\/h3>\n<\/div><\/div>\n\n\n\n\n<div class=\"wp-block-columns wk-bg-radial-gradient is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup.webp\" alt=\"image\" class=\"wp-image-486935\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-two.webp\" alt=\"image\" class=\"wp-image-486936\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-two.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-two-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-two-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-two-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">App Category View<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can also manage the category view.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1353\" height=\"537\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/app-category.webp\" alt=\"\napp-category\" class=\"wp-image-470003\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/app-category.webp 1353w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/app-category-300x119.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/app-category-1200x476.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/app-category-250x99.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/app-category-768x305.webp 768w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Two category views are provided in the demo: <strong>Default Category View<\/strong> and<strong> Tab Category View<\/strong>:<\/p>\n\n\n\n<p><strong>Default Category View<\/strong> <strong>&amp; Tab Category View<\/strong>:<\/p>\n\n\n\n\n<div class=\"wp-block-columns wk-bg-radial-gradient is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-one.webp\" alt=\"image\" class=\"wp-image-486937\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-one.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-one-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-one-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/mockup-one-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-4.webp\" alt=\"ge\" class=\"wp-image-486938\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-4.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-4-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-4-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-4-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Launcher Icon Configuration&nbsp;<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can also select the launcher icon. Further, the admin can manage the same from the admin panel:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/icon.webp\" alt=\"icon\" class=\"wp-image-469318\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/icon.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/icon-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/icon-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/icon-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>There are five types of launcher icons available as in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento2-mobile-app-launcher-icons.webp\" alt=\"admin can change launcher icons\" class=\"wp-image-477899\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento2-mobile-app-launcher-icons.webp 800w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento2-mobile-app-launcher-icons-300x225.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento2-mobile-app-launcher-icons-250x188.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento2-mobile-app-launcher-icons-768x576.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Dynamic Theme Management<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can also manage and configure the frontend appearance of multiple sections of the mobile app from the backend. The configurations that come under these sections are mention below.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Light Mode Theme Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can also manage the theme configuration when the mobile phone theme mode is set to light.<\/p>\n\n\n\n<p>For this, the admin needs to enter the details like <strong>App Button Color, App Theme Color, App Theme Text Color, App Button Text Color, Upload App Logo, <\/strong>and <strong>Upload Splash Image.<\/strong>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"938\" height=\"924\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-2.png\" alt=\"Configuration-Settings-Stores-Magento-Admin-2\" class=\"wp-image-284401\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-2.png 938w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-2-300x296.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-2-250x246.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-2-768x757.png 768w\" sizes=\"(max-width: 938px) 100vw, 938px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Frontend View on Light Mode<\/h3>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1.webp\" alt=\"mockup\" class=\"wp-image-470019\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Dark Mode Theme Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can also manage the theme configuration when the mobile phone theme mode is set to dark.<\/p>\n\n\n\n<p>For this, the admin needs to enter the details like <strong>App Button Color, App Theme Color, App Theme Text Color, App Button Text Color, Upload App Logo, <\/strong>and <strong>Upload Splash Image.<\/strong>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"940\" height=\"1095\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-1-1.png\" alt=\"Configuration-Settings-Stores-Magento-Admin-1-1\" class=\"wp-image-284406\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-1-1.png 940w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-1-1-258x300.png 258w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-1-1-879x1024.png 879w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-1-1-214x249.png 214w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Configuration-Settings-Stores-Magento-Admin-1-1-768x895.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Frontend View on Dark Mode<\/h3>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockupc.webp\" alt=\"mockupc\" class=\"wp-image-470020\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockupc.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockupc-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockupc-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockupc-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Manage Walk Through<\/h3>\n<\/div><\/div>\n\n\n\n<p>Firstly, the admin needs to add the walk-through version from the configuration by navigating to <strong>Stores &gt; Configuration &gt; Walk Through Settings<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/walk.webp\" alt=\"walk\" class=\"wp-image-469320\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/walk.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/walk-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/walk-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/walk-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin can manage the walkthrough configuration by navigating to the <strong>Mobikul &gt; Manage Walk Through<\/strong>.<\/p>\n\n\n\n<p>There the list of walk through will be visible as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-walkthroughs.webp\" alt=\"manage-walkthroughs\" class=\"wp-image-469523\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-walkthroughs.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-walkthroughs-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-walkthroughs-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-walkthroughs-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin can create the new walk through by clicking on the<strong> Add Walk Through<\/strong> button available in the top right corner.<\/p>\n\n\n\n<p>Further, the admin needs to provide basic details like <strong>Walk Through Image, Title, Description, Color code (hexadecimal), Sort Order, <\/strong>and <strong>Walk Through Status.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-walkthrough.webp\" alt=\"add-walkthrough\" class=\"wp-image-469531\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-walkthrough.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-walkthrough-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-walkthrough-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-walkthrough-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Moreover, the admin can also edit the previously created walk throughs by clicking its respective edit button present in the list. Further, the page will view as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/edit-warehouse.webp\" alt=\"edit-warehouse\" class=\"wp-image-469534\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/edit-warehouse.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/edit-warehouse-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/edit-warehouse-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/edit-warehouse-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Walk Through Mobile App View<\/h3>\n<\/div><\/div>\n\n\n\n<p>The walk-through will look somewhat like the images shown below:<\/p>\n\n\n\n\n<div class=\"wp-block-columns wk-bg-radial-gradient is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/one-2.webp\" alt=\"image\" class=\"wp-image-486939\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/one-2.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/one-2-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/one-2-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/one-2-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-5.webp\" alt=\"image\" class=\"wp-image-486940\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-5.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-5-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-5-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/two-5-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Manage Banner<\/h3>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mobikul-menu-option.webp\" alt=\"mobikul-menu-option\" class=\"wp-image-467236\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mobikul-menu-option.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mobikul-menu-option-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mobikul-menu-option-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mobikul-menu-option-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Navigate through Mobikul-&gt;Manage Banner and the below section appears.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/store.webkul.com\/magento2-mobile-app.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-bnner.webp\" alt=\"manage\" class=\"wp-image-469551\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-bnner.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-bnner-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-bnner-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-bnner-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>To add a new banner tap on the Add Banner button and below section appears.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-banner.webp\" alt=\"banner\" class=\"wp-image-469554\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-banner.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-banner-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-banner-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-banner-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, to add a banner &#8211;&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Upload the banner image<\/li>\n\n\n\n<li>Set the sort order&nbsp;<\/li>\n\n\n\n<li>Choose the banner type as Product or category&nbsp;<\/li>\n\n\n\n<li>Accordingly set the product or category id&nbsp;<\/li>\n\n\n\n<li>Choose the store view for which applicable<\/li>\n\n\n\n<li>Set the status of the banner and save the new banner.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Manage Notifications<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can simply add push notifications for displaying it on the mobile app.<\/p>\n\n\n\n<p>All the mobile app users can get the notification that the admin will push from the backend panel.<\/p>\n\n\n\n<p>Therefore the admin will set up the push notification configuration For this, go to the&nbsp;<strong>Mobikul &gt; Manage Notifications.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-notification.webp\" alt=\"manage-notification\" class=\"wp-image-467234\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-notification.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-notification-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-notification-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-notification-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, the admin will push respective notifications. The notifications will be visible to the user\u2019s device apart from the&nbsp;<strong>automatic push notifications of sale.<\/strong><\/p>\n\n\n\n<p><strong>Note<\/strong>: For using the above menu the&nbsp;<strong>FCM Push Notification Parameter<\/strong> is set first. To learn more about FCM Push Notification Parameter, please read the Basic Configuration Blog.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add Notification<\/h3>\n<\/div><\/div>\n\n\n\n<p>Click on the&nbsp;<strong>Add Notification&nbsp;<\/strong>button for adding a new notification. The admin can configure the notification as per the requirement by setting up the notification information.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-a.webp\" alt=\"notification\" class=\"wp-image-467238\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-a.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-a-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-a-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-a-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-b.webp\" alt=\"notification\" class=\"wp-image-467239\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-b.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-b-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-b-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-b-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Notification Image:<\/strong>&nbsp;Upload the notification image from this field.<\/p>\n\n\n\n<p><strong>Title:<\/strong>&nbsp;Set the title of the notification.<\/p>\n\n\n\n<p><strong>Content:<\/strong>&nbsp;Provide the content that will displayed with the notification.<\/p>\n\n\n\n<p><strong>Notification Type:<\/strong>&nbsp;Notification type can be as&nbsp;<strong>Product<\/strong>&nbsp;or&nbsp;<strong>Category&nbsp;<\/strong>or<strong>&nbsp;Custom Collection&nbsp;<\/strong>or<strong>&nbsp;Others.<\/strong><\/p>\n\n\n\n<p><strong>Product\/Category Id:&nbsp;<\/strong>If the notification is a product then provide the ProductId of the product which the user will redirect when the notification is clicked.<\/p>\n\n\n\n<p>Meanwhile, if the notification type is category then provide the Category Id of the product which will redirect when the notification is clicked.<\/p>\n\n\n\n<p><strong>Store View:<\/strong>&nbsp;Notification can be shown store view wise. \u201cAll Store Views\u201d can be selected for pushing the notification in all the store views.<\/p>\n\n\n\n<p><strong>Notification Status:<\/strong>&nbsp;The notification can be enabled or disabled as per the requirement.<\/p>\n\n\n\n<p>If the notification type is custom collection, enter &#8216;Create Product Collection Based on&#8217; the assigned Product Attribute, Product IDs, or newly added products with counts.<\/p>\n\n\n\n<p>Furthermore, when the customer selects&nbsp;<strong>Product Attribute Assigned<\/strong>&nbsp;then, they need to enter the corresponding&nbsp;Product Type which one&nbsp;wishes to see in the&nbsp;custom collection notification.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/custom.webp\" alt=\"custom\" class=\"wp-image-467240\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/custom.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/custom-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/custom-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/custom-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>However, if the product ids option is selected then the one needs to select the desired product from the collection of products.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/product-id.webp\" alt=\"product-id\" width=\"1120\" height=\"880\" loading=\"lazy\"><\/h3>\n\n\n\n<p>Custom Collection Notification type is having one more additional option of&nbsp;<strong>Newly Added Products with Count.&nbsp;<\/strong>Here, the admin needs to enter the number of new products will display in the collection.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-product.webp\" alt=\"\nnew-product\" class=\"wp-image-467242\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-product.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-product-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-product-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-product-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Manage Featured Categories<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can simply add featured categories for displaying it on the Mobikul application. For this, go to the&nbsp;<strong>Mobikul &gt; Manage Featured Categories.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/asd.webp\" alt=\"featured-categories\" class=\"wp-image-467276\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/asd.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/asd-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/asd-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/asd-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add New Featured Category<\/h3>\n<\/div><\/div>\n\n\n\n<p>Click on the&nbsp;<strong>Add Featured Category&nbsp;<\/strong>button for adding a new featured category.<\/p>\n\n\n\n<p>The admin can configure the featured category as per the requirement by setting up the featured category information.<\/p>\n\n\n\n<p>The Featured Category Information has two sections to be configured for setting up the newly added featured category.<\/p>\n\n\n\n<p>The first one is the basic configuration of the featured category.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-category.webp\" alt=\"add-category\" class=\"wp-image-467247\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-category.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-category-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-category-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-category-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Image:<\/strong>&nbsp;Upload the featured category image from this field.<\/p>\n\n\n\n<p><strong>Sort Order:<\/strong>&nbsp;This is the sort order of the featured category among other featured categories.<\/p>\n\n\n\n<p><strong>Store View:<\/strong>&nbsp;The featured category can be shown store view wise. \u201cAll Store Views\u201d can be selected for displaying the featured category in all the store views.<\/p>\n\n\n\n<p><strong>Featured Category Status:<\/strong>&nbsp;The featured category can be enabled or disabled as per the requirement.<\/p>\n\n\n\n<p>Further, the second section is the category configuration of the featured category.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/selection.webp\" alt=\"selection\" class=\"wp-image-467248\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/selection.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/selection-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/selection-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/selection-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Choose the category which will be redirected when the featured category image will be clicked.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Manage Categories Banners &amp; Icons<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can configure the banner image for each category and in addition to this, the admin can also configure the category\u2019s icon which will be displayed in the Mobikul Mobile application.<\/p>\n\n\n\n<p>Further, for configuring the category\u2019s banner and icon, navigate through the following path of the admin panel&nbsp;<strong>Mobikul &gt; Manage Category\u2019s Banners and Icons.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-categories.webp\" alt=\"manage-categories\" class=\"wp-image-467258\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-categories.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-categories-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-categories-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-categories-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add Category\u2019s Banner And Icon<\/h3>\n<\/div><\/div>\n\n\n\n<p>Click on the&nbsp;<strong>Add Images&nbsp;<\/strong>button for adding a new banner and icon to a category.<\/p>\n\n\n\n<p>The admin can configure the banner and icon as per the requirement by setting up the category image information.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/image.webp\" alt=\"image\" class=\"wp-image-467264\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/image.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/image-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/image-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/image-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Icon Image:<\/strong>&nbsp;Upload the icon image of the category.<\/p>\n\n\n\n<p><strong>Store View:<\/strong>&nbsp;The Admin can select the banner for a particular store view. This is helpful in case the admin wishes to display banners in multiple languages.<\/p>\n\n\n\n<p>After setting up the banner image and icon image, select the category for which both banner and icon image ues.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/category-image.webp\" alt=\"category-image\" class=\"wp-image-467267\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/category-image.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/category-image-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/category-image-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/category-image-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Default and Tab View Banner Image:<\/strong>&nbsp;Upload the banner image of the category which will be displayed in the chosen parent category.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/default-view.webp\" alt=\"default-view\" class=\"wp-image-467270\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/default-view.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/default-view-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/default-view-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/default-view-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/tab-view.webp\" alt=\"tab-view\" class=\"wp-image-467271\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/tab-view.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/tab-view-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/tab-view-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/tab-view-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mobikul Order History<\/h3>\n<\/div><\/div>\n\n\n\n<p>Mobikul Orders can now be separately managed in the admin panel.<\/p>\n\n\n\n<p>This facility is given to the app owner to keep a clear record of orders being generated from the app. For this go to the Mobikul &gt; Mobikul Order History.<\/p>\n\n\n\n<p>List Of Orders<br>By clicking on Mobikul Order History the admin can view all the orders that where placed from the app by the customer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-history.webp\" alt=\"order-history\" class=\"wp-image-467286\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-history.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-history-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-history-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-history-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Further, the admin can click on any one of the orders to view the details of the orders.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mobikul Carousel Images<\/h3>\n<\/div><\/div>\n\n\n\n<p>Navigate through Mobikul-&gt;Mobikul Carouse Images.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-images.webp\" alt=\"carousel-images\" class=\"wp-image-467291\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-images.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-images-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-images-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-images-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To add a new carousel image, tap the Add button and fill in the details.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-new-image.webp\" alt=\" carousel-new-image\" class=\"wp-image-467293\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-new-image.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-new-image-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-new-image-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-new-image-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mobikul Carousels<\/h3>\n<\/div><\/div>\n\n\n\n<p>Navigate through Mobikul-&gt;Mobikul Carouse Images.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-carousel.webp\" alt=\"manage-carousel.\" class=\"wp-image-467304\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-carousel.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-carousel-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-carousel-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-carousel-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Tap Add to add a new product or image carousel.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/info.webp\" alt=\"info\" class=\"wp-image-467307\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/info.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/info-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/info-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/info-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the admin will &#8211;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the title<\/li>\n\n\n\n<li>Select the carousel type as &#8211; Product or Image&nbsp;<\/li>\n\n\n\n<li>Select the background image<\/li>\n\n\n\n<li>Choose background color&nbsp;<\/li>\n\n\n\n<li>Select the sort order<\/li>\n\n\n\n<li>Choose store view<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-a.webp\" alt=\"manage-carousel.\" class=\"wp-image-467305\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-a.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-a-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-a-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-a-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that select the carousel images.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-b.webp\" alt=\"manage-carousel.\" class=\"wp-image-467306\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-b.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-b-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-b-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-b-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then, select the carousel products and lastly, save the carousel.&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Home Page Configurator<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can manage the sorting of the category carousels present in the mobile app. For this, the admin will navigate to <strong>Mobikul &gt; Manage App Creator<\/strong>.<\/p>\n\n\n\n<p>Then the admin can change the position by easily dragging the category and drop it to the desired position.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/home.webp\" alt=\"home\" class=\"wp-image-470025\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/home.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/home-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/home-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/home-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Order Label<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can also check that the order placed by the customer from the web end or mobile app. For this, the admin will navigate to<strong> Sales &gt; Orders<\/strong>.<\/p>\n\n\n\n<p>After that, in the list of orders, an attribute named <strong>Order Place Point<\/strong> will be present that will show the order label.<\/p>\n\n\n\n<p>For reference an image is shown below:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order.webp\" alt=\"order\" width=\"1120\" height=\"880\" loading=\"lazy\"><\/h3>\n\n\n\n<p>Furthermore, check the <a href=\"https:\/\/mobikul.com\/knowledgebase\/magento2-mobile-app-admin-end-configuration\/\" target=\"_blank\" rel=\"noreferrer noopener\">Admin End&#8217;s Configuration<\/a> to know more about the configuration setup.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">AR Product Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>This product type will allow e-commerce customers to try products in 3D visualization with the help of the mobile application.<\/p>\n\n\n\n<p>The products are the simple product and configurable product type with Mobikul Configuration attached to it for AR-Product type.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/AR-Product_edit.png\"><img decoding=\"async\" width=\"1189\" height=\"665\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/m2mobileapp_arproduct-edit.png\" alt=\"m2mobileapp_arproduct-edit\" class=\"wp-image-222249\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/m2mobileapp_arproduct-edit.png 1189w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/m2mobileapp_arproduct-edit-300x168.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/m2mobileapp_arproduct-edit-250x140.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/m2mobileapp_arproduct-edit-768x430.png 768w\" sizes=\"(max-width: 1189px) 100vw, 1189px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>Here the admin can enter the details of the product as in default Magento.<\/p>\n\n\n\n<p>However, as specified above the admin needs to enter details in Mobikul Configuration-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>AR-Model Type-<\/strong>&nbsp;The admin can select the 3D model option to view the 3D image of the product.<\/li>\n<\/ul>\n\n\n\n<p>This option will enable two fields-<\/p>\n\n\n\n<p><strong>1-AR Model File For Android-&nbsp;<\/strong>In this field the admin needs to enter the .sfb file which will contain&nbsp;a 3D image of the product.<\/p>\n\n\n\n<p><strong>2-AR Model File For Ios-&nbsp;<\/strong>Here the admin needs to enter the 3D image of the product in the form of the .usdz file for the iOS device.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Texture Image-<\/strong>&nbsp;Here, the admin needs to enter the background of the 3D image.<\/li>\n<\/ul>\n\n\n\n<p>If the admin select&nbsp;<strong>2-D for AR Model Type<\/strong>&nbsp;then the following options will appear:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>AR 2-D Model File-<\/strong>&nbsp;Here the admin needs to select the&nbsp;<strong>.png file type image<\/strong>&nbsp;for the 2-D model.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1248\" height=\"480\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/2d-model.png\" alt=\"2d-model\" class=\"wp-image-252322\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/2d-model.png 1248w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/2d-model-300x115.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/2d-model-1200x462.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/2d-model-250x96.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/2d-model-768x295.png 768w\" sizes=\"(max-width: 1248px) 100vw, 1248px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To get more information about AR product backend management you can click <a href=\"https:\/\/webkul.com\/blog\/ar-product-backend-management-mobikul-mobile-app-builder-magento2\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>here<\/strong><\/a>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mobikul Watch<\/h3>\n<\/div><\/div>\n\n\n\n<p>Note- You can use Mobikul app features on Android smartwatches with the help of the&nbsp;<a href=\"https:\/\/store.webkul.com\/magento2-watch-app.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Watch App<\/a> extension(This is a paid service)<\/p>\n\n\n\n<p>Here, the admin can manage the watches added by the users for the Magento 2 mobile app on their smart watches.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-watches.webp\" alt=\"manage-watches\" class=\"wp-image-467359\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-watches.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-watches-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-watches-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-watches-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Frontend Of Mobikul Mobile App Builder<\/h3>\n<\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Splash<\/h3>\n<\/div><\/div>\n\n\n\n<p>The launching screen of the app is can be amended from the code end will appear to the users as they open up the app. Thus, helping the app owner to introduce the app or organization in a better way.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-55.png\" alt=\"mockup-55\" class=\"wp-image-398874\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-55.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-55-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-55-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-55-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Homepage<\/h3>\n<\/div><\/div>\n\n\n\n<p>The homepage of the app is having multiple sections to divide it into usable sections. The<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Category carousel(Featured Category)<\/strong> &#8211; It is situated on the top of the homepage where the customer can find a product according to the categories.<\/li>\n<\/ul>\n\n\n\n<p>Thus, on clicking on the particular category the user will go to the category collection page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Featured Products-<\/strong> These Products are an exclusive collection of store meant to be highlighted. So, they appear as per the settings are done by the admin in the backend.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-32.png\" alt=\"mockup-32\" class=\"wp-image-398834\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-32.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-32-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-32-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-32-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>New Products-<\/strong> It beautifully displays all the new products added to the store which can be purchased by the customer.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-67.png\" alt=\"mockup-67\" class=\"wp-image-398916\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-67.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-67-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-67-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-67-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Other Carousel Sections-<\/strong> Appart from the above section multiple carousels can be added by the app owner for the user. Thus, the app owner can configure the backend for the same.<\/li>\n<\/ul>\n\n\n\n<p>They can be of either Product type or Image Type. So, for better understanding, we have the following sections-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hot deals<\/li>\n\n\n\n<li>Trending now<\/li>\n\n\n\n<li>Best Offers<\/li>\n\n\n\n<li>Fashion accessories<\/li>\n\n\n\n<li>Daily Deals<\/li>\n\n\n\n<li>Offers For You(Banner)<\/li>\n<\/ul>\n\n\n\n\n<div class=\"wp-block-columns wk-bg-radial-gradient is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/three-1.webp\" alt=\"bjhv\" class=\"wp-image-486942\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/three-1.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/three-1-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/three-1-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/three-1-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/four-1.webp\" alt=\"ghcghchg\" class=\"wp-image-486943\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/four-1.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/four-1-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/four-1-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/four-1-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n<div class=\"wp-block-columns wk-bg-radial-gradient is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/five-1.webp\" alt=\"image\" class=\"wp-image-486944\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/five-1.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/five-1-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/five-1-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/five-1-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/six-2.webp\" alt=\"image\" class=\"wp-image-486945\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/six-2.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/six-2-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/six-2-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/six-2-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<p>Thus, allowing a higher rate of conversion by providing a repeated view of the product.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-48.png\" alt=\"mockup-48\" class=\"wp-image-398866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-48.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-48-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-48-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-48-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Notifications<\/h3>\n<\/div><\/div>\n\n\n\n<p>The app user can get informed about the upcoming offers, schemes, order changes, and Abandoned cart via notification features.<\/p>\n\n\n\n<p>These Firebase Push Notification can contain any information from the above-mentioned topics.<\/p>\n\n\n\n<p>Thus, helping the customer to execute effective shopping via the app. However, these notifications can be managed by the app user in the &#8216;Setting&#8217; which we will discuss later.<\/p>\n\n\n\n<p>So, the notification is linked with the order, product, category or cart which will open on clicking them.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-38.png\" alt=\"mockup-38\" class=\"wp-image-398844\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-38.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-38-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-38-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-38-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Search<\/h3>\n<\/div><\/div>\n\n\n\n<p>On clicking the search icon the app user can save themselves from scrolling effort. Further, this can be done in the following ways-<\/p>\n\n\n\n<p><strong>1-Search Via Term-<\/strong> The search feature operates in 3 ways- Like, Full Text, and Combine.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2018Like\u2019 finds the similarity between the keywords matching with product titles,<\/li>\n\n\n\n<li>\u2018Full Text\u2019 exactly matches the keyword with the titles and<\/li>\n\n\n\n<li>\u2018Combine\u2019 is a mix of both.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-49.png\" alt=\"mockup-49\" class=\"wp-image-398868\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-49.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-49-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-49-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-49-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Thus, allowing the customer to look for the desired product easily.<\/p>\n\n\n\n<p><strong>2-Make An Advanced Search-<\/strong><\/p>\n\n\n\n<p>The app user can take help of this feature to allow them to look for the product on the basis of-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Product Name<\/li>\n\n\n\n<li>SKU<\/li>\n\n\n\n<li>Description<\/li>\n\n\n\n<li>Short Description<\/li>\n\n\n\n<li>Price Range.<\/li>\n<\/ul>\n\n\n\n\n<div class=\"wp-block-columns wk-bg-radial-gradient is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"2280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearch.webp\" alt=\"advance-search\" class=\"wp-image-486735\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearch.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearch-142x300.webp 142w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearch-485x1024.webp 485w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearch-118x249.webp 118w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearch-768x1621.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearch-728x1536.webp 728w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearch-970x2048.webp 970w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"2280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearchtwo.webp\" alt=\"\" class=\"wp-image-486736\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearchtwo.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearchtwo-142x300.webp 142w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearchtwo-485x1024.webp 485w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearchtwo-118x249.webp 118w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearchtwo-768x1621.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearchtwo-728x1536.webp 728w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/advancedsearchtwo-970x2048.webp 970w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<p>Thus, this feature can save a lot of time for customers as it optimizes the search process in the best way.<\/p>\n\n\n\n<p><strong>3- Search Via Image- Machine Learning-<\/strong><\/p>\n\n\n\n<p>This feature will allow the customer to look for the image via image scanning. The app uses Google Firebase&#8217;s ML kit- a ready to use API. The app will save the search time via two ways-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text Detection<\/strong>&#8211; Here the app user can search the product by allowing the scanning of the text in on an object. Currently, the text detection works for English language only.<\/li>\n\n\n\n<li><strong>Product(Object) Detection<\/strong>&#8211; In this case, the app user can search the product via the real-time object. That is the app user can scan the product in reality which will open up the list of linked products.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-50.png\" alt=\"mockup-50\" class=\"wp-image-398869\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-50.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-50-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-50-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-50-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Navigation Drawer<\/h3>\n<\/div><\/div>\n\n\n\n<p>The navigation drawer has multiple options for the app user to use.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sign in\/ Signup option<\/li>\n\n\n\n<li>Categories<\/li>\n\n\n\n<li>Website<\/li>\n\n\n\n<li>Language<\/li>\n\n\n\n<li>Currency<\/li>\n\n\n\n<li>Settings<\/li>\n\n\n\n<li>Privacy Policy<\/li>\n\n\n\n<li>About Us<\/li>\n\n\n\n<li>Customer Service<\/li>\n\n\n\n<li>Compare Products<\/li>\n\n\n\n<li>Orders and Returns<\/li>\n\n\n\n<li>Contact us<\/li>\n\n\n\n<li>App Version.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-36.png\" alt=\"mockup-36\" class=\"wp-image-398842\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-36.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-36-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-36-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-36-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-37.png\" alt=\"mockup-37\" class=\"wp-image-398843\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-37.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-37-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-37-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-37-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Sign In\/ Sign Up<\/h3>\n<\/div><\/div>\n\n\n\n<p>The customer can sign in and sign up for his accounts through the app. So, the Sign In\/ Registration page can give the customer the options as-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sign in with the Email address<\/li>\n\n\n\n<li>Create An Account<\/li>\n\n\n\n<li>Options For Social Login(*paid)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-52.png\" alt=\"mockup-52\" class=\"wp-image-398871\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-52.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-52-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-52-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-52-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Sign Up- Create An Account<\/h3>\n<\/div><\/div>\n\n\n\n<p>The customer can register the application by filling the registration form. Thus, the app user can fill in the basic details to become a customer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-54.png\" alt=\"mockup-54\" class=\"wp-image-398873\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-54.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-54-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-54-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-54-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Sign in<\/h3>\n<\/div><\/div>\n\n\n\n<p>Post registration the user can log in via the mail id and password that was mentioned at the time of registration. Here, on this page, the app user can even select the &#8216;<strong>Forgot Password<\/strong>&#8216; option.<\/p>\n\n\n\n<p>So, the app user can even create a new account if not registered from this page also.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-53.png\" alt=\"mockup-53\" class=\"wp-image-398872\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-53.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-53-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-53-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-53-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Sign-in Via Social Login<\/h3>\n<\/div><\/div>\n\n\n\n<p>The login can take place with the help of social media, to allow the customer to quickly login the app. Hence, this will save the customer from remembering any sort of extra login details.<\/p>\n\n\n\n<p><strong>Caution-<\/strong> However, this is a <strong>Paid Feature.<\/strong> So, if you want this feature in the Mobikul Mobile Application then it will be done through customization.<\/p>\n\n\n\n<p>To know more details refer here- <a href=\"https:\/\/mobikul.com\/features\/sign-in-social-accounts-facebook-twitter-linkedin-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sign-in via Social Accounts.<\/a><\/p>\n\n\n\n<p>Thus, once Logged in the customer will be able to view an additional section that is- &#8216;<strong>Account<\/strong>&#8216;. This section will be having the personal detail of customer which we discuss later.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64.png\" alt=\"mockup-64\" class=\"wp-image-398903\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Categories<\/h3>\n<\/div><\/div>\n\n\n\n<p>The feature permits to display all the products of the store, with their assigned and associated Sub-categories and Parent category in the mobile application too.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Categories View<\/h3>\n<\/div><\/div>\n\n\n\n<p>On clicking on a particular category the app user will be taken to a section where the list of sub-categories and product collection(only 3 products will be displayed) will be visible.<\/p>\n\n\n\n<p>Thus, on clicking, particular sub-category the user will be directed to the collection page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-14.png\" alt=\"mockup-14\" class=\"wp-image-398815\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-14.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-14-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-14-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-14-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-15.png\" alt=\"mockup-15\" class=\"wp-image-398816\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-15.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-15-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-15-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-15-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Sort<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>The app user can sort the order of the product appearing in the collection page to easily view the desired options.<\/p>\n\n\n\n<p>So, the app user can click on Sort which opens a list of options to re-order the products.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-16.png\" alt=\"mockup-16\" class=\"wp-image-398817\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-16.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-16-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-16-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-16-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Filter<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>This option is meant to attract customer by optimizing the search process wherein the app user could filter out non-desirable products.<\/p>\n\n\n\n<p>Thus, the customer can click on the filter button and select the attributes of desirable products.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-17.png\" alt=\"mockup-17\" class=\"wp-image-398818\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-17.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-17-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-17-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-17-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Product View<\/h3>\n<\/div><\/div>\n\n\n\n<p>The Page will display the details related to the products which the app user can scan through. Thus, the page has the following details-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add your Review<\/strong>&#8211; Post purchase the app user can review the product by entering the rating, summary of the review and complete review-comment of the product.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-43.png\" alt=\"mockup-43\" class=\"wp-image-398858\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-43.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-43-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-43-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-43-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add to Wishlist-<\/strong> The app user can click on &#8216;<strong>Wishlist button<\/strong>&#8216; to add the product to the wishlist.<\/li>\n\n\n\n<li><strong>Compare-<\/strong> The app user can click on the Compare button to add the product to the comparison list.<\/li>\n\n\n\n<li><strong>Share Product option- <\/strong>The app user can even share the product on social media by clicking on the share button.<\/li>\n\n\n\n<li><strong>Edit quantity- <\/strong>The app user can append the quantity to purchase of the product from here.<\/li>\n\n\n\n<li><strong>Add to Cart-<\/strong> The app user can click on the<strong> Add To Cart<\/strong> button to add the product to the cart for checkout.<\/li>\n\n\n\n<li><strong>Buy Now-<\/strong> The customer can click on Buy Now Button in order to directly move to the checkout.<\/li>\n\n\n\n<li><strong>Choose Options-<\/strong> If the product has multiple options associated with it app user can select them and add the product to the cart.<\/li>\n\n\n\n<li><strong>Description\/details of the product-<\/strong> The product complete details are also mention in this page for the app user to refer before purchase.<\/li>\n\n\n\n<li><strong>Reviews attached to products along with the ratings<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-44.png\" alt=\"mockup-44\" class=\"wp-image-398861\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-44.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-44-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-44-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-44-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-45.png\" alt=\"mockup-45\" class=\"wp-image-398862\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-45.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-45-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-45-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-45-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>List\/Grid View<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>The customer can set the view of the product according to needs. They can see the product as a grid view or list view.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-47.png\" alt=\"mockup-47\" class=\"wp-image-398865\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-47.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-47-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-47-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-47-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-46.png\" alt=\"mockup-46\" class=\"wp-image-398863\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-46.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-46-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-46-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-46-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Account<\/h3>\n<\/div><\/div>\n\n\n\n<p>The account section will save the customer&#8217;s personal data, in multiple sub-sections. This section as mentioned above will only be displayed to logged in user.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-1.png\" alt=\"mockup-64-1\" class=\"wp-image-398909\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-1.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-1-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-1-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-1-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Dashboard<\/h3>\n<\/div><\/div>\n\n\n\n<p>The dashboard will show the recent activities of the customer in 3 sections viz. My Address, My Order, and My Review.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Recent Orders-<\/strong> This section encompasses the information about the customer\u2019s recent orders with details like, Order ID, Total Amount, Status of The Order, and a \u2018Details\u2019 button through which other details of orders display.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-22.png\" alt=\"mockup-22\" class=\"wp-image-398824\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-22.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-22-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-22-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-22-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Thus, the app user can click on any corresponding order and get the details of the of complete order.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-25.png\" alt=\"mockup-25\" class=\"wp-image-398826\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-25.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-25-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-25-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-25-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-26.png\" alt=\"mockup-26\" class=\"wp-image-398827\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-26.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-26-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-26-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-26-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Address<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>This contains the information about the Default Billing Address, Default Shipping Address, and Manage Other Addresses.<\/p>\n\n\n\n<p>The app user can click on any address to edit the details on the address.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-3.png\" alt=\"mockup-3\" class=\"wp-image-398801\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-3.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-3-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-3-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-3-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-4.png\" alt=\"mockup-4\" class=\"wp-image-398803\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-4.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-4-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-4-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-4-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here the app user can click on Manage Other Addresses to change the details of other address.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-5.png\" alt=\"mockup-5\" class=\"wp-image-398804\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-5.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-5-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-5-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-5-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Review<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>In this section, the Review which is submit by the customer on various products are visible here.<\/p>\n\n\n\n<p>Thus, the app user can click on <strong>View All Product Reviews<\/strong> to view the list of complete reviews given by the customer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-27.png\" alt=\"mockup-27\" class=\"wp-image-398828\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-27.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-27-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-27-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-27-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-28.png\" alt=\"mockup-28\" class=\"wp-image-398829\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-28.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-28-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-28-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-28-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Wishlist<\/h3>\n<\/div><\/div>\n\n\n\n<p>It will contain the products added by customers which they want to purchase in the near future. This section will display a few of the product details in the form of a thumbnail.<\/p>\n\n\n\n<p>Thus, allowing the customer to view the details and add the product to cart. The customer can even append the quantity of product from here or remove the product from wishlist.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-59.png\" alt=\"mockup-59\" class=\"wp-image-398880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-59.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-59-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-59-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-59-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Order<\/h3>\n<\/div><\/div>\n\n\n\n<p>The app gives its user an easy way to view the orders from this section also. Thus, allowing a quick way to access orders.<\/p>\n\n\n\n<p>The customer for this section examine the details of the order and perform the action on the orders like-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Know details of the order<\/li>\n\n\n\n<li>Reorder the products in the order<\/li>\n\n\n\n<li>Review the products in the order.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-40.png\" alt=\"mockup-40\" class=\"wp-image-398846\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-40.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-40-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-40-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-40-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">My Downloadable Products<\/h3>\n<\/div><\/div>\n\n\n\n<p>It will display the details of all the downloadable products of the customer with<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Order ID,<\/li>\n\n\n\n<li>Date,<\/li>\n\n\n\n<li>Title,<\/li>\n\n\n\n<li>Status and<\/li>\n\n\n\n<li>Remaining Downloads,<\/li>\n\n\n\n<li>along with a button to download the product.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-35.png\" alt=\"mockup-35\" class=\"wp-image-398840\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-35.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-35-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-35-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-35-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Product Review<\/h3>\n<\/div><\/div>\n\n\n\n<p>It will list up all the reviews made by the customer on different products of the store with the reviews and ratings for the product.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-42.png\" alt=\"mockup-42\" class=\"wp-image-398848\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-42.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-42-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-42-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-42-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Address Book<\/h3>\n<\/div><\/div>\n\n\n\n<p>It is just like a directory wherein we save all the addresses. Here, we will save the-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Default addresses of Billing and Shipping.<\/li>\n\n\n\n<li>List of other addresses.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-61.png\" alt=\"mockup-61\" class=\"wp-image-398889\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-61.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-61-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-61-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-61-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Thus, from this section, the customer can &#8216;Add New Address&#8217;, edit the present address or delete the addresses.<\/p>\n\n\n\n<p>The customer can click on the button of &#8216;Add New Address&#8217; to open a form asking the details of the address.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-60-1.png\" alt=\"mockup-60-1\" class=\"wp-image-398890\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-60-1.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-60-1-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-60-1-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-60-1-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the customer has got the location detection facility also wherein the customer can fill the details with the help of GRPS.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Account Information<\/h3>\n<\/div><\/div>\n\n\n\n<p>This section is meant for the app user to save personal information relate to the account. For, this section the app user can update-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Their first and last name,<\/li>\n\n\n\n<li>Registered mail address for the login purpose, and<\/li>\n\n\n\n<li>Password linked with the registered account.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-2.png\" alt=\"mockup-2\" class=\"wp-image-398800\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-2.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-2-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-2-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-2-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Preferences<\/h3>\n<\/div><\/div>\n\n\n\n<p>This section contains the details related to the app-<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Website<\/h3>\n<\/div><\/div>\n\n\n\n<p>The app user can select from the website with which the app is connect. This is a default Magento feature wherein the customer can change from multiple websites.<\/p>\n\n\n\n<p>However, in the backend, the admin needs to enter the translation related to each website.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-66.png\" alt=\"mockup-66\" class=\"wp-image-398914\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-66.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-66-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-66-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-66-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Language<\/h3>\n<\/div><\/div>\n\n\n\n<p>It provides an option for Multiple Store views, that is the feature allows the user to customize the Store View in various languages right from English to Arabic, French, German and many other.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-34.png\" alt=\"mockup-34\" class=\"wp-image-398839\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-34.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-34-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-34-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-34-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note-<\/strong> The app also supports the RTL layout for the customer following languages like Arabic, Hebrew, Persian\/Farsi, and many other languages of the same font style.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-68.png\" alt=\"mockup-68\" class=\"wp-image-398983\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-68.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-68-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-68-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-68-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Currencies<\/h3>\n<\/div><\/div>\n\n\n\n<p>The customer can select the desired currency as per the requirement. The customer can see the change in currency wherever the price of the product is display.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-21.png\" alt=\"mockup-21\" class=\"wp-image-398823\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-21.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-21-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-21-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-21-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-20.png\" alt=\"mockup-20\" class=\"wp-image-398821\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-20.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-20-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-20-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-20-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Settings<\/h3>\n<\/div><\/div>\n\n\n\n<p>The app user can take control of the apps few basic functionalities likewise-<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Notification<\/h3>\n<\/div><\/div>\n\n\n\n<p>The app user can manage the notification from the app. This is for various steps in the app-<\/p>\n\n\n\n<p>Thus, the app user can disable or enable &#8211;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>all the notification<\/strong> of the app.<\/li>\n\n\n\n<li><strong>Orders<\/strong> based notifications.<\/li>\n\n\n\n<li><strong>Offer<\/strong> based notifications.<\/li>\n\n\n\n<li>The app User can even monitor the notifications for an <strong>abandoned cart.<\/strong><\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Offline data<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>The app user can even manage the data appearing in Offline mode. Thus, the app user can enable or disable the following field to do so-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Track and Show Recently Viewed Products.<\/li>\n\n\n\n<li>Track and Show Search History.<\/li>\n<\/ul>\n\n\n\n<p>Thus, the above details can be even clear from history.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-51.png\" alt=\"mockup-51\" class=\"wp-image-398870\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-51.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-51-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-51-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-51-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>However, there is an additional button to <strong>Manage In Device<\/strong> <strong>Setting<\/strong> which we direct the user to the app setting on the device.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Other CMS Pages<\/h3>\n<\/div><\/div>\n\n\n\n<p>Here you can see all the CMS Pages that were created by the store admin.<\/p>\n\n\n\n<p>They can be anything like- Privacy Policy, About Us page, Contact Us page, and other such pages.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-41.png\" alt=\"mockup-41\" class=\"wp-image-398847\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-41.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-41-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-41-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-41-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1.png\" alt=\"mockup-1\" class=\"wp-image-398794\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Compare Product<\/h3>\n<\/div><\/div>\n\n\n\n<p>The products can be added to the compare product section from product page wherein the customer can compare multiple products on the store.<\/p>\n\n\n\n<p>Thus, allowing them to finalize a product from multiple options.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-18.png\" alt=\"mockup-18\" class=\"wp-image-398819\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-18.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-18-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-18-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-18-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Contact Us<\/h3>\n<\/div><\/div>\n\n\n\n<p>The customer can communicate with the store owner or admin by sharing a message from this section.<\/p>\n\n\n\n<p>Thus helping the customer to build a strong relationship with the store owner.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-19.png\" alt=\"mockup-19\" class=\"wp-image-398820\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-19.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-19-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-19-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-19-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Cart And Checkout<\/h3>\n<\/div><\/div>\n\n\n\n<p>The Product adds to the cart and can be seen by clicking on the Cart button present on the homepage. The cart here is just similar to the shopping trolley which is present in the physical store.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-9.png\" alt=\"mockup-9\" class=\"wp-image-398809\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-9.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-9-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-9-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-9-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-10.png\" alt=\"mockup-10\" class=\"wp-image-398810\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-10.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-10-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-10-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-10-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then the app user can easily complete the checkout process in a few steps.<\/p>\n\n\n\n<p>Thus, the customer can select the shipping method for the order. After which the customer can simply review the order detail and select the payment method.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-11.png\" alt=\"mockup-11\" class=\"wp-image-398811\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-11.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-11-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-11-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-11-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-12.png\" alt=\"mockup-12\" class=\"wp-image-398812\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-12.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-12-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-12-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-12-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Finally, post-payment the user can click on <strong>Place Order<\/strong> for successful order generation at store end.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-13.png\" alt=\"mockup-13\" class=\"wp-image-398813\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-13.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-13-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-13-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-13-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add Review For Delivery Boy<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the completion of the order, the customer can add the review as per the delivery experience.<\/p>\n\n\n\n<p>For this, the customer can simply view the order in the mobile application and follow the below process:<\/p>\n\n\n\n<p>However, This feature is paid and you can check the <a href=\"https:\/\/store.webkul.com\/magento2-delivery-boy-app.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Delivery Boy App<\/a> to get it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-62.png\" alt=\"mockup-62\" class=\"wp-image-411463\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-62.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-62-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-62-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-62-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The customers can also track, the delivery boy by tapping the track button in the mobile app.<\/p>\n\n\n\n<p>Apart from that, after tapping the help button they can start a chat with the admin for the respective order.<\/p>\n\n\n\n\n<div class=\"wp-block-columns wk-bg-radial-gradient is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"2400\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/ordered.webp\" alt=\"ordered item\" class=\"wp-image-486739\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/ordered.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/ordered-135x300.webp 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/ordered-461x1024.webp 461w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/ordered-112x249.webp 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/ordered-768x1707.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/ordered-691x1536.webp 691w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/ordered-922x2048.webp 922w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"720\" height=\"1600\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/order-tracking.webp\" alt=\"tracking order\" class=\"wp-image-486740\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/order-tracking.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/order-tracking-135x300.webp 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/order-tracking-461x1024.webp 461w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/order-tracking-112x249.webp 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/order-tracking-691x1536.webp 691w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-65.png\" alt=\"help - chat with the admin\" class=\"wp-image-411469\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-65.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-65-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-65-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-65-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">AR Product<\/h3>\n<\/div><\/div>\n\n\n\n<p>Firstly, apart from the default Magento(Adobe Commerce) product, the app support an additional product type that is AR.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"720\" height=\"1280\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-8.png\" alt=\"mockup-8\" class=\"wp-image-398807\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-8.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-8-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-8-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-8-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Furthermore, the app user can click on the AR icon to detect the surface of the product to analyze the product in reality.<\/p>\n\n\n\n\n<div class=\"wp-block-columns wk-bg-radial-gradient is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"2200\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/surfacedetection.webp\" alt=\"surface\" class=\"wp-image-486741\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/surfacedetection.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/surfacedetection-147x300.webp 147w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/surfacedetection-503x1024.webp 503w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/surfacedetection-122x249.webp 122w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/surfacedetection-768x1564.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/surfacedetection-754x1536.webp 754w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/surfacedetection-1005x2048.webp 1005w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column wk-video-mockup-frame is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"2200\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/product.webp\" alt=\"product\" class=\"wp-image-486742\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/product.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/product-147x300.webp 147w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/product-503x1024.webp 503w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/product-122x249.webp 122w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/product-768x1564.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/product-754x1536.webp 754w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/03\/product-1005x2048.webp 1005w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<p>To know more about the feature refer here- <a href=\"https:\/\/mobikul.com\/mobikul-mobile-app-builder-for-magento2-augmented-reality\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/mobikul.com\/mobikul-mobile-app-builder-for-magento2-augmented-reality\/.<\/a><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>If you still have any issue feel free to add a ticket and let us know your views to make the module better <a href=\"https:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/webkul.uvdesk.com<\/a>. Learn everything about <a href=\"https:\/\/webkul.com\/react-native-app-development-services\/\">React Native App Development<\/a> in this comprehensive Magento 2 guide.<\/p>\n\n\n\n<p>You may also check our quality <a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Mangento 2 Extensions<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 React Native Mobile App Builder transforms your Magento 2 store into a React Native app, allowing shopping on Android and iOS smartphones. Magento 2 Mobile App&#8217;s features are very similar to your normal Magento. We have replicated all the features and functionality of the basic Magento 2(Adobe Commerce). Moreover, your buyers will not <a href=\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":657,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121,1864],"tags":[],"class_list":["post-485464","post","type-post","status-publish","format-standard","hentry","category-magento-2","category-mobikul"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide For Magento 2 React Native Mobile App Builder<\/title>\n<meta name=\"description\" content=\"Magento 2 React Native Mobile App Builder offers a ready-to-use React Native mobile app for seamless shopping on Android and iOS devices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide For Magento 2 React Native Mobile App Builder\" \/>\n<meta property=\"og:description\" content=\"Magento 2 React Native Mobile App Builder offers a ready-to-use React Native mobile app for seamless shopping on Android and iOS devices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-20T07:54:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-19T08:55:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp\" \/>\n<meta name=\"author\" content=\"Simran Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Simran Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"52 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/\"},\"author\":{\"name\":\"Simran Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/9db6e4419b6ccb6b1a658c65e9395861\"},\"headline\":\"User Guide For Magento 2 React Native Mobile App Builder\",\"datePublished\":\"2025-03-20T07:54:14+00:00\",\"dateModified\":\"2025-09-19T08:55:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/\"},\"wordCount\":6303,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp\",\"articleSection\":[\"Magento 2\",\"Mobikul\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/\",\"name\":\"User Guide For Magento 2 React Native Mobile App Builder\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp\",\"datePublished\":\"2025-03-20T07:54:14+00:00\",\"dateModified\":\"2025-09-19T08:55:21+00:00\",\"description\":\"Magento 2 React Native Mobile App Builder offers a ready-to-use React Native mobile app for seamless shopping on Android and iOS devices.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp\",\"width\":1200,\"height\":346},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide For Magento 2 React Native Mobile App Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/9db6e4419b6ccb6b1a658c65e9395861\",\"name\":\"Simran Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/321800310da8472387b27cb24bbb3f1ffa5151cfbf7186513eeee75e8fe7d665?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/321800310da8472387b27cb24bbb3f1ffa5151cfbf7186513eeee75e8fe7d665?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Simran Sharma\"},\"description\":\"Product Business Analyst at Webkul, skilled in content strategy, product discovery, and solution design to deliver customer-focused, scalable growth solutions.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/simransharma-bd321\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide For Magento 2 React Native Mobile App Builder","description":"Magento 2 React Native Mobile App Builder offers a ready-to-use React Native mobile app for seamless shopping on Android and iOS devices.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/","og_locale":"en_US","og_type":"article","og_title":"User Guide For Magento 2 React Native Mobile App Builder","og_description":"Magento 2 React Native Mobile App Builder offers a ready-to-use React Native mobile app for seamless shopping on Android and iOS devices.","og_url":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2025-03-20T07:54:14+00:00","article_modified_time":"2025-09-19T08:55:21+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp","type":"","width":"","height":""}],"author":"Simran Sharma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Simran Sharma","Est. reading time":"52 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/"},"author":{"name":"Simran Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/9db6e4419b6ccb6b1a658c65e9395861"},"headline":"User Guide For Magento 2 React Native Mobile App Builder","datePublished":"2025-03-20T07:54:14+00:00","dateModified":"2025-09-19T08:55:21+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/"},"wordCount":6303,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp","articleSection":["Magento 2","Mobikul"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/","url":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/","name":"User Guide For Magento 2 React Native Mobile App Builder","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp","datePublished":"2025-03-20T07:54:14+00:00","dateModified":"2025-09-19T08:55:21+00:00","description":"Magento 2 React Native Mobile App Builder offers a ready-to-use React Native mobile app for seamless shopping on Android and iOS devices.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp","width":1200,"height":346},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento-2-react-native-mobile-app-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide For Magento 2 React Native Mobile App Builder"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/9db6e4419b6ccb6b1a658c65e9395861","name":"Simran Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/321800310da8472387b27cb24bbb3f1ffa5151cfbf7186513eeee75e8fe7d665?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/321800310da8472387b27cb24bbb3f1ffa5151cfbf7186513eeee75e8fe7d665?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Simran Sharma"},"description":"Product Business Analyst at Webkul, skilled in content strategy, product discovery, and solution design to deliver customer-focused, scalable growth solutions.","url":"https:\/\/webkul.com\/blog\/author\/simransharma-bd321\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/485464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/657"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=485464"}],"version-history":[{"count":21,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/485464\/revisions"}],"predecessor-version":[{"id":507014,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/485464\/revisions\/507014"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=485464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=485464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=485464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}