📘
User Guide & Documentation
Step-by-step setup manual for Mobile App Builder Extension
View →
Version v1.0.0 Compatible with Magento CE, EE · 2.3.x, 2.4.x

Mobile App Builder Extension

Deploy Magento mobile apps for Android and iOS without any coding by installing the Magento 2 Mobile App Builder extension. Simply integrate it with our ready-made mobile shopping apps to get started.

Request a Quote

Hyvä Bronze Partner
Adobe Commerce
Secure Checkout

Highlighted Features

  • App Configuration and Banner Setup

    Configure various banners like Main, Collection, and Discount banners, setting the identifiers and category IDs for each. This allows for dynamic and relevant banners on the mobile app homepage.

  • Media URL Customization

    Remove 'pub/' from media URLs to ensure cleaner and more user-friendly links to images and media assets in the mobile app.

  • Branding and Placeholder Images

    Upload a custom logo for the mobile app and set a placeholder image for missing or broken images, enhancing the visual consistency of your app.

  • Dynamic Category and Product Image Dimensions

    Set specific dimensions for category and product images on the homepage and product pages to ensure proper display and consistency across devices.

  • Custom CMS Pages Integration

    Map key CMS pages such as Customer Support, FAQ, Refund Request, Privacy Policy, and Legal Policies to ensure customers can access them directly from the app.

  • Mobile App Interface Overview

    The mobile app syncs seamlessly with your Magento store, displaying key elements like the main banner, categories, best-selling products, and new arrivals for an engaging user experience.

  • Category and Sub-Category Browsing

    Customers can browse all categories and sub-categories up to 3 levels deep, helping them easily explore the product range in a grid or list view.

  • Search, Filters, and Wishlist

    With a convenient search bar and product filters, customers can easily find products. The wishlist feature allows them to save their favorite products for later purchases.

  • Product Detail Screen

    Displays product images, videos, detailed descriptions, reviews, and a sticky “Add to Cart” button at the bottom of the screen for easy checkout.

  • Seamless Checkout Process

    Customers can easily review their cart, apply promo codes, and complete their checkout by entering shipping and billing details. A confirmation page appears before completing the payment.

  • Customer Account and Sign In

    Customers can sign in to access their account information, order history, wishlist, and more, ensuring a personalized experience within the app.

  • Advanced Navigation and Settings

    Users can tap the hamburger menu to access settings, legal policies, and additional options like changing currency, logging out, or switching app themes for a tailored experience.

Description

Main Screen

The main screen of the app displays various elements such as banners, categories, and products, offering easy navigation and a seamless shopping experience.

  • The screen includes a search bar for product search.
  • Banners like the Main Banner, Category Banner, and Discount Banner lead customers to relevant categories.
  • The Best Selling Products and New Products are displayed to enhance product discovery.

Categories

The Categories interface lists all product categories and sub-categories in a hierarchical manner. Users can browse through these categories easily in Grid or List view.

  • Categories are displayed with their icons, as configured in the Magento backend.
  • Sub-categories (up to the 3rd level) are displayed under their parent categories.

Contact Us

This interface displays the default "Contact Us" form, allowing users to reach out for inquiries or support directly from the app.

  • Customers can submit their queries through the form.
  • The form includes fields for customer details and the message.

Search, Filter, and Wish List

Customers can search for products with the search bar and filter products by various criteria. They can also add products to their wish list for future reference.

  • The search bar allows users to quickly find products across the app.
  • Filtering options are available on category pages for better product discovery.
  • The heart icon adds products to the wish list, which can be accessed later.

Product Screen

The product screen offers detailed information about the products, including images, videos, descriptions, and customer reviews.

  • Users can see all product details such as price, images, and long/short descriptions.
  • Sharing options allow users to share product links with others.
  • The Add to Cart button and price are fixed at the bottom of the screen for easy access.

Seamless Checkout Process

The checkout process is simple and streamlined, allowing customers to review their cart, apply promo codes, and complete the payment process efficiently.

  • Users can view and edit cart items, along with applicable taxes and order totals.
  • The checkout process includes options for billing, shipping, and payment details.
  • Once all details are confirmed, users can complete their orders and proceed to payment.

Customer Sign In

Customers can log into their account via email or mobile number and manage their account information, orders, wish list, and product reviews.

  • After sign-in, customers can access their profile with account information and orders.
  • The Profile section also includes options for managing subscriptions and product reviews.

Other Navigation Options

The mobile app provides a variety of other navigation options, accessible through the hamburger menu.

  • Navigation options include Customer Support, FAQs, Refund Request, Legal Policies, and more.
  • Customers can also change the currency, log out, or change the app theme from the menu.
FAQs

Frequently Asked Questions

To configure the main banner, go to Stores > Configuration > Mit Mobile App Builder in Magento. Enter the block identifier and category ID to set the banner's content and target category.
Upload your brand logo and placeholder image in Stores > Configuration > Mit Mobile App Builder. Set image dimensions for the category and product images in the specified width, height format.  
Yes, you can select and map Magento CMS pages like FAQ, Terms of Use, and Privacy Policy to the mobile app. Configure these pages in Stores > Configuration > Mit Mobile App Builder.  
The product page in the app displays images, descriptions, and reviews. The checkout process allows users to review items, apply promo codes, and complete payment seamlessly.
Customers can log in to their profile using email and password. Once logged in, they can access their orders, wish list, and reviews from the Profile section in the app.
   Ask a question
REVIEWS