{"id":67452,"date":"2016-12-14T16:30:38","date_gmt":"2016-12-14T16:30:38","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=67452"},"modified":"2026-03-30T14:16:54","modified_gmt":"2026-03-30T14:16:54","slug":"magento2-mobikul-mobile-app-builder","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/","title":{"rendered":"User Guide of Mobikul Mobile App Builder"},"content":{"rendered":"<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<p><a href=\"https:\/\/store.webkul.com\/magento2-mobile-app.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Mobile App Builder<\/a> transforms your Magento 2 store into a Flutter Native app, allowing shopping on Android and iOS smartphones.<\/p>\n<p>Magento 2 Mobile App&#8217;s features are very much similar to your normal Magento. We have replicated all the features and functionality of the basic Magento 2(Adobe Commerce).<\/p>\n<p>Moreover, your buyers will not have to bother about complex functionality because they can find things at their fingertips.<\/p>\n<p>So, this is a <a href=\"https:\/\/mobikul.com\/ecommerce\/\" target=\"_blank\" rel=\"noopener\">readymade app<\/a> that can be use by the store owner to increase their sales and access from anywhere and anytime.<\/p>\n<p>Further, this technique can help a lot to increase the sales of the store.<\/p>\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<p>The best mobile application, powered by Magento 2 mobile app source code, can help you create a competitive environment, offering enhanced features and a seamless user experience for your customers.<\/p>\n<p>The flutter native <span class=\"qlink_container\">Mobile App<\/span> for your Magento2(Adobe Commerce) store must have all the essential features and functionalities.<\/p>\n<p>It should work perfectly according to your business needs &amp; strategy.<\/p>\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<p><a href=\"https:\/\/mobikul.com\" target=\"_blank\" rel=\"noopener\">Mobikul<\/a> does this work for you so that you can engage your customers over the mobile platform.<\/p>\n<p>The mobile platform has a huge role to engage your customers in your mobile store.<\/p>\n<p>Mobikul Mobile App supports the feature <a href=\"https:\/\/mobikul.com\/benefits-push-notifications-store-owner\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b><i>Push Notification<\/i><\/b><\/a>, which is an essential feature of the mobile application.<\/p>\n<p>It helps to increase the customers\u2019 engagement with the mobile store.<\/p>\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=\"noopener\">Magento 2 Watch App<\/a>.\u00a0<\/p>\n<p>Check the video of the configuration part for the mobile app &#8211;<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"KOlubV4qTMg\">\n<div class=\"components-placeholder__instructions\">KOlubV4qTMg<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<p>Check the below video to get to know the workflow of the mobile app,<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"S8iY64X2rd8\">\n<div class=\"components-placeholder__instructions\">S8iY64X2rd8<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 class=\"panel-title\">Features<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>All Product Types Supported\n<ul>\n<li>Simple product<\/li>\n<li>Grouped product<\/li>\n<li>Bundled product<\/li>\n<li>Configurable product<\/li>\n<li>Virtual product<\/li>\n<li>Downloadable product<\/li>\n<\/ul>\n<\/li>\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=\"noopener noreferrer\">AR Products<\/a> also.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\"><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<ul>\n<li>Interactive banner.<\/li>\n<li>Featured Product carousel.<\/li>\n<li>New product carousel.<\/li>\n<li>Hot deals.<\/li>\n<li>Provides the customers with layered navigation for optimized search.<\/li>\n<li>Informative and interactive shopping app with a fast and intuitive response.<\/li>\n<li>Supports default Magento 2 shipping methods.<\/li>\n<li>Supports ordering via phone, cash on delivery, money order, and personal cheque as payment methods.<\/li>\n<li>Well configured and easy to use at the admin end.<\/li>\n<li>The app supports Machine Learning to search for the product in a smarter way.<\/li>\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=\"noopener noreferrer\">AR Product Visualisation.<\/a><\/strong><\/li>\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=\"noopener noreferrer\">Size Calculation(only iOS).<\/a><\/strong><\/li>\n<li>A full flutter native application built on Dart.<\/li>\n<li>The app supports GDPR to protect and control the data of the app user.<\/li>\n<li>Login through Finger Print.<\/li>\n<li>Show Related Products.<\/li>\n<li>Next\/Previous Product View on product page.<\/li>\n<li>Product search through voice.<\/li>\n<li>Mobile &amp; Tablet support.<\/li>\n<li>Easy and Simple Checkout Process.<\/li>\n<li>Customers can purchase all types of products.<\/li>\n<li>Support for Multiple Currencies.<\/li>\n<li>Order tracking by Notification.<\/li>\n<li>Social Login (*)<\/li>\n<li>Mobile Number Login (*)<\/li>\n<li>One Time Password Login (*)<\/li>\n<\/ul>\n<h3>Additional Features<\/h3>\n<ul>\n<li>Real time synchronization.<\/li>\n<li>Offline Mode support.<\/li>\n<li>Payment methods such as Cash on Delivery, Money Order and personal cheque is supported.<\/li>\n<li><a href=\"https:\/\/mobikul.com\/features\/barcode-product-search\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Product Search Via Barcode Scanning<\/strong>.<\/a> (paid)<\/li>\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<li>Home page Layout\u00a0 (Featured Category and Banner view), and Categories View.<\/li>\n<li>The admin can also add the walkthrough for making the application look more fascinating.\u00a0<\/li>\n<li>Catalog API caching with Magento default cache.<\/li>\n<li>GraphQL APIs\u00a0 implemented in the mobile app.<\/li>\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<li>Some more options are Move Product Tax to Seller Account, Seller Approval Required, Set Captcha Enable, Allow Seller For Google Analytic<\/li>\n<li>Fulfilment Image,Fulfilment Label,Fulfilment Text.<\/li>\n<li>At admin configuration Seller Dashboard Layout settings are Allow Seller seperate dashboard and Seller dashboard logo image .<\/li>\n<li>Under seller Flag option are Enable,Text,Guests Can Flag, Reason,Accept Other Reasons and other Field&#8217;s Placeholder.<\/li>\n<li>Admin can manage Seller Product&#8217;s Settings like Attribute Set ID,Product Approval Required, Product Update Approval Required.<\/li>\n<li>Allow Category tree view like admin product category tree,allowed categories for seller to add products, product type for seller.<\/li>\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<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<li>Under Seller App Settings admin need to set the Seller App enabled.<\/li>\n<li>admin can set the Product Flags like Enable, Text, Guests can Flag, Reason, Accept other Reasons.<\/li>\n<\/ul>\n<h3>Enhanced Feature<\/h3>\n<ul>\n<li>Seller Order&#8217;s Settings like Order Approval Required in Yes or No option.<\/li>\n<li>Minimum Order Amount Settings contains option Enable.<\/li>\n<li>Inventory Settings option like Low Stock Quantity.<\/li>\n<li>Admin can set the Seller Profile Page Settings like Display Seller Profile,Banner Image,<\/li>\n<li>Seller Profile Layout,Seller Information Display Card Type,Enable Color Picker .<\/li>\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<li>Admin can set Marketplace Seller Review Settings,Landing Page Settings,Seller Layered Navigation,Seller&#8217;s Sitemap Setting,<\/li>\n<li>Marketplace Product Page Fields Hints,Marketplace Profile Page Fields Hints and Marketplace Transactional Emails.<\/li>\n<\/ul>\n<h3>Extra Features Includes<\/h3>\n<ul>\n<li>Admin can set Seller Order&#8217;s Settings that is Order Approval Required.<\/li>\n<li>Minimum Order Amount Settings are set by the admin.<\/li>\n<li>Admin can set the Inventory Settings like Low Stock Quantity.<\/li>\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<li>Enable Color Picker, Seller Policies Enable at frontend,Rewrite Seller&#8217;s Shop URL.<\/li>\n<li>Allow to automatic create seller public url on seller registration and Allow to show featured sellers.<\/li>\n<li>Marketplace Seller Review Settings contains the option Make a Review on only order Purchase.<\/li>\n<\/ul>\n<p><strong>Note:\u00a0<\/strong>The features with Asterix mark (*) are the paid features.<\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-warning\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Some Technical Aspects<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>Time Critical services like Push notifications, and alerts.<\/li>\n<li>Easy \u2018Sharing of Products\u2019 through various platforms like Whatsapp, Fb, Twitter, etc.<\/li>\n<li>Ease of use with \u2018Attractive and Convenient UX\u2019.<\/li>\n<li>Application frameworks or Operating systems, which it supports are \u2018Android and Apple platforms\u2019.<\/li>\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<li>Supports \u2018Multiple trustworthy Payment methods\u2019 like Paypal, MangoPay, Stripe, WePay, Credit Cards, Cash on Delivery, etc.<\/li>\n<li>Providing Layered Navigation for filtering the products on various attributes.<\/li>\n<li>Interactive Front-end Panel for the stores.<\/li>\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<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Installation Procedure<\/h3>\n<\/div>\n<p>The installation is quite simple just like the standard\u00a0<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Magento 2 extensions<\/a>.<\/p>\n<h3 class=\"wp-block-heading\">#Upload Folder<\/h3>\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<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-441450 zm-zoomer zm-zoomer-in\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/server-1.webp\" sizes=\"(max-width: 1200px) 100vw, 1200px\" 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\" alt=\"root directory\" width=\"1200\" height=\"346\" loading=\"lazy\" \/><\/figure>\n<h3 class=\"wp-block-heading\"># Run Commands<\/h3>\n<p>You need to run the following commands:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">composer require google\/auth<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:upgrade<\/pre>\n<\/div>\n<\/div>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:di:compile\n<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:static-content:deploy\n<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento indexer:reindex\n<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento cache:flush\n<\/pre>\n<div class=\"panel panel-warning\">\n<div class=\"panel-body\">\n<div class=\"wk-index-wrap\">\n<div class=\"block-wrap\">\n<h3 id=\"language-translation\" class=\"wp-block-heading index-title copy-index\">Language Translation<\/h3>\n<\/div>\n<\/div>\n<p>For translating the module language, navigate through\u00a0<strong>src\/app\/code\/Webkul\/MobikulCore\/i18n<\/strong>\u00a0and edit the en_US.csv file.<\/p>\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<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-432347 zm-zoomer zm-zoomer-in\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/i18folder-transfer-i18-language-file.webp\" sizes=\"(max-width: 1200px) 100vw, 1200px\" 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\" alt=\"i18-translation-file-copy\" width=\"1200\" height=\"293\" loading=\"lazy\" \/><\/figure>\n<p>Now, upload it to the path\u00a0<strong>src\/app\/code\/Webkul\/MobikulCore\/i18n<\/strong>\u00a0where the installation of Magento 2 is on the server.<\/p>\n<p>The module translates into the Arabic Language. It supports both RTL and LTR languages.<\/p>\n<p>The user can edit the CSV like the image below.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-472448 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/i18.webp\" alt=\"i18 translation file \" width=\"1045\" height=\"831\" 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<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Initial &#8211;\u00a0 Admin Configuration<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can manage the Mobikul app from the backend in just a few simple set of steps.<\/p>\n<p>The app configuration is make by the app owner as per business requirement.<\/p>\n<p>The admin can amend the app as per the business requirement from Mobikul Configuration for this go to the\u00a0<strong>Stores &gt; Configuration &gt; Mobikul<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-469207\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/main.webp\" alt=\"main\n\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<h3><strong>Mobikul Basic Configuration<\/strong><\/h3>\n<p>It includes the basic configuration regarding Mobikul\u2019s initial requirement. Whereas, the admin can fill in details related to the app.<\/p>\n<p><strong>Navigation- Stores &gt; Settings &gt; Configuration &gt; Webkul &gt; Mobikul.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-470508 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/backend.webp\" alt=\"configuration\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<ul>\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<li><strong>Enable random featured product in home page? \u2013\u00a0<\/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<p><strong>Note-<\/strong>\u00a0If 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<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<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<ul>\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<h3><strong>FCM Push Notification Parameter<\/strong><\/h3>\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<p>So, please refer to our blog for learning more about:<\/p>\n<ul>\n<li><a href=\"https:\/\/mobikul.com\/knowledgebase\/generating-google-service-file-enable-fcm-firebase-cloud-messaging-android-application\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Sending notification through your app (via Firebase console)<\/strong><\/a>.\n<p><img decoding=\"async\" class=\"alignnone wp-image-470073 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/fcm.webp\" alt=\"fcm\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/fcm.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/fcm-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/fcm-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/fcm-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>Enter the Firebase Project ID.<\/li>\n<li>Upload FCM Auth JSON File.<\/li>\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<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<ul>\n<li><strong>iOS Topic:\u00a0<\/strong>This will be used in sending the notification on a group basis on iOS devices.<\/li>\n<\/ul>\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<h3><b>Payment Methods<\/b><\/h3>\n<p>In the payment methods section, only offline default payment methods will be visible which Magento2 provides if enabled.<\/p>\n<p>Also the mobile application end selected will be visible between these payment methods.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-469136 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/payment.webp\" alt=\"payment\" width=\"1120\" height=\"697\" 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\" \/><\/p>\n<h3><strong>Mobikul Catalog Search Configuration<\/strong><\/h3>\n<p>Admin can also configure your Mobikul\u2019s mobile application\u00a0<em><strong>SEARCH<\/strong><\/em>. You can configure your applications\u2019 search on the basis of products and tags.<\/p>\n<ul>\n<li><strong>Display Tags in Search:<\/strong>\u00a0If you want you can display the tags in your Mobikul application\u2019s search\u00a0result.<\/li>\n<li><strong>Number of Tags to display in Search:<\/strong>\u00a0Here you will set the limit on the number of tags that will be displayed in the search result.<\/li>\n<li><strong>Display products in Search:<\/strong>\u00a0If you want you can display the products in your Mobikul application\u2019s search\u00a0result.<\/li>\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\" class=\"alignnone size-full wp-image-469137\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/catalog.webp\" alt=\"payment\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/catalog.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/catalog-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/catalog-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/catalog-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/li>\n<\/ul>\n<h3 class=\"entry-edit-head admin__collapsible-block\"><strong>Application Download from Website<\/strong><\/h3>\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<div>\u00a0<\/div>\n<div><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\" \/><\/div>\n<p>Here, the admin will enter the details as-<\/p>\n<ul>\n<li><strong>Enable android application download-<\/strong>\u00a0The admin can set it, Yes to make the Android app link visible on the website.<\/li>\n<li><strong>Your application\u2019s, play store application link-<\/strong>\u00a0The admin can specify the link of the play store.<\/li>\n<li><strong>Enable ios application download-<\/strong>\u00a0The admin can set it, Yes to make the iOS app link visible on the website.<\/li>\n<li><strong>Your application\u2019s, app store application link-<\/strong>The admin can specify the link of the app store.<\/li>\n<li><strong>Enable Top link-<\/strong>\u00a0This will make the app links visible on the website at the top.<\/li>\n<li><strong>Enable Bottom link-<\/strong>\u00a0This will make the app links visible on the website at the bottom.<\/li>\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<p><img decoding=\"async\" class=\"alignnone size-full wp-image-469990\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/rename.webp\" alt=\"rename\" width=\"1600\" height=\"715\" 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\" \/><\/p>\n<h3>Mobikul Api Cache Settings<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-469149\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cache.webp\" alt=\"cache\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>Here, the admin will &#8211;\u00a0\u00a0<\/p>\n<ul>\n<li>Enable the cache.<\/li>\n<li>Set the cache refresh rate.<\/li>\n<li>Clear the cache by tapping the respective button.<\/li>\n<\/ul>\n<h3>Home Layout Configuration\u00a0<\/h3>\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<p><img decoding=\"async\" class=\"alignnone wp-image-469317 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/layout.webp\" alt=\"layout\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p><strong>Frontend View\u00a0<\/strong><\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<h4>Layout One<img decoding=\"async\" class=\"alignnone wp-image-469323 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup.webp\" alt=\"mockup\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/h4>\n<\/div>\n<h4 class=\"wk-columns --right\">Layout Two<img decoding=\"async\" class=\"alignnone size-full wp-image-398913\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-65.png\" alt=\"mockup-65\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-65.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-65-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-65-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-65-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/h4>\n<\/div>\n<h3>App Category View<\/h3>\n<p>The admin can also manage the category view.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-470003\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/app-category.webp\" alt=\"\napp-category\" width=\"1353\" height=\"537\" 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\" \/><\/p>\n<p>Two category views are provided in the demo that is <strong>Default Category View<\/strong> and<strong> Tab Category View<\/strong>:<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><strong>Default Category View<img decoding=\"async\" class=\"alignnone size-full wp-image-398805\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-6.png\" alt=\"mockup-6\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-6.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-6-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-6-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-6-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/strong><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><strong>Tab Category View<img decoding=\"async\" class=\"alignnone wp-image-470594 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/popip.webp\" alt=\"popip\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/popip.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/popip-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/popip-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/popip-140x249.webp 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/strong><\/div>\n<\/div>\n<h3>Launcher Icon Configuration\u00a0<\/h3>\n<p>The admin can also select the launcher icon. Further, the admin can manage the same from the admin panel:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-469318 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/icon.webp\" alt=\"icon\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>There are five types of launcher icons available as in the image below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-477899\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento2-mobile-app-launcher-icons.webp\" alt=\"admin can change launcher icons\" width=\"800\" height=\"600\" 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\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 id=\"dynamic-theme-management\" class=\"index-title copy-index\">Dynamic Theme Management<\/h3>\n<\/div>\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<h3>Light Mode Theme Configuration<\/h3>\n<p>The admin can also manage the theme configuration when the mobile phone theme mode is set to light.<\/p>\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>\u00a0<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-284401\" 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\" width=\"938\" height=\"924\" 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\" \/><\/p>\n<h3>Frontend View on Light Mode<\/h3>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-470019 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1.webp\" alt=\"mockup\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<h3>Dark Mode Theme Configuration<\/h3>\n<p>The admin can also manage the theme configuration when the mobile phone theme mode is set to dark.<\/p>\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>\u00a0<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-284406 size-full\" 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\" width=\"940\" height=\"1095\" 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\" \/><\/p>\n<h3>Frontend View on Dark Mode<\/h3>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-470020 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockupc.webp\" alt=\"mockupc\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<div class=\"wk-index-wrap\">\n<h3>Manage Walk Through<\/h3>\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<p><img decoding=\"async\" class=\"alignnone wp-image-469320 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/walk.webp\" alt=\"walk\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>The admin can manage the walkthrough configuration by navigating to the <strong>Mobikul &gt; Manage Walk Through<\/strong>.<\/p>\n<p>There the list of walk through will be visible as shown in the image below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-469523 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-walkthroughs.webp\" alt=\"manage-walkthroughs\" width=\"1120\" height=\"880\" 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\" \/><\/p>\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<p>Further, the admin needs to provide basic details like <strong>Walk Through Image, Title, Description, Color code (hexadecimal), Sort Order, <\/strong>and <strong><label for=\"GWSP9V4\" data-bind=\"attr: {for: uid}\">Walk Through Status.<\/label><\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-469531 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-walkthrough.webp\" alt=\"add-walkthrough\" width=\"1120\" height=\"880\" 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\" \/><\/p>\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<p><img decoding=\"async\" class=\"alignnone wp-image-469534 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/edit-warehouse.webp\" alt=\"edit-warehouse\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<h3>Walk Through Mobile App View<\/h3>\n<p>The walk through will look somewhat like the images shown below:<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398877\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-57.png\" alt=\"mockup-57\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-57.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-57-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-57-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-57-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><img decoding=\"async\" class=\"alignnone size-full wp-image-398879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-58.png\" alt=\"mockup-58\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-58.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-58-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-58-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-58-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<h3 class=\"index-title\">Manage Banner<\/h3>\n<\/div>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467236\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mobikul-menu-option.webp\" alt=\"mobikul-menu-option\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>Navigate through Mobikul-&gt;Manage Banner and the below section appears.<\/p>\n<p><a href=\"https:\/\/store.webkul.com\/magento2-mobile-app.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone size-full wp-image-469551\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-bnner.webp\" alt=\"manage\" width=\"1120\" height=\"880\" 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><\/p>\n<p>To add a new banner tap on the Add Banner button and below section appears.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-469554\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-banner.webp\" alt=\"banner\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>Here, to add a banner &#8211;\u00a0\u00a0<\/p>\n<ul>\n<li>Upload the banner image<\/li>\n<li>Set the sort order\u00a0<\/li>\n<li>Choose the banner type as Product or category\u00a0<\/li>\n<li>Accordingly set the product or category id\u00a0<\/li>\n<li>Choose the store view for which applicable<\/li>\n<li>Set the status of the banner and save the new banner.<\/li>\n<\/ul>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Manage Notifications<\/h3>\n<\/div>\n<p>The admin can simply add push notifications for displaying it on the mobile app.<\/p>\n<p>All the mobile app users can get the notification that the admin will push from the backend panel.<\/p>\n<p>Therefore the admin will set up the push notification configuration For this, go to the\u00a0<strong>Mobikul &gt; Manage Notifications.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467234\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-notification.webp\" alt=\"manage-notification\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>After that, the admin will push respective notifications. The notifications will be visible to the user\u2019s device apart from the\u00a0<strong>automatic push notifications of sale.<\/strong><\/p>\n<p><strong>Note<\/strong>: For using the above menu the\u00a0<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<h4>Add Notification<\/h4>\n<p>Click on the\u00a0<strong>Add Notification\u00a0<\/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<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467238\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-a.webp\" alt=\"notification\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-467239 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-notification-b.webp\" alt=\"notification\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p><strong>Notification Image:<\/strong>\u00a0Upload the notification image from this field.<\/p>\n<p><strong>Title:<\/strong>\u00a0Set the title of the notification.<\/p>\n<p><strong>Content:<\/strong>\u00a0Provide the content that will displayed with the notification.<\/p>\n<p><strong>Notification Type:<\/strong>\u00a0Notification type can be as\u00a0<strong>Product<\/strong>\u00a0or\u00a0<strong>Category\u00a0<\/strong>or<strong>\u00a0Custom Collection\u00a0<\/strong>or<strong>\u00a0Others.<\/strong><\/p>\n<p><strong>Product\/Category Id:\u00a0<\/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<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<p><strong>Store View:<\/strong>\u00a0Notification can be shown store view wise. \u201cAll Store Views\u201d can be selected for pushing the notification in all the store views.<\/p>\n<p><strong>Notification Status:<\/strong>\u00a0The notification can be enabled or disabled as per the requirement.<\/p>\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<p>Furthermore, when the customer selects\u00a0<strong>Product Attribute Assigned<\/strong>\u00a0then, they need to enter the corresponding\u00a0Product Type which one\u00a0wishes to see in the\u00a0custom collection notification.<\/p>\n<p><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-467240 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/custom.webp\" alt=\"custom\" width=\"1120\" height=\"880\" 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\" \/><\/p>\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<h3><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-467241 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/product-id.webp\" alt=\"product-id\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/product-id.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/product-id-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/product-id-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/product-id-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/h3>\n<p>Custom Collection Notification type is having one more additional option of\u00a0<strong>Newly Added Products with Count.\u00a0<\/strong>Here, the admin needs to enter the number of new products will display in the collection.<\/p>\n<p><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-467242 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/new-product.webp\" alt=\"\nnew-product\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Manage Featured Categories<\/h3>\n<\/div>\n<p>The admin can simply add featured categories for displaying it on the Mobikul application. For this, go to the\u00a0<strong>Mobikul &gt; Manage Featured Categories.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-467276 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/asd.webp\" alt=\"featured-categories\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<h4>Add New Featured Category<\/h4>\n<p>Click on the\u00a0<strong>Add Featured Category\u00a0<\/strong>button for adding a new featured category.<\/p>\n<p>The admin can configure the featured category as per the requirement by setting up the featured category information.<\/p>\n<p>The Featured Category Information has two sections to be configured for setting up the newly added featured category.<\/p>\n<p>The first one is the basic configuration of the featured category.<\/p>\n<p><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-467247 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/add-category.webp\" alt=\"add-category\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p><strong>Image:<\/strong>\u00a0Upload the featured category image from this field.<\/p>\n<p><strong>Sort Order:<\/strong>\u00a0This is the sort order of the featured category among other featured categories.<\/p>\n<p><strong>Store View:<\/strong>\u00a0The 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<p><strong>Featured Category Status:<\/strong>\u00a0The featured category can be enabled or disabled as per the requirement.<\/p>\n<p>Further, the second section is the category configuration of the featured category.<\/p>\n<p><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-467248 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/selection.webp\" alt=\"selection\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>Choose the category which will be redirected when the featured category image will be clicked.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Manage Categories Banners &amp; Icons<\/h3>\n<\/div>\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<p>Further, for configuring the category\u2019s banner and icon, navigate through the following path of the admin panel\u00a0<strong>Mobikul &gt; Manage Category\u2019s Banners and Icons.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467258\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-categories.webp\" alt=\"manage-categories\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<h4>Add Category\u2019s Banner And Icon<\/h4>\n<p>Click on the\u00a0<strong>Add Images\u00a0<\/strong>button for adding a new banner and icon to a category.<\/p>\n<p>The admin can configure the banner and icon as per the requirement by setting up the category image information.<\/p>\n<p><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-467264 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/image.webp\" alt=\"image\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p><strong>Icon Image:<\/strong>\u00a0Upload the icon image of the category.<\/p>\n<p><strong>Store View:<\/strong>\u00a0The 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<p>After setting up the banner image and icon image, select the category for which both banner and icon image ues.<\/p>\n<p><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-467267 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/category-image.webp\" alt=\"category-image\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p><strong>Default and Tab View Banner Image:<\/strong>\u00a0Upload the banner image of the category which will be displayed in the chosen parent category.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467270\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/default-view.webp\" alt=\"default-view\" width=\"1120\" height=\"880\" 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\" \/> <img decoding=\"async\" class=\"alignnone wp-image-467271 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/tab-view.webp\" alt=\"tab-view\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Mobikul Order History<\/h3>\n<\/div>\n<p>Mobikul Orders can now be separately managed in the admin panel.<\/p>\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<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<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467286\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-history.webp\" alt=\"order-history\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>Further, the admin can click on any one of the orders to view the details of the orders.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Mobikul Carousel Images<\/h3>\n<\/div>\n<p>Navigate through Mobikul-&gt;Mobikul Carouse Images.\u00a0<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467291\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-images.webp\" alt=\"carousel-images\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>To add a new carousel image, tap the Add button and fill in the details.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467293\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/carousel-new-image.webp\" alt=\" carousel-new-image\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Mobikul Carousels<\/h3>\n<\/div>\n<p>Navigate through Mobikul-&gt;Mobikul Carouse Images.\u00a0<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467304\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-carousel.webp\" alt=\"manage-carousel.\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>Tap Add to add a new product or image carousel.\u00a0<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467307\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/info.webp\" alt=\"info\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>Here, the admin will &#8211;\u00a0<\/p>\n<ul>\n<li>Choose the title<\/li>\n<li>Select the carousel type as &#8211; Product or Image\u00a0<\/li>\n<li>Select the background image<\/li>\n<li>Choose background color\u00a0<\/li>\n<li>Select the sort order<\/li>\n<li>Choose store view<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467305\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-a.webp\" alt=\"manage-carousel.\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>After that select the carousel images.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467306\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/cara-b.webp\" alt=\"manage-carousel.\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<p>Then, select the carousel products and lastly, save the carousel.\u00a0<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div>\n<div class=\"wk-index-wrap\">\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Home Page Configurator<\/h3>\n<\/div>\n<p><span style=\"font-size: inherit;\">The admin can manage the sorting of the category carousels present in the mobile app. For this, the admin will navigate to <\/span><strong style=\"font-size: inherit;\">Mobikul &gt; Manage App Creator<\/strong><span style=\"font-size: inherit;\">. <\/span><\/p>\n<p><span style=\"font-size: inherit;\">Then the admin can change the position by easily dragging the category and drop it to the desired position.<\/span><\/p>\n<\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-470025 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/home.webp\" alt=\"home\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3>\u00a0<\/h3>\n<h4>Order Label<\/h4>\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<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<p>For the reference an image is shown below:<\/p>\n<h3><img decoding=\"async\" class=\"alignnone wp-image-470028 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order.webp\" alt=\"order\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/order-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<p>Furthermore, check the <a href=\"https:\/\/mobikul.com\/knowledgebase\/magento2-mobile-app-admin-end-configuration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Admin End&#8217;s Configuration<\/a> to know more about the configuration setup.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">AR Product Configuration<\/h3>\n<\/div>\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<p>The products are the simple product and configurable product type with Mobikul Configuration attached to it for AR-Product type.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/AR-Product_edit.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-222249 wk-lazify-loaded\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/m2mobileapp_arproduct-edit.png\" alt=\"m2mobileapp_arproduct-edit\" width=\"1189\" height=\"665\" data-src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/m2mobileapp_arproduct-edit.png\" data-alt=\"m2mobileapp_arproduct-edit\" 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\" \/><\/a><\/p>\n<p>Here the admin can enter the details of the product as in default Magento.<\/p>\n<p>However, as specified above the admin needs to enter details in Mobikul Configuration-<\/p>\n<ul>\n<li><strong>AR-Model Type-<\/strong>\u00a0The admin can select the 3D model option to view the 3D image of the product.<\/li>\n<\/ul>\n<p>This option will enable two fields-<\/p>\n<p><strong>1-AR Model File For Android-\u00a0<\/strong>In this field the admin needs to enter the .sfb file which will contain\u00a0a 3D image of the product.<\/p>\n<p><strong>2-AR Model File For Ios-\u00a0<\/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<ul>\n<li><strong>Texture Image-<\/strong>\u00a0Here, the admin needs to enter the background of the 3D image.<\/li>\n<\/ul>\n<p>If the admin select\u00a0<strong>2-D for AR Model Type<\/strong>\u00a0then the following options will appear:<\/p>\n<ul>\n<li><strong>AR 2-D Model File-<\/strong>\u00a0Here the admin needs to select the\u00a0<strong>.png file type image<\/strong>\u00a0for the 2-D model.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-252322 zm-zoomer zm-zoomer-in wk-lazify-loaded\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/2d-model.png\" alt=\"2d-model\" width=\"1248\" height=\"480\" data-src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/01\/2d-model.png\" data-alt=\"2d-model\" 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\" \/><\/p>\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=\"noopener noreferrer\"><strong>here<\/strong><\/a>.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Mobikul Watch<\/h3>\n<\/div>\n<p>Note- You can use Mobikul app features on Android smartwatches with the help of the\u00a0<a href=\"https:\/\/store.webkul.com\/magento2-watch-app.html\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">Magento 2 Watch App<\/a> extension(This is a paid service)<\/p>\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<p><img decoding=\"async\" class=\"alignnone size-full wp-image-467359\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/manage-watches.webp\" alt=\"manage-watches\" width=\"1120\" height=\"880\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Frontend Of Mobikul Mobile App Builder<\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<h2>Splash<\/h2>\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<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398874\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-55.png\" alt=\"mockup-55\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Homepage<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>The homepage of the app is having multiple sections to divide it into usable sections. The<\/p>\n<ul>\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<p style=\"padding-left: 30px;\">Thus, on clicking on the particular category the user will go to the category collection page.<\/p>\n<ul>\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<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398834\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-32.png\" alt=\"mockup-32\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<ul>\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<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398916\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-67.png\" alt=\"mockup-67\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<ul>\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<p style=\"padding-left: 30px;\">They can be of either Product type or Image Type. So, for better understanding, we have the following sections-<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Hot deals<\/li>\n<li>Trending now<\/li>\n<li>Best Offers<\/li>\n<li>Fashion accessories<\/li>\n<li>Daily Deals<\/li>\n<li>Offers For You(Banner)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398835\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-33.png\" alt=\"mockup-33\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-33.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-33-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-33-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-33-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398876\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-56.png\" alt=\"mockup-56\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-56.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-56-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-56-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-56-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"para-images\">\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398894\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-62.png\" alt=\"mockup-62\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-62.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-62-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-62-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-62-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398845\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-39.png\" alt=\"mockup-39\" width=\"720\" height=\"1280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-39.png 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-39-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-39-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-39-140x249.png 140w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li><strong>Recently Viewed Products-<\/strong> The products which the user has viewed in near past will be displayed in this section.<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\">Thus, allowing a higher rate of conversion by providing a repeated view of the product.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398866\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-48.png\" alt=\"mockup-48\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Notifications<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The app user can get informed about the upcoming offers, schemes, order changes, and Abandoned cart via notification features.<\/p>\n<p>These Firebase Push Notification can contain any information from the above-mentioned topics.<\/p>\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<p>So, the notification is linked with the order, product, category or cart which will open on clicking them.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398844\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-38.png\" alt=\"mockup-38\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Search<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<p><strong>1-Search Via Term-<\/strong> The search feature operates in 3 ways- Like, Full Text, and Combine.<\/p>\n<ul>\n<li>\u2018Like\u2019 finds the similarity between the keywords matching with product titles,<\/li>\n<li>\u2018Full Text\u2019 exactly matches the keyword with the titles and<\/li>\n<li>\u2018Combine\u2019 is a mix of both.<\/li>\n<\/ul>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398868\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-49.png\" alt=\"mockup-49\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<p>Thus, allowing the customer to look for the desired product easily.<\/p>\n<p><strong>2-Make An Advanced Search-<\/strong><\/p>\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<ul>\n<li>Product Name<\/li>\n<li>SKU<\/li>\n<li>Description<\/li>\n<li>Short Description<\/li>\n<li>Price Range.<\/li>\n<\/ul>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/advanced_search.jpg\" alt=\"advanced_search\" width=\"1080\" height=\"2280\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/advanced_search_2.jpg\" alt=\"advanced_search_2\" width=\"1080\" height=\"2280\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<p>Thus, this feature can save a lot of time of customer as it optimizes the search process in the best way.<\/p>\n<p><strong>3- Search Via Image- Machine Learning-<\/strong><\/p>\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<ul>\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<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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398869\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-50.png\" alt=\"mockup-50\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Navigation Drawer<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>The navigation drawer has multiple options for the app user to use.<\/p>\n<ul>\n<li>Sign in\/ Signup option<\/li>\n<li>Categories<\/li>\n<li>Website<\/li>\n<li>Language<\/li>\n<li>Currency<\/li>\n<li>Settings<\/li>\n<li>Privacy Policy<\/li>\n<li>About Us<\/li>\n<li>Customer Service<\/li>\n<li>Compare Products<\/li>\n<li>Orders and Returns<\/li>\n<li>Contact us<\/li>\n<li>App Version.<\/li>\n<\/ul>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398842\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-36.png\" alt=\"mockup-36\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398843\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-37.png\" alt=\"mockup-37\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Sign In\/ Sign Up<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\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<ul>\n<li>Sign in with the Email address<\/li>\n<li>Create An Account<\/li>\n<li>Options For Social Login(*paid)<\/li>\n<\/ul>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398871\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-52.png\" alt=\"mockup-52\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Sign Up- Create An Account<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\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<div class=\"para-images\">\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398873\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-54.png\" alt=\"mockup-54\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Sign in<\/h3>\n<\/div>\n<div>\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<p>So, the app user can even create a new account if not registered from this page also.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\"><img decoding=\"async\" class=\"alignnone size-full wp-image-398872\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-53.png\" alt=\"mockup-53\" width=\"720\" height=\"1280\" 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\" \/><\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div>\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Sign-in Via Social Login<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<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<p>To know more details refer here- <a href=\"https:\/\/mobikul.com\/features\/sign-in-social-accounts-facebook-twitter-linkedin-google\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sign-in via Social Accounts.<\/a><\/p>\n<div class=\"para-images\">\n<div>\n<p><span style=\"font-size: revert; color: initial;\">Thus, once Logged in the customer will be able to view an additional section that is- &#8216;<\/span><strong style=\"font-size: revert; color: initial;\">Account<\/strong><span style=\"font-size: revert; color: initial;\">&#8216;. This section will be having the personal detail of customer which we discuss later.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398903\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64.png\" alt=\"mockup-64\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Categories<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<h4>Categories View-<\/h4>\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<p>Thus, on clicking, particular sub-category the user will be directed to the collection page.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398815\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-14.png\" alt=\"mockup-14\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398816\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-15.png\" alt=\"mockup-15\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<p><strong>Sort-<\/strong> The app user can sort the order of the product appearing in the collection page to easily view the desired options.<\/p>\n<p>So, the app user can click on Sort which opens a list of options to re-order the products.<\/p>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398817\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-16.png\" alt=\"mockup-16\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>Filter-<\/strong> This option is meant to attract customer by optimizing the search process wherein the app user could filter out non-desirable products.<\/p>\n<p>Thus, the customer can click on the filter button and select the attributes of desirable products.<\/p>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398818\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-17.png\" alt=\"mockup-17\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h4>Product View-<\/h4>\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<ul>\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<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398858\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-43.png\" alt=\"mockup-43\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<div class=\"para-images\">\n<div>\u00a0<\/div>\n<\/div>\n<ul>\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<li><strong>Compare-<\/strong> The app user can click on the Compare button to add the product to the comparison list.<\/li>\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<li><strong>Edit quantity- <\/strong>The app user can append the quantity to purchase of the product from here.<\/li>\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<li><strong>Buy Now-<\/strong> The customer can click on Buy Now Button in order to directly move to the checkout.<\/li>\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<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<li><strong>Reviews attached to products along with the ratings<\/strong><\/li>\n<\/ul>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398861\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-44.png\" alt=\"mockup-44\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398862\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-45.png\" alt=\"mockup-45\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<p><strong>List\/Grid View-<\/strong><\/p>\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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398865\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-47.png\" alt=\"mockup-47\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398863\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-46.png\" alt=\"mockup-46\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Account<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398909\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-64-1.png\" alt=\"mockup-64-1\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Dashboard<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<ul>\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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398824\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-22.png\" alt=\"mockup-22\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Thus, the app user can click on any corresponding order and get the details of the of complete order.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398826\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-25.png\" alt=\"mockup-25\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398827\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-26.png\" alt=\"mockup-26\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<ul>\n<li><strong>Address-<\/strong> This contains the information about the Default Billing Address, Default Shipping Address, and Manage Other Addresses.<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\">The app user can click on any address to edit the details on the address.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398801\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-3.png\" alt=\"mockup-3\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398803\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-4.png\" alt=\"mockup-4\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<p>Here the app user can click on Manage Other Addresses to change the details of other address.<\/p>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398804\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-5.png\" alt=\"mockup-5\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li><strong>Review-<\/strong> In this section, the Review which is submit by the customer on various products are visible here.<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\">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<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398828\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-27.png\" alt=\"mockup-27\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398829\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-28.png\" alt=\"mockup-28\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Wishlist<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-59.png\" alt=\"mockup-59\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Order<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<p>The customer for this section examine the details of the order and perform the action on the orders like-<\/p>\n<ul>\n<li>Know details of the order<\/li>\n<li>Reorder the products in the order<\/li>\n<li>Review the products in the order.<\/li>\n<\/ul>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398846\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-40.png\" alt=\"mockup-40\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">My Downloadable Products<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>It will display the details of all the downloadable products of the customer with<\/p>\n<ul>\n<li>Order ID,<\/li>\n<li>Date,<\/li>\n<li>Title,<\/li>\n<li>Status and<\/li>\n<li>Remaining Downloads,<\/li>\n<li>along with a button to download the product.<\/li>\n<\/ul>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398840\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-35.png\" alt=\"mockup-35\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Product Review<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398848\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-42.png\" alt=\"mockup-42\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Address Book<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>It is just like a directory wherein we save all the addresses. Here, we will save the-<\/p>\n<ul>\n<li>Default addresses of Billing and Shipping.<\/li>\n<li>List of other addresses.<\/li>\n<\/ul>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398889\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-61.png\" alt=\"mockup-61\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Thus, from this section, the customer can &#8216;Add New Address&#8217;, edit the present address or delete the addresses.<\/p>\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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398890\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-60-1.png\" alt=\"mockup-60-1\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\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<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Account Information<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<ul>\n<li>Their first and last name,<\/li>\n<li>Registered mail address for the login purpose, and<\/li>\n<li>Password linked with the registered account.<\/li>\n<\/ul>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398800\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-2.png\" alt=\"mockup-2\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Preferences<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>This section contains the details related to the app-<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Website<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\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<p>However, in the backend, the admin needs to enter the translation related to each website.<\/p>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398914\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-66.png\" alt=\"mockup-66\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Language<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398839\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-34.png\" alt=\"mockup-34\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\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<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398983\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-68.png\" alt=\"mockup-68\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Currencies<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398823\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-21.png\" alt=\"mockup-21\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398821\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-20.png\" alt=\"mockup-20\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Settings<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The app user can take control of the apps few basic functionalities likewise-<\/p>\n<h4>Notification<\/h4>\n<p>The app user can manage the notification from the app. This is for various steps in the app-<\/p>\n<p>Thus, the app user can disable or enable &#8211;<\/p>\n<ul>\n<li><strong>all the notification<\/strong> of the app.<\/li>\n<li><strong>Orders<\/strong> based notifications.<\/li>\n<li><strong>Offer<\/strong> based notifications.<\/li>\n<li>The app User can even monitor the notifications for an <strong>abandoned cart.<\/strong><\/li>\n<\/ul>\n<p><strong>Offline data<\/strong><\/p>\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<ul>\n<li>Track and Show Recently Viewed Products.<\/li>\n<li>Track and Show Search History.<\/li>\n<\/ul>\n<p>Thus, the above details can be even clear from history.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398870\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-51.png\" alt=\"mockup-51\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<div class=\"para-images\">\n<div>\u00a0<\/div>\n<\/div>\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<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Other CMS Pages<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Here you can see all the CMS Pages that were created by the store admin.<\/p>\n<p>They can be anything like- Privacy Policy, About Us page, Contact Us page, and other such pages.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398847\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-41.png\" alt=\"mockup-41\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398794\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-1.png\" alt=\"mockup-1\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Compare Product<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<p>Thus, allowing them to finalize a product from multiple options.<\/p>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398819\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-18.png\" alt=\"mockup-18\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Contact Us<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The customer can communicate with the store owner or admin by sharing a message from this section.<\/p>\n<p>Thus helping the customer to build a strong relationship with the store owner.<\/p>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398820\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-19.png\" alt=\"mockup-19\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Cart And Checkout<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\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<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398809\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-9.png\" alt=\"mockup-9\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398810\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-10.png\" alt=\"mockup-10\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"para-images\">\n<div>\u00a0<\/div>\n<\/div>\n<p>Then the app user can easily complete the checkout process in a few steps.<\/p>\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<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398811\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-11.png\" alt=\"mockup-11\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398812\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-12.png\" alt=\"mockup-12\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<\/div>\n<p>Finally, post-payment the user can click on <strong>Place Order<\/strong> for successful order generation at store end.<\/p>\n<div class=\"para-images\">\n<div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398813\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-13.png\" alt=\"mockup-13\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"index-title\">Add Review For Delivery Boy<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After the completion of the order, the customer can add the review as per the delivery experience.<\/p>\n<p>For this, the customer can simply view the order in the mobile application and follow the below process:<\/p>\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=\"noopener\">Magento 2 Delivery Boy App<\/a> to get it.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-411463 zm-zoomer zm-zoomer-in\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-62.png\" sizes=\"(max-width: 720px) 100vw, 720px\" 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\" alt=\"mockup-62\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<p>The customers can also track, the delivery boy by tapping the track button in the mobile app.<\/p>\n<p>Apart from that, after tapping the help button they can start a chat with the admin for the respective order.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p class=\"wk-video-mockup-frame\"><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-482439 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/mobikul-iteam-ordered-1.webp\" alt=\"order product\" width=\"1080\" height=\"2400\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/mobikul-iteam-ordered-1.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/mobikul-iteam-ordered-1-135x300.webp 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/mobikul-iteam-ordered-1-461x1024.webp 461w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/mobikul-iteam-ordered-1-112x249.webp 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/mobikul-iteam-ordered-1-768x1707.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/mobikul-iteam-ordered-1-691x1536.webp 691w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/02\/mobikul-iteam-ordered-1-922x2048.webp 922w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p class=\"wk-video-mockup-frame\"><img decoding=\"async\" class=\"zm-zoomer zm-zoomer-in alignnone wp-image-486922 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento-order-tracking-1.webp\" alt=\"order tracking\" width=\"720\" height=\"1600\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento-order-tracking-1.webp 720w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento-order-tracking-1-135x300.webp 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento-order-tracking-1-461x1024.webp 461w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento-order-tracking-1-112x249.webp 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/webkul-magento-order-tracking-1-691x1536.webp 691w\" sizes=\"(max-width: 720px) 100vw, 720px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-411469 zm-zoomer zm-zoomer-in\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mockup-65.png\" sizes=\"(max-width: 720px) 100vw, 720px\" 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\" alt=\"help - chat with the admin\" width=\"720\" height=\"1280\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">AR Product<\/h3>\n<\/div>\n<p>Firstly, apart from the default Magento(Adobe Commerce) product, the app support an additional product type that is AR.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-398807\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/mockup-8.png\" alt=\"mockup-8\" width=\"720\" height=\"1280\" 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\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<div class=\"para-images\">\n<div>\u00a0<\/div>\n<\/div>\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<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p class=\"wk-video-mockup-frame\"><img decoding=\"async\" class=\"alignnone size-full wp-image-167238 zm-zoomer zm-zoomer-in\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product_surfacedetection.jpg\" sizes=\"(max-width: 1080px) 100vw, 1080px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product_surfacedetection.jpg 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product_surfacedetection-122x249.jpg 122w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product_surfacedetection-147x300.jpg 147w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product_surfacedetection-768x1564.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product_surfacedetection-503x1024.jpg 503w\" alt=\"AR-Product_surfacedetection\" width=\"1080\" height=\"2200\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p class=\"wk-video-mockup-frame\"><img decoding=\"async\" class=\"alignnone size-full wp-image-167237 zm-zoomer zm-zoomer-in\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product.jpg\" sizes=\"(max-width: 1080px) 100vw, 1080px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product.jpg 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product-122x249.jpg 122w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product-147x300.jpg 147w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product-768x1564.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/AR-Product-503x1024.jpg 503w\" alt=\"AR-Product\" width=\"1080\" height=\"2200\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"wk-two-columns\">\u00a0<\/div>\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=\"noopener noreferrer\">https:\/\/mobikul.com\/mobikul-mobile-app-builder-for-magento2-augmented-reality\/.<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><span style=\"font-size: inherit;\">If you still have any issue feel free to add a ticket and let us know your views to make the module better <\/span><a style=\"font-size: inherit;\" href=\"https:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/webkul.uvdesk.com<\/a><span style=\"font-size: inherit;\">. <\/span><\/p>\n<div class=\"wkpl-promo-ad\">\u00a0<\/div>\n\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Mobile App Builder transforms your Magento 2 store into a Flutter Native app, allowing shopping on Android and iOS smartphones. Magento 2 Mobile App&#8217;s features are very much 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 have <a href=\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":113,"featured_media":68038,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[221,3070,4160,4156,74,4157,2070,4161,1865,4155,4159,4158,405],"class_list":["post-67452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","tag-android","tag-app","tag-application","tag-builder","tag-ecommerce","tag-ios","tag-magento2","tag-mcommerce","tag-mobikul","tag-mobile","tag-notification","tag-push","tag-store"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide of Mobikul Mobile App Builder Extension<\/title>\n<meta name=\"description\" content=\"Magento 2 Mobile app builder provides a readymade flutter native mobile application(android\/ios) where no technical knowledge is required.\" \/>\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\/magento2-mobikul-mobile-app-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide of Mobikul Mobile App Builder Extension\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Mobile app builder provides a readymade flutter native mobile application(android\/ios) where no technical knowledge is required.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/\" \/>\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=\"2016-12-14T16:30:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T14:16:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sushil K Saini\" \/>\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=\"Sushil K Saini\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"53 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/\"},\"author\":{\"name\":\"Sushil K Saini\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/c9102038b8fe8af5fd8d538758375102\"},\"headline\":\"User Guide of Mobikul Mobile App Builder\",\"datePublished\":\"2016-12-14T16:30:38+00:00\",\"dateModified\":\"2026-03-30T14:16:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/\"},\"wordCount\":6227,\"commentCount\":18,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png\",\"keywords\":[\"android\",\"app\",\"application\",\"builder\",\"ecommerce\",\"ios\",\"Magento2\",\"mCommerce\",\"Mobikul\",\"mobile\",\"notification\",\"push\",\"store\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/\",\"name\":\"User Guide of Mobikul Mobile App Builder Extension\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png\",\"datePublished\":\"2016-12-14T16:30:38+00:00\",\"dateModified\":\"2026-03-30T14:16:54+00:00\",\"description\":\"Magento 2 Mobile app builder provides a readymade flutter native mobile application(android\/ios) where no technical knowledge is required.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide of Mobikul 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\/c9102038b8fe8af5fd8d538758375102\",\"name\":\"Sushil K Saini\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6b70a71b0716a81f58e5e9ad117727c006be0213f7ddcdca637225cc60d04af9?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6b70a71b0716a81f58e5e9ad117727c006be0213f7ddcdca637225cc60d04af9?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Sushil K Saini\"},\"sameAs\":[\"http:\/\/webkul.com\/blog\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/sushil-kumar715\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide of Mobikul Mobile App Builder Extension","description":"Magento 2 Mobile app builder provides a readymade flutter native mobile application(android\/ios) where no technical knowledge is required.","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\/magento2-mobikul-mobile-app-builder\/","og_locale":"en_US","og_type":"article","og_title":"User Guide of Mobikul Mobile App Builder Extension","og_description":"Magento 2 Mobile app builder provides a readymade flutter native mobile application(android\/ios) where no technical knowledge is required.","og_url":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-12-14T16:30:38+00:00","article_modified_time":"2026-03-30T14:16:54+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png","type":"image\/png"}],"author":"Sushil K Saini","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Sushil K Saini","Est. reading time":"53 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/"},"author":{"name":"Sushil K Saini","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/c9102038b8fe8af5fd8d538758375102"},"headline":"User Guide of Mobikul Mobile App Builder","datePublished":"2016-12-14T16:30:38+00:00","dateModified":"2026-03-30T14:16:54+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/"},"wordCount":6227,"commentCount":18,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png","keywords":["android","app","application","builder","ecommerce","ios","Magento2","mCommerce","Mobikul","mobile","notification","push","store"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/","url":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/","name":"User Guide of Mobikul Mobile App Builder Extension","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png","datePublished":"2016-12-14T16:30:38+00:00","dateModified":"2026-03-30T14:16:54+00:00","description":"Magento 2 Mobile app builder provides a readymade flutter native mobile application(android\/ios) where no technical knowledge is required.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/download.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-mobikul-mobile-app-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide of Mobikul 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\/c9102038b8fe8af5fd8d538758375102","name":"Sushil K Saini","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6b70a71b0716a81f58e5e9ad117727c006be0213f7ddcdca637225cc60d04af9?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b70a71b0716a81f58e5e9ad117727c006be0213f7ddcdca637225cc60d04af9?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Sushil K Saini"},"sameAs":["http:\/\/webkul.com\/blog"],"url":"https:\/\/webkul.com\/blog\/author\/sushil-kumar715\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/67452","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\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=67452"}],"version-history":[{"count":233,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/67452\/revisions"}],"predecessor-version":[{"id":510571,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/67452\/revisions\/510571"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/68038"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=67452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=67452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=67452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}