Reading list Switch to dark mode

    CS-Cart Mobikul Mobile App Builder

    Updated 29 May 2023

    CS-Cart Mobikul Mobile App Builder: In today’s expectancy the plenitude of mobile devices has changed the approach to accessing digital information. Uncertainty customers expect you to reach out to them anytime and anywhere.

    Thus, on account of the needs, the store owner can create an elegant mobile application for their existing store using CS-Cart Mobikul.

    This benefits from having a flutter app for mobile devices well integrated with the store. Hence, allowing customers to have access to real-time store any moment no matter when at one’s convenience.

    Check a brief overview of the backend configuration of the mobile app – 

    nLa15S17c1o
     
    Check a brief overview of the cs-cart mobile app – 
     
    WU9l7YX6bz0

    Features

    • Well integrated with the existing CS-Cart store.
    • Informative and interacting shopping app with a fast and intuitive response.
    • Supports default CS-Cart shipping methods.
    • Supports phone orders, cash on delivery, fax order, money order, and personal cheque as payment methods.
    • An option of the gift voucher, promotional, and coupon code has been provided.
    • A feature of push notification over the devices has been provided.
    • Well configured and easy to use at the admin end.
    • Allows to search product via text/image

    Features added in CS-Cart Mobikul Mobile App version 2.0

    • The functionality of multiple profile creation is available and can be availed once enabled at the admin end.
    • The application supports multiple currencies.
    • Functionality to support multiple languages.
    • Email should be validated when entered by the user.
    • Front-end validation on each page should be equivalent to server-end validation. For example, if CS-Cart only allows 5 characters, the app should also validate those 5 characters.
    • Each page’s cart total should be updated.
    • Augmented Reality feature added.
    • Provide dominant color for all the images.
    • Every offline payment method, including checks, bank transfers, and COD, would function in the default application.

    Benefits

    • Increases relationships and loyalty by reinforcing the store.
    • Benefits sell through exposures across mobile devices.
    • Strengthen the connectivity with on-the-go customers.
    • Well supportive in terms of accessibility, immediacy, and reach-ability.

    CS-Cart Mobikul Mobile App Builder

    After downloading the CS-Cart Mobikul Mobile App Builder, you’ll get one zip

    Find the Best CS-Cart
    Development Company
    Read More

    file and install.text. Read the blog carefully and configure it accordingly. Go to the Manage add-ons page. Browse and select the zip file, upload, and install.

    Configurations:  Admin Permissions

    Click on “Settings” to configure”

    cs-image1-3

    newupdate

    Set the “Google API” key as shown below in the snapshot.

    updater-1

    Go to “Mobikul” and manage it accordingly as shown below in the snapshot.

     Screenshot-from-2022-12-30-12-19-29-1

    The below snapshot gives a view of the list of banners. To add a new banner to the list click “+”

    Mobikul-BannerAdministration-panel-1

    Set the parameters as shown below in the snapshot-

    • Enter the name of the banner.
    • Set the banner type based on product or category.
    • The option of selection of products is available when the banner type is set as “product”.
    • The option of selection of the category is available when the banner type is set as “category”.
    • Upload the image via given options.

    Banner2-1

    The below snapshot gives the view of the homepage product listing.So, to add a new listing to the list click “+”

    banner3-1

    Set the parameters as shown below in the snapshot-

    • Enter the title of the listing.
    • Select the filling from the drop-down.
    • Add products to the list
    • Set the number of products to be displayed at a time.
    • Add categories

    banner6

    The below snapshot gives the view for the listing of notifications. So, to add a new notification to the list click “+”

    Mobikul-notification-1

    Set the New notification as shown below in the snapshot-

    • Enter the title of the notification.
    • Select the type of product for notification.
    • Upload the Image.
    • choose a product
    •  Select a Status of Notification active or disabled.
    • Type the content

    noti2-1The below snapshot gives the view of the listing of notifications. Hence, to add a new Mobikul Page or CMS Page to the list click “+”

    noti3-1

    Set the parameters as shown below in the snapshot-

    • Create a CMS page.
    • Enter the details related to the page- Title, Position and select a Page(as created from Website>>Pages).
    • These pages will contain information about the organization for the customer.

    final

    Augmented Reality

    You can show all sides of the product to your customers using augmented reality technology. It enables the customer to make an informed choice by providing them with a realistic view of the product.

    To add AR product the user needs to select Mobikul AR as per the below image.

    Screenshot-from-2022-12-30-12-19-29-1-e1672383427374-1

    To add AR product the user needs to click on the “+” button as per the below image.

    image-175

    Afterwards, the admin needs to upload the below details as per the below image.

    image-176

    Choose Products: Here the admin needs to select the products for Augmented reality view.

    Upload Android 3D model: A media file (Image) for Android is uploaded using the Android File section, and the image format is GLB.

    Upload iOS 3D model: The iOS File section is where media files (images) for iOS (Apple) are uploaded. The image format for iOS is USDZ.

    AR Status: Here the admin can enable or disable the AR functionality.

    Clear Cache Memory

    CS-Cart caches scripts, styles, templates, etc. to increase page loading speed. If the changes you’ve made don’t appear on the page, try clearing the cache.
    In order to navigate go to Mobikul>>Clear Cache.

    clear-cache-admin1

    Homepage

    On the front page, the customer can see the image slider and many carousels. However, the admin can add multiple carousels for the home page. The category slider and the top brand section will also be shown on the front page.

    mockup-29
    mockup-1-4
    mockup-2-3

    Notifications

    The customer can see the notification from the top right corner of the home page. Thus, under the notification section, the customer can see the notifications sent by the admin. However, the customer can also view the products of the notified message.

    mockup-3-4
    mockup-4-3

    Search Bar

    Customers can search for the product directly from the home page. Thus, the customer can enter a keyword for the product search.

    Voice search is also included in this app. So, it means customers can search for any product with the help of a voice.

    • Search via Image – Here, the search is done by image. The app learns about the desired product through image detection or text detection. After the machine learns it searches the product in the app.
    • Text Detection – Here the app user can search the product by allowing the scanning of the text on an object. Currently, text detection works for the English language only.
    mockup-5-3
    mockup-6-2
    mockup-7-2

    Login and SignUp

    The customer will get the login and signup link in the right drawer. So, the customer can log in or signup to the account after filling in the email id and the password. However, they can even reset the password after clicking on the “Forgot Password” link.

    mockup-8-3
    mockup-9-4
    mockup-11-2

    My Wishlist

    So, the customer can add the products to their wishlist from the product page. After adding the product to the wishlist the customer can view the wishlist products in their account.

    mockup-12-2

    My Orders

    The customer can manage orders through the app. Thus, the customer can view the list of all orders, and can view all information regarding the order like shipping address, billing address, product information, and order summary.

    mockup-13-2
    mockup-14-2

    Account Information

    The account information of the user can be accessed from the profile section on the homepage. Moreover, the user can change the account information from here.

    mockup-15-2
    mockup-16-2

    Product and Category Pages

    Categories of the stores can be viewed on the front page. The customers can access it from the left drawer and category slider.

    Thus, after clicking on the main category, the sub-categories of that category will appear. After clicking on the sub-categories, the product will appear.

    mockup-17-3
    mockup-18-2

    Product View

    On the product page, the customer can view product information like description, features, reviews, product price, and product image.

    mockup-19-2
    mockup-20-2

    With the help of your mobile camera, customers can view the product in your actual space using the Augmented Reality feature.

    mockup-21-2
    mockup-22-2

    Cart View

    The customer can add the product to their cart. However, they can view the product by clicking on the cart page. The customer can update their cart, and apply the coupon code to the cart.

    mockup-23-2

    Easy Checkout Process

    Hereafter adding the product to the cart, the customer can go to checkout for their purchases. The customer needs to click on proceed to checkout button.

    Thus, it will ask for billing and shipping addresses. After filling these things, have to choose shipping options and billing options.

    mockup-28-1
    mockup-25-1
    mockup-26-1
    mockup-27-1

    Support

    Hence, for further any query feel free to contact us at https://webkul.uvdesk.com/en/customer/create-ticket/

    Please explore our cs-cart Development Services and Quality cs-cart add-ons.

    Current Product Version - 5.3.6

    Supported Framework Version - 4.13.x, 4.14.x, 4.15.x.

    Blog Version - 4.13.x, 4.14.x, 4.15.x.
    • Version 4.7.x, 4.8.x, 4.9.x
    • Version 4.3.x, 4.4.x, 4.5.x, 4.6.x, 4.7.x, 4.8.x, 4.9.x
    • Version 4.13.x, 4.14.x, 4.15.x.
    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content