Back to Top

CS-Cart ChatBot

Updated 9 October 2023

A chatbot is a computer program or an artificial intelligence which conducts a conversation. It is an assistant that communicates through text messages, a virtual companion that integrates into websites, applications, or instant messengers and helps entrepreneurs to get closer to customers.

A chatbot is often described as one of the most advanced and promising expressions of interaction between humans and machines. In order to do interactive conversations with the end users of your site. “CS-Cart Chatbot” add-on is developed.

CS-Cart Chatbot add-on allows businesses to do automated communication with their customers. Chatbots can send and receive messages from users. Customers can search for products, and hot deals and can track their orders from the Chat area.

You can ask whatever you want at any time, and a customer will get an immediate reply. Therefore it results in an excellent Customer service Experience and hence profits the business.

Furthermore, you take advantage of large language models to build a custom CS-Cart ChatGPT Chatbot.

Find the Best CS-Cart
Development Company
Find out More

Features

  • Admin can manage the services like “Hot Deals”, ”Product Search” & “Track Order” from the backend.
  • Admin can select the User icon and Chatbot icon.
  • Option to customize the chatbot header background color and icon color.
  • Option to customize the fallback message to be displayed to customers.
  • Customers can search for products and hot deals.
  • The customer can track his order from the Chat area.
  • Option to ask query to the admin via Chat box.
  • The functionality to clear the chat is provided to the user.
  • Supports English and Russian language.

Note: It will work only in https (SSL enabled) site.

Video Tutorial->

Flow Of Installation And Configuration->

Step 1: When you’ll download the “CS-Cart Chatbot”, you’ll get one zip file and the install.txt file. Read it carefully and follow it. Firstly click on the plus icon to upload the zip file. After that install the zip file.

plus

upload

Step 2: Now Configure the settings of the add-on.

  1. General settings: In these settings, the admin requires to enter the “Dialog flow Project id” of his Dialog flow account and the name of the chatbot. Admin can enable the “Show Track Order”, “Show Popular Products” and “Show Product Search” to display in the chatbot area to a customer. Admin can also customize the fallback message as per his requirement from his backend.
  2. Theme settings: In Theme settings, the admin can customize the color of the Chatbot header background and icon. Admin can also select the chatbot icon and chatbot user icon to be displayed at the storefront.

settingssettings

themeuser

How To Get Dialogflow Project Id->

Firstly log in to your Dialogflow account. Hereafter login you need to create an “Agent”.

dialog

test

After the agent is created, click on the settings to get the Dialog flow project Id. Now click on the “Service Account” URL to create the key.

dialog

It will redirect you to the “Google Cloud Platform”, where under Service Accounts for test agent you will find “Create key”.

service

After clicking, a new popup will get open. Now choose the recommended file and click Create.

service

Once you have clicked Create, a service key file will be created which you can upload in the settings of the add-on.

The next step is to import the “Dialogflow File” which is provided with an add-on zip file to your Dialog flow account. And click “Done”.

dialog

Now, under the “Fulfillment” Tab, enter your store URL in order to respond to the user query.

dialog

An admin can add and create a user expression that an admin expects from the customer, after creating intent, and is able to add a response to send to the customer as given in the below snapshot.

dialog

When you have done all these settings, Create a “Template” of this Chatbot to display at the storefront.

design

Select the Default page and add a block. Now create a Template to block. Then enter the name and template as given in the screenshot:

setting

An admin can also customize the custom Fallback message from his backend.

language

Front End View

chatbot

A user can “Track Orders”, and view the “Hot Deals” and “Search products” from the chat box.

storefront

When a user searches for any product after entering the name of the product he will get the product in the result.

front end

A user can also view Hot Deals from Chatbot.

hot deal

Functionality to “Clear Chat”, “Show Services” and “Submit Query” is also provided at Chatbot.

popup

In order to submit a query from the Chatbot, a user requires to enter his email id and message.

message

When a user asks any query on Chatbot then an admin can find the list of the query at his backend.

manage

View of the user’s expression and response to the customer.

dialog

Support

That’s all for CS-Cart Chatbot, Still, have an issue feel free to add a ticket and let us know your views at webkul.uvdesk.com. Please explore our CS-Cart Development Services and top-quality CS-Cart add-ons.

Current Product Version - 1.0

Supported Framework Version - CS-Cart & CS-Cart MultiVendor 4.7.x, 4.8.x, 4.9.x

. . .

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