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 devices, 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.

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.

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 product, category, vendor, and other.

Promotion banners (Popup): 

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

CS-Cart Customer Application User Guide:

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.

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. 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. At the top, there’s a navigation drawer, app logo, and icons for the cart and wishlist for easy access to saved products. 
• Next, the screen shows a Search Bar provided to quickly find products and vendors. Below it, users can browse product categories, followed by banners, product grids, and promotional blocks highlighting offers.
• 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 and on the home screen. Each product shows detailed information such as price, rating, vendor, and description. 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. 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". Here, users can update their personal details like ID, phone number, password, address, etc. 

• "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, this makes users 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 your order details in "My Orders", update personal details using the edit icon, find saved products in "Favorites", check your transactions 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's 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, then click on the Transfer to Wallet button.

Step2: Then a pop-up appears where you can see your current points and a input-fields where Enter the points which you want to convert into your wallet cash then clicks on transfer to the wallet.

Step3: After successfully converting the reward point into your wallet cash, You can see 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", there are links for the privacy policy, contact information, and details about the company. These links help users learn more about the store. There is also a sign-out button for logging out of the account.

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