{"id":544502,"date":"2026-06-23T14:20:33","date_gmt":"2026-06-23T14:20:33","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=544502"},"modified":"2026-06-23T14:20:48","modified_gmt":"2026-06-23T14:20:48","slug":"user-guide-for-medusajs-mobile-app-builder","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/","title":{"rendered":"User Guide for Medusajs Mobile App Builder"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" href=\"https:\/\/store.webkul.com\/medusa-mobile-app.html\" style=\"border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:#ce3614;font-size:14px;font-style:normal;font-weight:400\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">    Buy Now   <\/a><\/div>\n<\/div>\n\n\n\n<p><a href=\"https:\/\/store.webkul.com\/mobile-app-builder-for-adobe-commerce-b2b.html#wsShowScreenShots\">Medusajs<\/a> Mobile App Builder transforms your Medusajs store into a Flutter Native mobile application, enabling a seamless shopping experience on both Android and iOS devices.<\/p>\n\n\n\n<p>The MedusaJS Mobile App provides features and functionality similar to your online MedusaJS store.<\/p>\n\n\n\n<p>All essential eCommerce features are integrated into the mobile application to ensure a consistent shopping experience across web and mobile platforms.<\/p>\n\n\n\n<p>The Medusajs Mobile App Builder enables businesses to create a feature-rich mobile shopping application that works seamlessly across Android and iOS devices.<\/p>\n\n\n\n<p>This is a <a href=\"https:\/\/mobikul.com\/ecommerce\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored nofollow\">ready-made mobile application solution<\/a> that allows store owners to expand their business reach, increase customer engagement, and drive more sales through mobile commerce.<\/p>\n\n\n\n<p>The MedusaJS Mobile App with source code helps businesses strengthen their competitive advantage by delivering a fast, secure, and seamless mobile shopping experience.<\/p>\n\n\n\n<p>The Medusajs Mobile App Builder provides all essential eCommerce features required for a seamless shopping experience.<\/p>\n\n\n\n<p>A modern mobile application powered by MedusaJS can help create a strong mobile presence, offering advanced features and an enhanced user experience for your customers.<\/p>\n\n\n\n<p>The Flutter Native Mobile App for your MedusaJS store includes all the essential features and functionalities required for a successful mobile commerce strategy.<\/p>\n\n\n\n<p><a href=\"https:\/\/mobikul.com\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored nofollow\">Mobikul<\/a> simplifies the mobile commerce journey by providing a feature-rich mobile app solution for your MedusaJS store, enabling you to effectively engage customers on mobile platforms.<\/p>\n\n\n\n<p>The MedusaJS Mobile App is built to provide a smooth, responsive, and reliable shopping experience, helping businesses grow their mobile sales and strengthen customer relationships.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"features\">Features<\/h3>\n\n\n<ul>\n<li>Supports Simple Products and Configurable Products (Variants).<\/li>\n<li>Interactive promotional banners.<\/li>\n<li>Supports Product Carousel for Enhanced Product Discovery.<\/li>\n<li>Fast, responsive, and intuitive user interface built with Flutter Native technology.<\/li>\n<li>Supports default MedusaJS shipping methods.<\/li>\n<li>Supports multiple payment gateways integrated with the MedusaJS backend.<\/li>\n<li>Easy-to-configure admin management and synchronization with the MedusaJS store.<\/li>\n<li>Full Flutter Native application built using Dart for Android and iOS platforms.<\/li>\n<li>Related Products recommendations.<\/li>\n<li>Mobile and Tablet support.<\/li>\n<li>Fast and streamlined checkout process.<\/li>\n<li>Support for product variants.<\/li>\n<li>Multi-currency support.<\/li>\n<li>Real-time order status updates and push notifications.<\/li>\n<li>Customer Account Management.<\/li>\n<li>Order History.<\/li>\n<li>Multi-language support.<\/li>\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">Mobikul Module Installation Guide for Medusa<\/h3>\n\n\n\n<p>This guide explains how to install and configure the Mobikul module in an existing Medusa backend.<\/p>\n\n\n\n<p>Once installed, the module allows administrators to manage the customer app homepage, banners, featured categories, and push notifications directly from the Medusa Admin Panel.<\/p>\n\n\n\n<p>Setting up the Medusajs Mobile App Builder is simple and requires minimal configuration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prerequisites<\/h3>\n\n\n\n<p>Before starting the installation, ensure the following requirements are met:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Medusa backend is already installed and running.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Server access is available.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Node.js and npm are installed.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Database connection is working properly.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Admin access to the Medusa backend is available.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Navigate to the Medusa Backend<\/h3>\n\n\n\n<p>Open your terminal and move to the client&#8217;s Medusa backend directory.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">cd \/path\/to\/client-medusa-backend<\/pre>\n\n\n<p>Replace <code>\/path\/to\/client-medusa-backend<\/code> with the actual location of the Medusa backend project.<\/p>\n\n\n\n<p><strong>Examples:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">cd \/var\/www\/client-medusa-backend<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">cd \/home\/ubuntu\/client-medusa-backend<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">cd \/opt\/apps\/client-medusa-backend<\/pre>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Copy Mobikul Module Files<\/h3>\n\n\n\n<p>Copy the Mobikul module files into the client&#8217;s Medusa backend project.<\/p>\n\n\n\n<p><strong>Required directories:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">src\/modules\/mobikul\nsrc\/api\/store\/mobikul\nsrc\/api\/admin\/mobikul\nsrc\/admin\/routes\/mobikul<\/pre>\n\n\n<p>If additional widgets are included in your implementation, also copy:<\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">src\/admin\/widgets\/<\/pre>\n\n\n<p>After copying the files, verify that all directories exist in the target project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Install Required Dependencies<\/h3>\n\n\n\n<p>Install the Firebase Admin package required for push notification functionality.<\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm install firebase-admin<\/pre>\n\n\n<p>Wait for the installation process to complete successfully.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Register the Module in Medusa<\/h3>\n\n\n\n<p>Open the Medusa configuration file:<\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">medusa-config.ts<\/pre>\n\n\n<p>Add the Mobikul module configuration according to your implementation.<\/p>\n\n\n\n<p>After saving the configuration, Medusa will recognize the Mobikul module during startup.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Add Environment Variables<\/h3>\n\n\n\n<p>Open the <code>.env<\/code> file and add the required configuration values.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">MEDUSA_BACKEND_URL=https:\/\/your-domain.com\nMEDUSA_ADMIN_BACKEND_URL=https:\/\/your-domain.com<\/pre>\n\n\n<p>Depending on your infrastructure and integrations, additional environment variables may also be required, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Database configuration<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Redis configuration<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Storage provider credentials<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Base URL settings<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firebase configuration for push notifications<\/li>\n<\/ul>\n\n\n\n<p>Make sure all required values are correctly configured before proceeding.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Run Database Migrations<\/h3>\n\n\n\n<p>Apply the required database migrations.<\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm run migrate<\/pre>\n\n\n<p>This command creates the necessary database structures required by the Mobikul module.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7: Build the Backend<\/h3>\n\n\n\n<p>Build the Medusa backend to include the newly added module.<\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm run build<\/pre>\n\n\n<p>Ensure the build process completes without errors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 8: Restart the Server<\/h3>\n\n\n\n<p>Start or restart the Medusa backend server.<\/p>\n\n\n\n<p><strong>Production:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm run start<\/pre>\n\n\n<p><strong>Development:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm run dev<\/pre>\n\n\n<p>The development mode enables automatic reloading whenever changes are made.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 9: Access the Mobikul Admin Panel<\/h3>\n\n\n\n<p>After the server starts successfully, open the Medusa Admin Panel.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">https:\/\/your-domain.com\/app\/mobikul<\/pre>\n\n\n<p>You should now see the Mobikul management section inside the admin panel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 10: Configure the Mobikul Module<\/h3>\n\n\n\n<p>After installation, configure the module using the Mobikul section available in the Medusa Admin Panel.<\/p>\n\n\n\n<p>The Medusajs Mobile App Builder includes the Mobikul module, which provides homepage management, banners, featured categories, and push notifications.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dashboard<\/h3>\n\n\n\n<p>The dashboard provides an overview of the Mobikul module, homepage tools, push notification tools, and configuration status.<\/p>\n\n\n\n<p><strong>Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Module summary<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Homepage management overview<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Push notification status<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Quick configuration guidance<\/li>\n<\/ul>\n\n\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545186\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp\" alt=\"Customer app overview and module summary\" width=\"2560\" height=\"1421\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-300x167.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-1200x666.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-250x139.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-768x426.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-1536x853.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-2048x1137.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n\n\n<h3 class=\"wp-block-heading\">Homepage Configuration<\/h3>\n\n\n\n<p>The Homepage section allows administrators to create and manage the customer app homepage layout.<\/p>\n\n\n\n<p><strong>Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Drag-and-drop homepage sections<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Manage collection sections<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reorder homepage blocks<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure featured content<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Live homepage structure preview<\/li>\n<\/ul>\n\n\n\n<p>The configured order is automatically reflected in the mobile application.<\/p>\n\n\n\n<p>To do this, the admin needs to click on the Mobikul option from the Extensions menu and then navigate to <strong>Extensions &gt; Mobikul &gt; Homepage.<\/strong><\/p>\n\n\n\n<p>From there, the admin can easily arrange Featured Categories, Banner Images, Collections, and other homepage sections using the drag-and-drop functionality. <\/p>\n\n\n\n<p>The configured order is automatically reflected in the mobile application.<\/p>\n\n\n<p><img decoding=\"async\" class=\"alignnone wp-image-545179 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/hqdvflymzhaurppadisq-scaled-e1782205486360.webp\" alt=\"Layout, collections, and section ordering\" width=\"2560\" height=\"1434\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/hqdvflymzhaurppadisq-scaled-e1782205486360.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/hqdvflymzhaurppadisq-scaled-e1782205486360-300x168.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/hqdvflymzhaurppadisq-scaled-e1782205486360-1200x672.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/hqdvflymzhaurppadisq-scaled-e1782205486360-250x140.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/hqdvflymzhaurppadisq-scaled-e1782205486360-768x430.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/hqdvflymzhaurppadisq-scaled-e1782205486360-1536x860.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/hqdvflymzhaurppadisq-scaled-e1782205486360-2048x1147.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n\n\n<h4 class=\"wp-block-heading\"><strong>Frontend View<\/strong><\/h4>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544691 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage.webp\" alt=\"Medusajs Mobile App Builder Home Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544731 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa.webp\" alt=\"Medusajs Mobile App Builder Home Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Banners<\/h3>\n\n\n\n<p>The Banners section is used to manage promotional banners displayed within the customer application.<\/p>\n\n\n\n<p><strong>Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add new banners<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Upload banner images<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure banner targets<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set banner sort order<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable banners<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Redirect users to products or categories<\/li>\n<\/ul>\n\n\n\n<p>These banners appear prominently on the homepage and help promote products and campaigns.<\/p>\n\n\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545177\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cqte5xbiiwnqu7jw5kjf-scaled.webp\" alt=\"Manage homepage banners that should appear in the Flutter app\" width=\"2560\" height=\"1409\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cqte5xbiiwnqu7jw5kjf-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cqte5xbiiwnqu7jw5kjf-300x165.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cqte5xbiiwnqu7jw5kjf-1200x660.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cqte5xbiiwnqu7jw5kjf-250x138.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cqte5xbiiwnqu7jw5kjf-768x423.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cqte5xbiiwnqu7jw5kjf-1536x845.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cqte5xbiiwnqu7jw5kjf-2048x1127.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545176\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/bpvdecelki8ofk4padz5-scaled.webp\" alt=\"Edit homepage banners that should appear in the Flutter app.\" width=\"2560\" height=\"1431\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/bpvdecelki8ofk4padz5-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/bpvdecelki8ofk4padz5-300x168.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/bpvdecelki8ofk4padz5-1200x671.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/bpvdecelki8ofk4padz5-250x140.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/bpvdecelki8ofk4padz5-768x429.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/bpvdecelki8ofk4padz5-1536x858.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/bpvdecelki8ofk4padz5-2048x1145.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n\n\n<h3 class=\"wp-block-heading\"><strong>Featured Categories<\/strong><\/h3>\n\n\n\n<p>Featured Categories allow administrators to create quick-access category shortcuts for customers.<\/p>\n\n\n\n<p><strong>Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add category icons<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select category destinations<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure display order<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable categories<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Manage category visibility<\/li>\n<\/ul>\n\n\n\n<p>Featured categories appear on the home screen for easier customer navigation.<\/p>\n\n\n\n<p>Featured categories are managed from <strong><strong>Extensions &gt; Mobikul &gt;<\/strong> Featured Categories<\/strong> in the Medusa Admin Panel. <\/p>\n\n\n\n<p>Each featured category can be assigned a custom image, display order, and status, giving merchants complete control over how categories appear in the mobile application.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Features<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display selected categories prominently on the Home screen.<\/li>\n\n\n\n<li>Assign custom category images\/icons for visual appeal.<\/li>\n\n\n\n<li>Configure display order using sort priority.<\/li>\n\n\n\n<li>Enable or disable categories without deleting them.<\/li>\n\n\n\n<li>Automatically sync changes from Medusa Admin to the mobile app.<\/li>\n\n\n\n<li>Link featured categories directly to category product listings.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Admin Configuration<\/h4>\n\n\n\n<p>Administrators can manage featured categories by:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Selecting an existing MedusaJS category.<\/li>\n\n\n\n<li>Uploading a category image.<\/li>\n\n\n\n<li>Setting the display order.<\/li>\n\n\n\n<li>Enabling or disabling visibility.<\/li>\n\n\n\n<li>Updating category configurations at any time.<\/li>\n<\/ul>\n\n\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545181\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vigk3pzzbk58juajg8sh-scaled.webp\" alt=\"Manage the category icons that should appear on the Flutter home page.\" width=\"2560\" height=\"1431\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vigk3pzzbk58juajg8sh-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vigk3pzzbk58juajg8sh-300x168.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vigk3pzzbk58juajg8sh-1200x671.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vigk3pzzbk58juajg8sh-250x140.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vigk3pzzbk58juajg8sh-768x429.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vigk3pzzbk58juajg8sh-1536x858.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vigk3pzzbk58juajg8sh-2048x1145.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545183\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/grlhqb7jmfpab8br7rha-scaled.webp\" alt=\"Edit the category that should appear on the Flutter home page.\" width=\"2560\" height=\"1426\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/grlhqb7jmfpab8br7rha-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/grlhqb7jmfpab8br7rha-300x167.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/grlhqb7jmfpab8br7rha-1200x668.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/grlhqb7jmfpab8br7rha-250x139.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/grlhqb7jmfpab8br7rha-768x428.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/grlhqb7jmfpab8br7rha-1536x855.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/grlhqb7jmfpab8br7rha-2048x1140.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n\n\n<h4 class=\"wp-block-heading\"><strong>Frontend View<\/strong><\/h4>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544691 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage.webp\" alt=\"Medusajs Mobile App Builder Featured Category Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544731 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa.webp\" alt=\"Medusajs Mobile App Builder Featured Category Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Push Notification Configuration<\/h3>\n\n\n\n<p>Configure Firebase settings required for sending push notifications.<\/p>\n\n\n\n<p><strong>Required fields:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firebase Project ID<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>FCM Authentication JSON File<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Android Topic<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>iOS Topic<\/li>\n<\/ul>\n\n\n\n<p>The uploaded Firebase credentials are used to communicate with Firebase Cloud Messaging (FCM) and deliver notifications to customer devices.<\/p>\n\n\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545182\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h8mno4xnsvwzfuyyqsn4-scaled.webp\" alt=\"Add Firebase project details, upload the FCM auth JSON, and set the Android and iOS topics used for group delivery.\" width=\"2560\" height=\"1429\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h8mno4xnsvwzfuyyqsn4-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h8mno4xnsvwzfuyyqsn4-300x168.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h8mno4xnsvwzfuyyqsn4-1200x670.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h8mno4xnsvwzfuyyqsn4-250x140.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h8mno4xnsvwzfuyyqsn4-768x429.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h8mno4xnsvwzfuyyqsn4-1536x858.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h8mno4xnsvwzfuyyqsn4-2048x1144.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n\n\n<h3 class=\"wp-block-heading\">Manage Notifications<\/h3>\n\n\n\n<p>The Manage Notifications section allows administrators to create and send customer app notifications directly from the Medusa Admin Panel.<\/p>\n\n\n\n<p><strong>Supported notification types:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Product notifications<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Category notifications<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Promotional offers<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>General announcements<\/li>\n<\/ul>\n\n\n\n<p><strong>Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create notifications<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edit notifications<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable notifications<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Send notifications instantly<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Manage notification history<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Review previously delivered notifications<\/li>\n<\/ul>\n\n\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545185\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/clkqaew3vgbmycxcirhx-scaled.webp\" alt=\"Create and send Mobikul customer app notifications.\" width=\"2560\" height=\"1429\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/clkqaew3vgbmycxcirhx-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/clkqaew3vgbmycxcirhx-300x168.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/clkqaew3vgbmycxcirhx-1200x670.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/clkqaew3vgbmycxcirhx-250x140.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/clkqaew3vgbmycxcirhx-768x429.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/clkqaew3vgbmycxcirhx-1536x858.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/clkqaew3vgbmycxcirhx-2048x1144.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545187\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g2v3vmzlwoyi6xnnxxfe-scaled.webp\" alt=\"Edit, review, and send Mobikul customer app notifications.\" width=\"2560\" height=\"1418\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g2v3vmzlwoyi6xnnxxfe-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g2v3vmzlwoyi6xnnxxfe-300x166.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g2v3vmzlwoyi6xnnxxfe-1200x665.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g2v3vmzlwoyi6xnnxxfe-250x138.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g2v3vmzlwoyi6xnnxxfe-768x425.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g2v3vmzlwoyi6xnnxxfe-1536x851.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g2v3vmzlwoyi6xnnxxfe-2048x1134.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n\n\n<h4 class=\"wp-block-heading\"><strong>Frontend View<\/strong><\/h4>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545202\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sglnsrj6jfbdmmptxl8u.webp\" alt=\"Show notifications customer app end\" width=\"1125\" height=\"2001\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sglnsrj6jfbdmmptxl8u.webp 1125w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sglnsrj6jfbdmmptxl8u-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sglnsrj6jfbdmmptxl8u-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sglnsrj6jfbdmmptxl8u-140x249.webp 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sglnsrj6jfbdmmptxl8u-768x1366.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sglnsrj6jfbdmmptxl8u-864x1536.webp 864w\" sizes=\"(max-width: 1125px) 100vw, 1125px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545201\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vlykxepqdgsfycljdqmn.webp\" alt=\"Notification list page view\" width=\"1125\" height=\"2001\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vlykxepqdgsfycljdqmn.webp 1125w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vlykxepqdgsfycljdqmn-169x300.webp 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vlykxepqdgsfycljdqmn-576x1024.webp 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vlykxepqdgsfycljdqmn-140x249.webp 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vlykxepqdgsfycljdqmn-768x1366.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/vlykxepqdgsfycljdqmn-864x1536.webp 864w\" sizes=\"(max-width: 1125px) 100vw, 1125px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 11: Connect the Customer Application<\/h3>\n\n\n\n<p>Configure the mobile application to communicate with the client&#8217;s Medusa backend.<\/p>\n\n\n\n<p>Update the app configuration with the correct backend URL.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">BASE_URL=https:\/\/your-domain.com<\/pre>\n\n\n<p>After updating the configuration, rebuild and launch the application.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 12: Verify the Installation<\/h3>\n\n\n\n<p>Once the installation and configuration are complete, verify all major functionalities.<\/p>\n\n\n\n<p>Test the following:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Homepage<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Homepage sections load correctly<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Homepage order matches admin configuration<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Collections display properly<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Banners<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Banners appear correctly<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Banner images load successfully<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Banner redirections work as expected<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Featured Categories<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Category icons are visible<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Category navigation works correctly<br><\/li>\n\n\n\n<li>Category ordering matches admin settings<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Customer Authentication<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customer registration<br><\/li>\n\n\n\n<li>Customer login<br><\/li>\n\n\n\n<li>Account management<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Shopping Features<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Product listing<br><\/li>\n\n\n\n<li>Product details<br><\/li>\n\n\n\n<li>Cart functionality<br><\/li>\n\n\n\n<li>Checkout process<br><\/li>\n\n\n\n<li>Order placement<br><\/li>\n\n\n\n<li>Order history<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Push Notifications<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firebase configuration is working<br><\/li>\n\n\n\n<li>Notifications are delivered successfully<br><\/li>\n\n\n\n<li>Product notifications work correctly<br><\/li>\n\n\n\n<li>General notifications work correctly<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Admin Notification Management<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Notification creation<br><\/li>\n\n\n\n<li>Notification editing<br><\/li>\n\n\n\n<li>Notification sending<br><\/li>\n\n\n\n<li>Notification history tracking<\/li>\n<\/ul>\n\n\n\n<p>Perform complete end-to-end testing before moving the application into production.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Quick Installation Commands<\/h3>\n\n\n\n<p>Run the following commands from the Medusa backend root directory.<\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\"># Navigate to Medusa backend project\n\ncd \/path\/to\/client-medusa-backend\n\n# Install required package\n\nnpm install firebase-admin\n\n# Run database migrations\n\nnpm run migrate\n\n# Build backend\n\nnpm run build\n\n# Start server\n\nnpm run start<\/pre>\n\n\n<p><strong>For development mode:<\/strong><\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm run dev<\/pre>\n\n\n<h3 class=\"wp-block-heading\">Important Notes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standard commerce functionality, such as products, carts, checkout, customers, and orders, continues to be handled by Medusa.<br><\/li>\n\n\n\n<li>The Mobikul module provides mobile app-specific features such as homepage management, banners, featured categories, and push notification management.<br><\/li>\n\n\n\n<li>Firebase configuration is mandatory if push notification functionality is required.<br><\/li>\n\n\n\n<li>Ensure all environment variables and Firebase credentials are properly configured before deployment.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The Medusajs Mobile App Builder works alongside Medusa to deliver a complete mobile commerce solution.<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:-&gt;<\/strong> After completing these steps, the Mobikul module will be fully integrated with the client&#8217;s Medusa backend and ready for customer app usage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Order Management<\/strong><\/h3>\n\n\n<p class=\"isSelectedEnd\">The admin can view and manage all customer orders by navigating to Orders in the MedusaJS admin panel.<\/p>\n<p>For reference, an image is shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-544677 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-scaled.webp\" alt=\"Medusajs Mobile App Builder Orders Management View in Admin Panal End\" width=\"2560\" height=\"1426\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-300x167.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-1200x669.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-250x139.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-768x428.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-1536x856.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-2048x1141.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n\n\n<h3 class=\"wp-block-heading\"><strong>Categories<\/strong><\/h3>\n\n\n\n<p>The <strong>Categories<\/strong> feature in the <strong>MedusaJS Mobile App Builder<\/strong> enables customers to browse products using the category structure configured in the MedusaJS Admin Dashboard.<\/p>\n\n\n\n<p>Categories created and managed in <strong>Medusa Admin \u2192 Products \u2192 Categories<\/strong> are automatically synced and displayed in the app&#8217;s <strong>Shop<\/strong> tab. <\/p>\n\n\n\n<p>Customers can easily navigate through parent categories and sub-categories to discover relevant products.<\/p>\n\n\n<p><strong>Note:<\/strong> Any category created, updated, reordered, or removed in the MedusaJS Admin Dashboard will be reflected in the mobile application after synchronization.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-544707 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/category-admin-scaled.webp\" alt=\"Medusajs Mobile App Builder Categories Admin View\" width=\"2560\" height=\"1410\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/category-admin-scaled.webp 2560w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/category-admin-300x165.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/category-admin-1200x661.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/category-admin-250x138.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/category-admin-768x423.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/category-admin-1536x846.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/category-admin-2048x1128.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/p>\n\n\n<p><strong>Frontend View<\/strong><\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545357\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/krtmlx8z6glxugnucnmo.webp\" alt=\"Categories Tab view\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/krtmlx8z6glxugnucnmo.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/krtmlx8z6glxugnucnmo-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/krtmlx8z6glxugnucnmo-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/krtmlx8z6glxugnucnmo-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/krtmlx8z6glxugnucnmo-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/krtmlx8z6glxugnucnmo-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-545356\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/mswagmhq3vhxqikgdkfm.webp\" alt=\"Sub Category data view\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/mswagmhq3vhxqikgdkfm.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/mswagmhq3vhxqikgdkfm-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/mswagmhq3vhxqikgdkfm-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/mswagmhq3vhxqikgdkfm-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/mswagmhq3vhxqikgdkfm-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/mswagmhq3vhxqikgdkfm-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<p><strong>Sort-<\/strong>&nbsp;The app user can sort the order of the products appearing in the collection page to easily view the desired options.<\/p>\n\n\n\n<p>So, the app user can click on Sort, which opens a list of options to re-order the products.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h4><span style=\"color: #ffffff\"><strong>Sort<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">The app user can sort the order of the products appearing on the collection page to easily view the desired options.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544713 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sort.webp\" alt=\"Medusajs Mobile App Builder Sort Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sort.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sort-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sort-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sort-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sort-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/sort-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Product View<\/h3>\n\n\n\n<p>The Page will display the details related to the products that the app user can scan through. Thus, the page has the following details.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Share Product option-&nbsp;<\/strong>The app user can even share the product on social media by clicking on the share button.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit quantity-&nbsp;<\/strong>The app user can append the quantity to purchase of the product from here.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add to <strong>bag<\/strong>&#8211;<\/strong>&nbsp;The app user can click on the&nbsp;Add To bag&nbsp;button to add the product to the cart for checkout.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Buy Now-<\/strong>&nbsp;The customer can click on the Buy Now Button in order to directly move to the checkout.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Choose Options-<\/strong>&nbsp;If the product has multiple options associated with it, the app user can select them and add the product to the cart.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Description\/details of the product-<\/strong>&nbsp;The product&#8217;s complete details are also mentioned in this page for the app user to refer to before purchase.<\/li>\n<\/ul>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544723 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productpage.webp\" alt=\"Medusajs Mobile App Builder product Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productpage.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productpage-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productpage-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productpage-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productpage-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productpage-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544724 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productdetails.webp\" alt=\"Medusajs Mobile App Builder Product Details Page view\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productdetails.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productdetails-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productdetails-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productdetails-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productdetails-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/productdetails-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Frontend Of Medusajs Mobile App Builder<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Splash<\/h3>\n\n\n\n<p>The launching screen of the app can be amended from the code end, which will appear to the users as they open up the app.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h4 class=\"wp-block-heading has-white-color has-text-color has-link-color\"><strong>Splash Screen<\/strong><\/h4>\n<p class=\"has-white-color has-text-color has-link-color\">A clean and minimal splash screen displaying the Mobikul branding with a modern light theme for a smooth app launch experience.<\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544788 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/spalsh.webp\" alt=\"Medusajs Mobile App Builder Splash Screen View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/spalsh.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/spalsh-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/spalsh-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/spalsh-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/spalsh-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/spalsh-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Homepage<\/h3>\n\n\n\n<p>The homepage of the app has multiple sections to divide it into usable sections. The<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Featured Category<\/strong> \u2013 It is situated at the top of the homepage, where the customer can find a product according to the categories.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Banner Slider<\/strong> \u2013 View promotional banners showcasing offers, discounts, featured products, and seasonal campaigns. Tap a banner to explore related products or collections.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Collections<\/strong> \u2013 Discover curated product collections grouped by themes, trends, or campaigns, making it easier to find products that match your interests.<\/li>\n<\/ul>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544691 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage.webp\" alt=\"Medusajs Mobile App Builder Home Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepage-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544731 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa.webp\" alt=\"Medusajs Mobile App Builder Home page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/homepa-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Search<\/h3>\n\n\n\n<p>Quickly find products across the store using the search feature. Enter product names, keywords, or related terms to discover products instantly and navigate directly to product details.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Search<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">Quickly find products across the store using the search feature. Enter product names, keywords, or related terms to discover products instantly and navigate directly to product details.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544793 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/search.webp\" alt=\"Medusajs Mobile App Builder Search Page\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/search.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/search-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/search-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/search-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/search-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/search-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Sign In\/ Sign Up<\/h3>\n\n\n\n<p>The app allows customers to sign in to an existing account or create a new one. <\/p>\n\n\n\n<p>The Sign In \/ Registration page provides the following account-related options:-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sign in with your email address<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create An Account<\/li>\n<\/ul>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h2>\u00a0<\/h2>\n<h4 class=\"wp-block-heading has-white-color has-text-color has-link-color\"><strong>Login \/ Sign Up<\/strong><\/h4>\n<p class=\"has-white-color has-text-color has-link-color\">Easily create a new account or log in to access personalized shopping, order history, and a seamless app experience.<\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544797 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/login-signup.webp\" alt=\"Medusajs Mobile App Builder Login \/ Sign Up Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/login-signup.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/login-signup-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/login-signup-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/login-signup-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/login-signup-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/login-signup-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Create Account<\/strong><\/h3>\n\n\n\n<p>Sign up with your email and password to get started.<\/p>\n\n\n\n<p>Enjoy a personalized shopping experience, easy order tracking, and faster checkout.<\/p>\n\n\n\n<p>Manage your orders and account details in one place.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h3 data-section-id=\"cwets3\" data-start=\"0\" data-end=\"18\">\u00a0<\/h3>\n<h3 data-section-id=\"cwets3\" data-start=\"0\" data-end=\"18\">\u00a0<\/h3>\n<h3 data-section-id=\"cwets3\" data-start=\"0\" data-end=\"18\">\u00a0<\/h3>\n<h3 data-section-id=\"cwets3\" data-start=\"0\" data-end=\"18\">\u00a0<\/h3>\n<h3 data-section-id=\"cwets3\" data-start=\"0\" data-end=\"18\">\u00a0<\/h3>\n<h4 data-section-id=\"cwets3\" data-start=\"0\" data-end=\"18\"><span style=\"color: #ffffff\">Create Account<\/span><\/h4>\n<p data-start=\"19\" data-end=\"159\"><span style=\"color: #ffffff\">Create a new account using your email address and password to enjoy a personalized shopping experience, order tracking, and faster checkout.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544801 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/create-account.webp\" alt=\"Medusajs Mobile App Builder Create Account Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/create-account.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/create-account-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/create-account-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/create-account-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/create-account-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/create-account-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Sign In<\/h3>\n\n\n\n<p>Log in to access your account securely.<\/p>\n\n\n\n<p>View your orders, manage your profile, and continue shopping with ease.<\/p>\n\n\n\n<p>Enjoy a seamless experience across all your devices.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h3 data-section-id=\"1en8v8y\" data-start=\"161\" data-end=\"172\">\u00a0<\/h3>\n<h3 data-section-id=\"1en8v8y\" data-start=\"161\" data-end=\"172\">\u00a0<\/h3>\n<h3 data-section-id=\"1en8v8y\" data-start=\"161\" data-end=\"172\">\u00a0<\/h3>\n<h3 data-section-id=\"1en8v8y\" data-start=\"161\" data-end=\"172\">\u00a0<\/h3>\n<h3 data-section-id=\"1en8v8y\" data-start=\"161\" data-end=\"172\">\u00a0<\/h3>\n<h4><span style=\"color: #ffffff\">Sign In<\/span><\/h4>\n<p data-start=\"173\" data-end=\"313\"><span style=\"color: #ffffff\">Sign in to your account to access saved addresses, view order history, manage your profile, and continue shopping seamlessly across devices.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p data-wp-editing=\"1\"><img decoding=\"async\" class=\"alignnone wp-image-544791 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/signin.webp\" alt=\"Medusajs Mobile App Builder Sign In Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/signin.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/signin-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/signin-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/signin-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/signin-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/signin-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Forgot Password<\/h3>\n\n\n\n<p>Reset your account password securely by entering your registered email address and following the password recovery instructions sent to your inbox.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Forgot Password<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">Reset your account password securely by entering your registered email address and following the password recovery instructions sent to your inbox.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544800 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/forget-password.webp\" alt=\"Medusajs Mobile App Builder Forget Password Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/forget-password.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/forget-password-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/forget-password-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/forget-password-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/forget-password-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/forget-password-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Account Dashboard<\/h3>\n\n\n\n<p>The AccountDashboard serves as a central hub for managing customer information, orders, addresses, and account preferences. <\/p>\n\n\n\n<p>Customers can quickly access their shopping activity and account settings from a single screen.<\/p>\n\n\n\n<p><strong>Frontend View<\/strong><\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Account Dashboard<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">The AccountDashboard serves as a central hub for managing customer information, orders, addresses, and account preferences.<\/span><\/p>\n<p><span style=\"color: #ffffff\"> Customers can quickly access their shopping activity and account settings from a single screen.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544688 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account.webp\" alt=\"Account Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">My Orders<\/h3>\n\n\n\n<p>View all placed orders with detailed information, including order status, payment status, purchased items, and order history.<\/p>\n\n\n\n<p><strong>Frontend View<\/strong><\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>My Orders<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">View all placed orders with detailed information, including order status, payment status, purchased items, and order history.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544796 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list.webp\" alt=\"My Order Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Recent Orders<\/h3>\n\n\n\n<p>Quickly access recently placed orders and monitor fulfilment status, payment status, order value, and item count without navigating through the complete order history.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Recent Orders<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">Quickly access recently placed orders and monitor fulfilment status, payment status, order value, and item count without navigating through the complete order history.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544688 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account.webp\" alt=\"Recent Order Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Default Addresses<\/h3>\n\n\n\n<p>Manage saved billing and shipping addresses used during checkout. Customers can review and update their default address information for faster future purchases.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Default Addresses<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">Manage saved billing and shipping addresses used during checkout. Customers can review and update their default address information for faster future purchases.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544848 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default.webp\" alt=\"Default Addresses Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Account Details<\/h3>\n\n\n\n<p>View and manage personal account information, including customer name, email address, and profile details.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Account Details<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">View and manage personal account information, including customer name, email address, and profile details<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544688 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account.webp\" alt=\"Account Page Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/account-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Preferences<\/h3>\n\n\n\n<p>Customize shopping preferences, such as language and currency settings, available from the Medusa backend configuration.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Language<\/h4>\n\n\n\n<p>Choose the preferred application language for browsing products and store content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Currency<\/h4>\n\n\n\n<p>Select the preferred currency for displaying product prices and order totals throughout the application.<\/p>\n\n\n\n<p><strong>Note:-&gt;<\/strong> Available language and currency options are managed through the Medusa backend and may vary based on store configuration.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Preferences<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">Customize shopping preferences, such as language and currency settings, available from the Medusa backend configuration.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544795 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/preference.webp\" alt=\"Preference Page View Show And Manage Lagauge And Currency\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/preference.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/preference-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/preference-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/preference-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/preference-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/preference-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Sign Out<\/h3>\n\n\n\n<p>Securely sign out of the application and end the current customer session.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Sign Out<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">Securely sign out of the application and end the current customer session.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544848 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default.webp\" alt=\"Sign Out Button View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Delete Account<\/h3>\n\n\n\n<p>Permanently remove the customer account from the Medusa store. Upon confirmation, all account access will be revoked, and the customer will be automatically signed out.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544848 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default.webp\" alt=\"Delete Account Button View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/default-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544856 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/delete-pop.webp\" alt=\"Delete Account Pop Show\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/delete-pop.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/delete-pop-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/delete-pop-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/delete-pop-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/delete-pop-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/delete-pop-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Product Details Screen<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Product Description<\/h4>\n\n\n\n<p>Discover a high-quality product designed to deliver comfort, style, and everyday convenience.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Options<\/h4>\n\n\n\n<p>Choose the option, size, color, or variant that best matches your needs.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Quantity<\/h4>\n\n\n\n<p>Select the quantity you would like to purchase before adding the item to your cart.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Availability<\/h4>\n\n\n\n<p>Available and ready to order. Check selected options for current stock status.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Add to Cart<\/h4>\n\n\n\n<p>Add this item to your shopping cart and continue browsing for more products.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Buy Now<\/h4>\n\n\n\n<p>Proceed directly to checkout and complete your purchase quickly and securely.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Details<\/h4>\n\n\n\n<p>Explore a product designed with quality, functionality, and everyday convenience in mind.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">More Information<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Collection<\/h5>\n\n\n\n<p>Part of our carefully curated collection, featuring products selected for quality, performance, and value.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">SKU<\/h4>\n\n\n\n<p>A unique product identifier used for inventory tracking and product management.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Material<\/h4>\n\n\n\n<p>Made from high-quality materials chosen for durability, comfort, and long-lasting use.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Weight<\/h4>\n\n\n\n<p>Product weight may vary depending on the selected size, variant, or configuration.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Related Products<\/h4>\n\n\n\n<p>You may also like these similar products based on your interests and shopping preferences. Discover more options that complement your selection.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544879 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details.webp\" alt=\"Product Details Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544880 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-update.webp\" alt=\"Product Details Page In Show Related Product Items\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-update.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-update-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-update-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-update-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-update-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/details-update-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Cart Screen<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Cart Header<\/h4>\n\n\n\n<p>Review your selected items before checkout.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Quantity Update<\/h4>\n\n\n\n<p>Increase or decrease item quantity as needed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Empty Cart<\/h4>\n\n\n\n<p>Remove all items from your shopping cart.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Continue Shopping<\/h4>\n\n\n\n<p>Browse more products and add new favorites.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Apply Coupon<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Have a Coupon?<\/strong><\/h4>\n\n\n\n<p>Enter your promo code below to receive available discounts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pay Now<\/h4>\n\n\n\n<p>Proceed to checkout and complete your order securely.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Cart Screen<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">Review your selected items before checkout.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544881 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cart-updated.webp\" alt=\"Cart page View and Show Item List\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cart-updated.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cart-updated-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cart-updated-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cart-updated-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cart-updated-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/cart-updated-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Checkout Screen<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Manage Address<\/h4>\n\n\n\n<p>Choose or update the address where your order will be delivered.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Use Same Address<\/h4>\n\n\n\n<p>Deliver items to the selected billing address.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Coupon Section<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Have a Coupon?<\/strong><\/h4>\n\n\n\n<p>Enter your promo code below to receive available discounts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Shipping Method<\/h4>\n\n\n\n<p>Select the delivery option that best fits your schedule.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Payment Method<\/h4>\n\n\n\n<p>Choose your preferred payment option for a secure checkout.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Order Summary<\/strong><\/h4>\n\n\n\n<p>Review product cost, shipping charges, taxes, and final total.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Place Order<\/strong><\/h4>\n\n\n\n<p>Confirm your order and proceed with payment.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544882 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/checkout-updated.webp\" alt=\"Checkout Page In Show Items List Show\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/checkout-updated.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/checkout-updated-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/checkout-updated-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/checkout-updated-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/checkout-updated-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/checkout-updated-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544883 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/payment-1.webp\" alt=\"Checkout Page View in Show Shipping Method And Payment View Show\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/payment-1.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/payment-1-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/payment-1-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/payment-1-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/payment-1-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/payment-1-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Order Confirmation Screen<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Order Confirmed!<\/strong><\/h4>\n\n\n\n<p>Thank you for your purchase. Your order has been successfully placed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Description<\/h4>\n\n\n\n<p>We&#8217;ve received your order and are preparing it for shipment. You will receive updates via email.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Order Details<\/h4>\n\n\n\n<p>View your order number, email, items purchased, and total amount.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Shipping Information<\/h4>\n\n\n\n<p>Review your delivery address and selected shipping method.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Continue Shopping<\/h4>\n\n\n\n<p>Explore more products and discover new arrivals.<\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544884 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final.webp\" alt=\"Order Confirmation Page in Order Details Status\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544885 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-2.webp\" alt=\"Order Confirmation Page in Order Summery View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-2.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-2-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-2-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-2-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-2-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/final-2-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Order List<\/h3>\n\n\n\n<p>The Order List page provides a complete overview of all customer orders placed through the store.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Features<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>View complete order history.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Check fulfilment and payment status.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Review order dates and totals.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Access detailed order information.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Track current and previous purchases.<\/li>\n<\/ul>\n\n\n\n<p>Customers can select any order to view detailed information about purchased products, shipping details, payment information, and order progress.<\/p>\n\n\n\n<p><strong>Frontend View<\/strong><\/p>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4>\u00a0<\/h4>\n<h4><span style=\"color: #ffffff\"><strong>Order List<\/strong><\/span><\/h4>\n<p><span style=\"color: #ffffff\">The Order List page provides a complete overview of all customer orders placed through the store.<\/span><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544796 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list.webp\" alt=\"Order List Screen Page View\" width=\"828\" height=\"1792\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list.webp 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-139x300.webp 139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-473x1024.webp 473w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-115x249.webp 115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-768x1662.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/orders-list-710x1536.webp 710w\" sizes=\"(max-width: 828px) 100vw, 828px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Order Details<\/h3>\n\n\n\n<p>Track and manage your order with complete transparency. View order status, delivery progress, purchased items, payment information, and shipping details in one place.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Order Status<\/h4>\n\n\n\n<p>Stay updated with the latest status of your order, from placement to delivery. Real-time progress helps customers know exactly where their order is.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Live Tracking<\/h4>\n\n\n\n<p>Monitor your delivery in real time with an interactive map. Customers can view the delivery partner&#8217;s current location and the estimated distance to the destination.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Delivery Information<\/h4>\n\n\n\n<p>Access delivery partner details, shipment updates, and verification information when available for a smooth and secure delivery experience.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Order Timeline<\/h4>\n\n\n\n<p>Follow every stage of the order journey:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Order Placed<\/li>\n\n\n\n<li>Order Confirmed<\/li>\n\n\n\n<li>Processing<\/li>\n\n\n\n<li>Shipped<\/li>\n\n\n\n<li>Out for Delivery<\/li>\n\n\n\n<li>Delivered<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Items Ordered<\/h4>\n\n\n\n<p>Review all purchased products, including quantity, pricing, and order summary details.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Payment Details<\/h4>\n\n\n\n<p>View payment method, payment status, and transaction information associated with the order.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Shipping Details<\/h4>\n\n\n\n<p>Check billing and shipping addresses, selected shipping method, and delivery preferences.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Price Summary<\/h4>\n\n\n\n<p>A detailed breakdown of charges, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Subtotal<\/li>\n\n\n\n<li>Shipping Charges<\/li>\n\n\n\n<li>Taxes<\/li>\n\n\n\n<li>Discounts (if applicable)<\/li>\n\n\n\n<li>Grand Total<\/li>\n<\/ul>\n\n\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544989 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-4.webp\" alt=\"Order Details Screen in Delivery Status View\" width=\"1080\" height=\"2400\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-4.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-4-135x300.webp 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-4-461x1024.webp 461w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-4-112x249.webp 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-4-768x1707.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-4-691x1536.webp 691w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-4-922x2048.webp 922w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544988 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-5.webp\" alt=\"Order Details Screen in Live Tracking\" width=\"1080\" height=\"2400\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-5.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-5-135x300.webp 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-5-461x1024.webp 461w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-5-112x249.webp 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-5-768x1707.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-5-691x1536.webp 691w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-5-922x2048.webp 922w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"wk-two-columns wk-bg-radial-gradient\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544990 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-3.webp\" alt=\"Order Details Screen in Order Summary Details\" width=\"1080\" height=\"2400\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-3.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-3-135x300.webp 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-3-461x1024.webp 461w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-3-112x249.webp 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-3-768x1707.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-3-691x1536.webp 691w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-3-922x2048.webp 922w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone wp-image-544991 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-2.webp\" alt=\"Medusajs Mobile App Builder Order Details Screen\" width=\"1080\" height=\"2400\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-2.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-2-135x300.webp 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-2-461x1024.webp 461w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-2-112x249.webp 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-2-768x1707.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-2-691x1536.webp 691w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/order-2-922x2048.webp 922w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">Order Management<\/h4>\n\n\n\n<p>Customers can easily monitor order progress, verify delivery details, and access all order-related information from a single screen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>The Medusajs Mobile App Builder is the ideal solution for converting a Medusajs store into a powerful mobile application.<\/p>\n\n\n\n<p>If you still have any issues, feel free to add a ticket and let us know your views to make the module better&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/webkul.uvdesk.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Medusajs Mobile App Builder transforms your Medusajs store into a Flutter Native mobile application, enabling a seamless shopping experience on both Android and iOS devices. The MedusaJS Mobile App provides features and functionality similar to your online MedusaJS store. All essential eCommerce features are integrated into the mobile application to ensure a consistent shopping experience <a href=\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":775,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[221,4160,4156,74,4157,1865,4155,8906],"class_list":["post-544502","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-android","tag-application","tag-builder","tag-ecommerce","tag-ios","tag-mobikul","tag-mobile","tag-push-notifcations"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide for Medusajs Mobile App Builder - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Learn how to build, customize, and launch your eCommerce mobile app with MedusaJS Mobile App Builder in this step-by-step guide.\" \/>\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\/user-guide-for-medusajs-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 for Medusajs Mobile App Builder - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Learn how to build, customize, and launch your eCommerce mobile app with MedusaJS Mobile App Builder in this step-by-step guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-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=\"2026-06-23T14:20:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-23T14:20:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp\" \/>\n<meta name=\"author\" content=\"Ajay Kumar\" \/>\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=\"Ajay Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/\"},\"author\":{\"name\":\"Ajay Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/58abec97ae002b02698aadf613980872\"},\"headline\":\"User Guide for Medusajs Mobile App Builder\",\"datePublished\":\"2026-06-23T14:20:33+00:00\",\"dateModified\":\"2026-06-23T14:20:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/\"},\"wordCount\":3296,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp\",\"keywords\":[\"android\",\"application\",\"builder\",\"ecommerce\",\"ios\",\"Mobikul\",\"mobile\",\"push notifcations\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/\",\"url\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/\",\"name\":\"User Guide for Medusajs Mobile App Builder - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp\",\"datePublished\":\"2026-06-23T14:20:33+00:00\",\"dateModified\":\"2026-06-23T14:20:48+00:00\",\"description\":\"Learn how to build, customize, and launch your eCommerce mobile app with MedusaJS Mobile App Builder in this step-by-step guide.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp\",\"width\":2560,\"height\":1421,\"caption\":\"Customer app overview and module summary\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for Medusajs 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\/58abec97ae002b02698aadf613980872\",\"name\":\"Ajay Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a3082e2332b1cfed25b011ac5c83462f02c2d56659bc3e2540cb4c96bde80458?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\/a3082e2332b1cfed25b011ac5c83462f02c2d56659bc3e2540cb4c96bde80458?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ajay Kumar\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/ajay-kumar870\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide for Medusajs Mobile App Builder - Webkul Blog","description":"Learn how to build, customize, and launch your eCommerce mobile app with MedusaJS Mobile App Builder in this step-by-step guide.","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\/user-guide-for-medusajs-mobile-app-builder\/","og_locale":"en_US","og_type":"article","og_title":"User Guide for Medusajs Mobile App Builder - Webkul Blog","og_description":"Learn how to build, customize, and launch your eCommerce mobile app with MedusaJS Mobile App Builder in this step-by-step guide.","og_url":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2026-06-23T14:20:33+00:00","article_modified_time":"2026-06-23T14:20:48+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp","type":"","width":"","height":""}],"author":"Ajay Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ajay Kumar","Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/"},"author":{"name":"Ajay Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/58abec97ae002b02698aadf613980872"},"headline":"User Guide for Medusajs Mobile App Builder","datePublished":"2026-06-23T14:20:33+00:00","dateModified":"2026-06-23T14:20:48+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/"},"wordCount":3296,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp","keywords":["android","application","builder","ecommerce","ios","Mobikul","mobile","push notifcations"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/","url":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/","name":"User Guide for Medusajs Mobile App Builder - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp","datePublished":"2026-06-23T14:20:33+00:00","dateModified":"2026-06-23T14:20:48+00:00","description":"Learn how to build, customize, and launch your eCommerce mobile app with MedusaJS Mobile App Builder in this step-by-step guide.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/lvi8ucbluxhqwdoahbyv-scaled.webp","width":2560,"height":1421,"caption":"Customer app overview and module summary"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/user-guide-for-medusajs-mobile-app-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for Medusajs 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\/58abec97ae002b02698aadf613980872","name":"Ajay Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a3082e2332b1cfed25b011ac5c83462f02c2d56659bc3e2540cb4c96bde80458?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\/a3082e2332b1cfed25b011ac5c83462f02c2d56659bc3e2540cb4c96bde80458?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ajay Kumar"},"url":"https:\/\/webkul.com\/blog\/author\/ajay-kumar870\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/544502","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\/775"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=544502"}],"version-history":[{"count":97,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/544502\/revisions"}],"predecessor-version":[{"id":545362,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/544502\/revisions\/545362"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=544502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=544502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=544502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}