The CS-Cart Customer app makes online shopping easy and convenient. Users can shop from home and get products delivered to their doorsteps. Download the app on an Android or iOS device, and explore a wide range of products with different categories like Electronics, Sports, Apparel, Movies, Accessories, and more. After downloading the app and creating an account, users will see the Home screen. This screen shows different product categories along with exciting offers, deals, discounts, and other features of the app.  

The app saves time by allowing users to shop from anywhere. It is easy to use, with simple navigation and quick product search. Users can save their favorite items for later. The app provides secure payment options and allows users to track their orders in real time. It also supports different languages and currencies, making it perfect for people around the world.

Note: To understand how the Customer application functions, you can use the demo links provided below for both Android and iOS platforms, along with their login credentials. The backend demo link and credentials are also included to access the admin panel.

✅ Customer App Demo Access:

• Android: Download App
• IOS: Download App

✅ Customer Login Credentials for Android & IOS App:

• Email:testdemoexample@.com
• Password:test123456

✅  Backend(Admin Panel)

• URL: Admin Panel
• Email:demoadmin@example.co
• Password: 2024#Ecarter_demo

Features:

• Easy Layout: The app's home screen allows you to quickly browse product categories, offers, and deals for fast shopping.
• Product Search: Users can quickly find products using the search bar and filters for brand, color, and size.
• Wishlist: Tap the heart icon to save products for later in your Wishlist.
• Cart Access: The cart icon allows users to easily view and manage products they want to purchase.
• Multiple Payment Methods: Pay easily with options like Cash on Delivery, Credit Card, or Wallet during checkout.
• Language and Currency Options: The app supports different languages and currencies for international users.
• Real-Time Order Tracking: Users can track their orders in real-time by entering the order number.
• Product Reviews: Customers can write and read reviews to help others make better choices.
• Product Grids: Admins can create grids with multiple products, shown as a grid or scroller for easy browsing.
• Promotions and Notifications: Admins can send notifications and show promotional banners to keep users informed about deals.
• Banner Management: Admins can view, add, and update banners for the homepage layout.
• Address Management: Users can add or edit multiple shipping and billing addresses for checkout.

Upcoming Features:

• RMA Features
• Attachment in a product reviews 
• Attachment in chats
• Search products through voice and image recognition.

Mobile App:

The Customer Mobile App allows users to browse, shop, and manage their orders easily — let’s see how this app works!

Splash Screen:

When the customer opens the app, the welcome splash screen appears. It shows the app's logo for a few seconds while the app loads.

App Update:

No need to search the app on the Play Store for updates. When you open this app, a pop-up will appear if an update is available - just tap Update to go directly to the Play Store.

User Registration and Login Interface:

• If a user is already registered, they simply need to enter their email address as the username and their password to log in, as shown on the "Sign In" screen.
• New users can register by clicking the "Register" option. On the registration page, they need to provide details such as their name, a new password, confirmation of the password, and their phone number.

Login With OTP:

On the login screen, users can choose to login with OTP. To do this, they need to click on Login with OTP. A new screen will appear where the user enters their mobile number and clicks on Request OTP. The user will then receive an OTP on the entered mobile number. After receiving the OTP, the user must enter the OTP and click on Verify OTP. If the OTP is verified successfully, the user will be logged in. Afterward, the user can complete their profile.     

Forget Password:

If users forget their password, they can click on "Forget Password." A pop-up will appear, where they need to enter their registered email address. After submitting, they will receive a password reset link in their email to create a new password.   

Home Screen:

• The app's home screen has a clear, organized layout. First, you see a promotion banner pop-up, also there’s a promotion navigation drawer, app logo, and icons for the cart and wishlist for easy access to saved products. 
• The app shows the search bar at the top of the home screen, where users can quickly find products and vendors by typing or using voice search. Tap the microphone icon to speak and search.
• The bottom of the screen shows a navigation menu with options for Home, Categories, Cart, Wishlist, and Account.

Product Listing and Product Details:

Products are listed within various categories, sorts, filters, grid view, and list view on the home screen. Each product shows detailed information such as price, rating, vendor, and description. also users can directly use wishlist sharing and comparison icons. You can use the "Add to Cart" button for available items, but it will not be shown for "Out-of-stock" products.

Use of Sort and Filters:

The product list page shows two icons: "Sort" and "Filter". The "Sort" option allows users to arrange products by name, price, or popularity. The "Filter" option helps users to find and organize products by brand, color, display, or storage.

How to Write and See Product Reviews:

Step 1: If the product already has ratings or reviews, click on the See Reviews button. If not, click on the Write a Review button.

Step 2: You can now view all customer reviews for the product.

Step 3: To add your own review, click on the Add Your Review button at the bottom.

Step 4: A new page will open where you can rate the product and write your review, and upload image. Once done, click on the Send button. After your review is approved by the admin, it will be added to the product's reviews.

Cart and Wishlist 

Wishlist: The heart icon at the top of the products is the "Wishlist" icon. It allows customers to save items for later. Users can view or buy these products in the future. 

Cart: The cart option at the top allows customers to add products. Within products, customers can use the "Add to Cart" button to save items in the cart and purchase them later when needed.

Navigation Drawer

• On the top corner of the app, there is a Navigation Drawer where users can find important features and adjust some settings.  
• The first feature is the "Profile tab". If users want to update their personal details like ID, phone number, password, address, etc., then users can edit their personal details at the edit personal details page.

• "Shop By Brands" allows users to see a list of brands connected to the app, while "Vendors" shows a list of companies. Both options allow users to easily shop for products directly from the brands or companies they like. 

• Users can choose their preferred Language and Currency using the options provided.

• With the Track Order feature, users can easily check the status and location of their orders in real-time by simply entering their order number.

Checkout-Steps:

Step 1: The cart option allows customers to checkout with saved products. Click on >> Checkout button. 

Step 2: Next, they can either enter the address manually or select the created address. Then, click the "Deliver Here" button. 

Step 3: Select the suitable shipping method from the provided methods and proceed to payment. 

Step 4: The payment methods list page opens up. Select a preferred payment option and click the confirm button. Finally, the next page will show that the order has been placed successfully.

Categories:

In the "Categories tab", all products are categorized under different type categories according to their product characteristics, which enables users to find their product easily according to the categories. All the app product categories and their subcategories are listed here.

My Account:

The account menu at the bottom allows you to access important app settings. Here you can view all order details in "My Order", update personal details using the edit icon, check your transaction in "My Wallet", view your rewards in "My Rewards", and explore other settings. 

 My Orders:

The "My Orders" option shows a list of your orders. To view the details of a specific order, just click on the order ID. Now the page shows information like the order status, payment summary, shipping address, payment method, and shipping method.

My Wallet:

• In the My Wallet section, users can view all their transactions and add money to their wallet.

Adding money into Wallet:

Step 1: Open My Wallet, then click on the Add Money Button.               

Step 2: A pop-up will show the current wallet balance. Below that, the user can find the input field where they can enter the amount they want to add to their wallet. Then, click on "Add Money."  

Step 3: Select the payment method and click the confirm button. After successful payment, the money is added to the user's wallet. Now, on the next page, you can see the order details. Also, you can find the latest wallet transactions in the My Wallet transaction list. 

My Reward:

• In the My rewards section, users can see all the reward points transactions/logs, and also they can convert their reward points into wallet cash.

How to convert reward points into wallet cash:

Step1: Open My Rewards and click the Transfer to Wallet button.

Step2: Then a pop-up appears where you can see your current points and an input field where enter the points which you want to convert into your wallet cash, then click on transfer to the wallet.

Step3: After successfully converting the reward points into your wallet cash, you can see the reward points transactions/logs.

My Address:

• In the "My Address" section, you can add or edit multiple shipping and billing addresses for checkout.

Settings:

• In the "Settings" section, you can find options to change the app's Currency and Language.

Messages: 

• In the Message section, users can chat with the vendors regarding any products and orders.

How to message(Chat) with the vendor regarding any Product:

Step1: Open the product details page and scroll down to the "Vendor Details" section. In this section, you will find the "Ask a Question" option. Click on it to proceed.

Step2: A new tab opens where you can enter the message and then click on the "Submit" button.

Step3: If you want to see the reply to your messages, then go to the My Account > Messages section, then you can see your latest messages.

Step4: Click on any message you want to reply to, and you can start chatting.

How to message(Chat) with the vendor regarding Orders:

Step1: Go to My Orders and click on any order to open the Order Details tab.

Step2: In the order detail page, there is an option to Ask questions about this Order, click on it.

Step3: A new tab opens where you can enter the message and then click on the Submit button.

Step4: If you want to see the reply to your messages, then go to the My Account > Messages section then you can see your latest messages.

Step5: Click on any message on which you want to reply to and now you may start chatting.

 At the bottom of the "My Account" section, there are links to the privacy policy, contact information, and company details. These links help users learn more about the store. There is also a sign-out button for logging out of the account.

Return Request:

Step 1: 

• Open the My Order Page.
• Find the order from the order list that you want to return.
• You will see the option Return.
• Tap on it to start the process.

Step 2:

• Open the request replacement page.
• Select the product, reason, quantity, and solutions. 
• Tap on the Return button to send a return request.

Step 3:

• Open the Return Request page.
• Tap on the return request.
• The return information page will be open.
• You see the return information.

Comparison List:

• Open the product information page, and add it to the comparison list by clicking on the comparison icon.
• Tap on the Comparison List in the navigation bar.
• In the All Features tab, you see the comparison between multiple product features.

• Switch on the Same only tab, which shows the same features between multiple comparison product lists.
• Switch on the Different Only tab, which shows the different features between multiple comparison product lists.

Ecarter Customer App Addon:

The admin can easily set the customer app layout using options like Banners, Promotion Banners, Product Grid, Notifications, Pages, and Homepage Layout. Let's explain them one by one. 

Homepage Layout 

On this page of the admin panel, the admin can customize the homepage layout details. They can change the following layout settings: 

• Title: This Title section allows to add the layout titles (e.g., Banners, Brand).
• Show Title: Tick the boxes to show the title on the homepage.
• Type: The "Type" setting decides what kind of content will appear on the homepage such as Banners, categories, or vendors. Each type helps arrange the homepage and highlight important content.
• Background Color: You can change the layout's background color using the color boxes.
• Edit: Use to change the content of the created layout.
• Status: Use this to set the status of the layout as "Active" or "Disable".
• Add Layout: Use "(+)" icon to add a new layout.

• Below is the homepage showing the layout title, layout type, and the background color for each title and type.

• The next two pages show you how to add or edit all the details needed to create a layout. 

To add a homepage layout:

Add Title and Details: Enter a title and check the box to show it on the homepage. Then, choose the layout type and background color.

Select Data: Here, choose data based on the layout type you selected. For example, if you select "banners" as the type, you will see options for available banners. If you select "product," you will get product grid options. 

Note: If you select the "Product" Type, then you can add only one product grid in the data selection to show on the homepage.

Banner: 

• The banner option in the Customer App addon shows a list of created banners. The admin can edit and create the banner for the homepage layout. Using (+) icon, they can create banners. Then, fill in details like the banner name, type, and product selection.  

• On the banner creation page, start by entering the banner's Name and its Position. Then, for the banner Type, choose one of the following options: Product, Category, or Vendor.
• After selecting a type, use the (+) icon next to the Choose option to attach a specific product, category, or vendor to the banner, depending on the type you chose.

Product Grid: 

• The Product Grid option in the addon menu allows the admin to create a grid with various products and categories.

• Start by entering the Title and the Position for the new grid. 
• Next, choose how you want to fill the grid. Select "Newest" to show new products, or choose "Manual" to select the products yourself.
• The admin can select to show the grid as a Grid or a Scroller. 
• Then, in the "Choose" section, use of "Add Categories" and "Add Products": 
  •  For the "Newest", "On Sale", "Popular", and "Rating" filling options, you can add products that are in specific categories. 
  • For the "Manual" option, you can choose both categories and products manually. 
• At the end, enter how many products you want to show in the grid.  

Notification: 

• The notification feature allows the admin to send notifications to all users. Notifications can be sent for specific products, categories, vendors, and others.

Promotion banners (Popup): 

• Promotion banners can be viewed in the customer app as pop-ups. The admin can easily add more promotion banners by using the “Add” option and filling in the required details.

Tutorial Link:

App-Version:

Version-1.0.0

Addon-Version:

Version-1.0

Supported Versions:

CS-Cart, CS-Cart Multivendor 4.8.x, 4.9.x,4.10x,4.11x,4.12,4.13x, 4.14x, 4.15x, 4.16x, 4.17x, 4.18x

Support:

This app is developed and published by Ecarter Technologies Pvt. Ltd., a CS-Cart developer. You are guaranteed a quality add-on supported by future versions. If you need help, please contact us via email support@ecarter.co