{"id":77759,"date":"2017-03-20T12:17:48","date_gmt":"2017-03-20T12:17:48","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=77759"},"modified":"2025-08-04T10:32:34","modified_gmt":"2025-08-04T10:32:34","slug":"chat-system-magento2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/chat-system-magento2\/","title":{"rendered":"User Guide of Chat System For Magento 2"},"content":{"rendered":"<p><a href=\"https:\/\/store.webkul.com\/magento2-chat-extension.html\">Magento 2 Live chat<\/a> extension allows you to set up a live chat system in your Magento store. The customers can do live conversations with admin or chat agents.<\/p>\n<p>Customers can use the live chat system for their queries or questions. The admin can create different Chat Agents for better management of customer queries.<\/p>\n<p>All customer queries are automatically assigned to the available chat agents.<\/p>\n<p>To provide a virtual chatbot assistant for your store customers you can also make use of the <a href=\"https:\/\/store.webkul.com\/magento2-chatgpt-virtual-assistant.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Chatbot Using OpenAI ( ChatGPT ) LLM<\/a>.<\/p>\n<div class=\"preset-wrapper\">\n<p><strong>Please Note-<\/strong><\/p>\n<ul>\n<li>You need to have <strong>Node js<\/strong> already installed on your server to use our Chat System for Magento 2.<\/li>\n<li>If you are unable to configure Node js and socket.io on Magento\u00a0 Edition then we will configure it on a separate server.<\/li>\n<li>If the wrong host name and required files uploaded then save configuration will take more time (approximately 2-3 minutes).Please check the module overview and functionality with the below link-<\/li>\n<\/ul>\n<\/div>\n<p><iframe title=\"Magento 2 Live Chat Extension\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/UvQryHL1kD4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen loading=\"lazy\"><\/iframe><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Features<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>The users can log in or Register from the chat window.<\/li>\n<li>The admin can create various chat agents for managing the queries.<\/li>\n<li>Users and agents can view their chat history conversation.<\/li>\n<li>The admin can view the complete chat system history from the back-end.<\/li>\n<li>Chat agents can view &amp; reply to multiple customer queries at once.<\/li>\n<li>The admin can set a name for the chat system.<\/li>\n<li>Upload an image for the chat profile picture.<\/li>\n<li>Customize chat window background using colour or an image.<\/li>\n<li>Colour customization available for chat window, header, list and, text.<\/li>\n<li>The module supports many language translations.<\/li>\n<li>Chat status can be set as Online, Busy or Offline.<\/li>\n<li>Sound alert notifications available for any new chat message.<\/li>\n<li>Date and time of the message sent and received.<\/li>\n<li>Pop-up notifications will appear on top of any new message.<\/li>\n<li>Send and receive file attachments for image, document or zip file.<\/li>\n<\/ul>\n<h3>What is the use of <b>Socket<\/b>.<b>IO?<\/b><\/h3>\n<p>Socket.IO allows bi-directional communication between client and server.<\/p>\n<p>Bi-directional communications are enabled when a client has Socket.IO in the browser, and a server has also integrated the Socket.IO package.<\/p>\n<p>While data can be sent in a number of forms,\u00a0<span class=\"caps\">JSON<\/span> is the simplest.<\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div class=\"wk-index-wrap\">\n<h3 id=\"install-an-extension-from-webkul-store\" class=\"index-title copy-index\">Install an Extension from Webkul Store<\/h3>\n<\/div>\n<p>The installation is quite simple just like the standard\u00a0<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Magento 2 extensions<\/a>.<\/p>\n<h3>#1 Download Module<\/h3>\n<p>Firstly, you need to log in to Webkul Store, go to\u00a0<strong>My Account<\/strong>&gt;<strong>My Purchased Products<\/strong>\u00a0section, verify and then download and extract the contents of this zip folder on the system.<\/p>\n<h3>#2 Upload Folder<\/h3>\n<p>Once the module zip is extracted, follow path\u00a0<strong>src&gt;app<\/strong>\u00a0and then copy the\u00a0<strong>app<\/strong>\u00a0folder into the\u00a0<strong>Adobe Commerce<\/strong> <strong>root<\/strong>\u00a0directory on the server as shown below:<\/p>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" data-wpel-link=\"internal\"><img decoding=\"async\" class=\" zm-zoomer zm-zoomer-in lazyloaded\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" alt=\"Installation Of Show Price After Login for Magento2\" data-src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" \/><\/a><\/figure>\n<h3>#3 Run Commands<\/h3>\n<p>After uploading the module folder, you need to run the following commands in the Magento 2 root directory:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:upgrade<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:di:compile<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:static-content:deploy<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento indexer:reindex<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento cache:flush<\/pre>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div class=\"alert alert-success\">\n<h2><strong>Server Settings<\/strong><\/h2>\n<\/div>\n<\/div>\n<div>\n<p><b>Environment Setup Guide:<\/b><\/p>\n<p><span style=\"font-weight: 400;\">*Please make sure that the node server is already installed on the host.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After the module has been installed please follow the below steps:<\/span><\/p>\n<p>Enable the chat option by choosing a Yes option else disable it by choosing the No option.<\/p>\n<p><span style=\"font-weight: 400;\">Fill configuration details where\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Host = your domain (without protocol)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Port = 3000<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Save configuration.<\/span><\/p>\n<p><b>In your magento root folder run the following command :\u00a0<\/b><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm init -y<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm i socket.io socketio-file-upload nodemon<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm update<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm install forever -g<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">forever start app.js<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">forever stopall<\/pre>\n<p><span style=\"color: initial; font-size: revert;\">Refresh the config page you will see the below message if the server is started.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-477679\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkul-magento2-chat-system-admin-configuration.webp\" alt=\"magento 2 chat system admin configuration\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkul-magento2-chat-system-admin-configuration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkul-magento2-chat-system-admin-configuration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkul-magento2-chat-system-admin-configuration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkul-magento2-chat-system-admin-configuration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div>\n<p><span style=\"font-weight: 400;\">That&#8217;s all you can enjoy chatting now.<\/span><\/p>\n<p><b>*NOTE: <\/b><span style=\"font-weight: 400;\">Please make sure to upload correct server files if you are using a secured domain.<\/span><\/p>\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Module Configuration<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>To do the module configuration of Chat system for Magento 2 please Log In to the Admin panel. And navigate to <strong>Stores-&gt;Configuration-&gt;Chat System Configuration<\/strong>.<\/p>\n<p>Here the admin needs to do the settings for the chat server, front-end chat window and, admin chat window. Lots of color customization options are available for the chat system.<\/p>\n<div class=\"panel-body\">\n<p>In the configuration, the first step is admin needs to start the server because without starting the server the chat system will not work on the frontend.<\/p>\n<\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477685 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemmageno2configuration.webp\" alt=\"webkul marketplace chat system for magento 2 configuration\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemmageno2configuration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemmageno2configuration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemmageno2configuration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemmageno2configuration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>After starting the server the chat system is available on every page of the store.<\/p>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p><strong>Host Name &#8211;<\/strong> Enter the hostname of your eCommerce website.<\/p>\n<p><strong>Port Number &#8211;<\/strong> Enter the available port number for the chat system and click the Start Server button after saving all the changes.<\/p>\n<p><strong>Admin Chat Profile Image &#8211;<\/strong> Upload an image file for the admin chat profile.<\/p>\n<p><strong>Chat Name-<\/strong> Enter the name for the chat window name for the front-end.<\/p>\n<p><strong>Assign New Chat To Any Chat system Manager Automatically &#8211;<\/strong> Select\u00a0<strong>Yes\u00a0<\/strong>to automatically assign the chat system manager to a new chat initiated.<\/p>\n<p>Else, select\u00a0<strong>No<\/strong>\u00a0for manually assigning the\u00a0chat system manager to a new chat.<\/p>\n<p><strong>Allow Customer To Send Message Offline &#8211;<\/strong> Select\u00a0<strong>Yes\u00a0<\/strong>to allow the customer to send messages even if the chat agent goes offline.<\/p>\n<p>These offline messages get saved in the database and can be viewed when the chat agent comes online.<\/p>\n<p>Else set\u00a0<strong>No\u00a0<\/strong>if don&#8217;t want the customer to send the messages when the chat agent goes offline.<\/p>\n<p><strong>Allowed Maximum File Size For Attachment In MB &#8211;<\/strong> Define the attachment size which the logged-in customer can send while chatting.<\/p>\n<h2><strong>HTTPS Enabled &#8211;<\/strong><\/h2>\n<p>Select <strong>No<\/strong> to enable the chat system on the local server.<\/p>\n<p>Set <strong>Yes<\/strong> to enable the chat system on HTTPS. In addition, the admin needs to upload the mentioned files <strong>server.key, server.crt &amp; server.ca-bundle<\/strong>.<\/p>\n<p>1. <strong>Upload Server Private Key File<\/strong>:- You can get this file from your host provider, file name must be as: server.key<\/p>\n<p>2. <strong>Upload Server Certificate File:-<\/strong> You can get this file from your host provider, the file name must be as server.crt<\/p>\n<p>3. <strong>Upload Server CA Bundle File:-<\/strong> You can get this file from your host provider, the file name must be as server.ca-bundle<\/p>\n<div class=\"alert alert-success\">\n<h2><strong>Front-End Chat Window Options<\/strong><\/h2>\n<\/div>\n<\/div>\n<div><img decoding=\"async\" class=\"alignnone wp-image-477686 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarkeplacechatsystemformagento2frontchatwindowoption.webp\" alt=\"webkul marketplace chat system for magento 2 front chat window option\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarkeplacechatsystemformagento2frontchatwindowoption.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarkeplacechatsystemformagento2frontchatwindowoption-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarkeplacechatsystemformagento2frontchatwindowoption-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarkeplacechatsystemformagento2frontchatwindowoption-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/div>\n<div class=\"panel-body\">\n<p><strong>Position &#8211; <\/strong>Select the position of the chat window either Left or Right.<\/p>\n<p><strong>Background Type &#8211; <\/strong>Select the chat window background type as Image or Colour-based.<\/p>\n<p><strong>Choose Background Color &#8211; <\/strong>Here you can select chat window background color.<\/p>\n<p><strong>Header Color &#8211; <\/strong>Set the chat window colour header.<\/p>\n<p><strong>Header Text Color &#8211; <\/strong>Set the colour for chat window header text.<\/p>\n<div class=\"alert alert-success\">\n<h3><strong>Admin Chat Window Options<\/strong><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477687 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatwindowoption.webp\" alt=\"webkul marketplace chat system for magento 2 admin chat window option\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatwindowoption.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatwindowoption-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatwindowoption-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatwindowoption-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<p><strong>Panel Window Background Color<\/strong> &#8211;\u00a0 Select the chat list window background color.<\/p>\n<p><strong>Chat User Panel Window Text Color &#8211;<\/strong> Choose chat list window text color.<\/p>\n<p><strong>User List Background Color &#8211; <\/strong>Select the chat list window background color.<\/p>\n<p><strong>Chat User List Text Color &#8211; <\/strong>Choose the chat list window text color.<\/p>\n<p><strong>Chat Window Background Type &#8211; <\/strong>Select the chat window background as Image or Colour-based.<\/p>\n<p><strong>Choose Background Color<\/strong> &#8211;\u00a0 Select the chat window background color.<\/p>\n<p><strong>Chat Window Header Color &#8211;<\/strong> Select the chat window header color.<\/p>\n<p><strong>Header Text Color &#8211; <\/strong>Set the color for the header text color.<\/p>\n<p>Click the <strong>Save Config<\/strong> button, to save your changes.<\/p>\n<\/div>\n<\/div>\n<p>Now, you can see the chat window according to set configurations at the &#8211;<\/p>\n<p>Storefront &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477690 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsyatemformagento2frontendchatregistrationcustomerview.webp\" alt=\"webkul marketplace chat system for magento 2 frontend chat registration customer overview\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsyatemformagento2frontendchatregistrationcustomerview.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsyatemformagento2frontendchatregistrationcustomerview-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsyatemformagento2frontendchatregistrationcustomerview-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsyatemformagento2frontendchatregistrationcustomerview-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Admin Backend Panel &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477692 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2chatregistraionoptiongeneralsetting-1.webp\" alt=\"webkul marketplace chat system for magento 2 chat registration option general setting\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2chatregistraionoptiongeneralsetting-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2chatregistraionoptiongeneralsetting-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2chatregistraionoptiongeneralsetting-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2chatregistraionoptiongeneralsetting-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<p>Now, the admin can see the available option under the <strong>Chat System<\/strong> as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477694 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2dashboardchatsystemreview.webp\" alt=\"webkul marketplace chat system for magento 2 dashboard chat system review\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2dashboardchatsystemreview.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2dashboardchatsystemreview-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2dashboardchatsystemreview-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2dashboardchatsystemreview-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h3 class=\"panel-title\">Add Chat Agents<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>The admin can create various chat agents for its store. The chat agents can answer the customers&#8217; queries from the Magento back-end.<\/p>\n<p>To create a new chat agent please navigate to<strong> System-&gt;All Users<\/strong>.<\/p>\n<p>Click <strong>Add New User<\/strong> button as shown in below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477695 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2useroptions.webp\" alt=\"webkul marketplace chat system for magento 2 user option\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2useroptions.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2useroptions-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2useroptions-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2useroptions-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h3>User Info<\/h3>\n<p>Enter all the required details for the New User and click the <strong>Save User<\/strong> button. After entering the user account information, please click the <strong>User Role<\/strong> option on the left.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477702 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userinformation.webp\" alt=\"webkul marketplace chat shystem for magento 2 user information\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userinformation.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userinformation-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userinformation-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userinformation-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h3>User Role<\/h3>\n<p>There are 2 user roles defined for chat system &#8211;<\/p>\n<ul>\n<li><strong>ChatManager:<\/strong> Responsible for managing agent assignment, agent rating, chat system configuration &amp; chat with customers.<\/li>\n<li><strong>ChatSystem:<\/strong> Responsible for the chat with customers.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477706 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userrole.webp\" alt=\"webkul market place chat system for magento 2 user role.\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userrole.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userrole-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userrole-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2userrole-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Select the\u00a0<strong>user\u00a0role<\/strong> option for the new user and click the <strong>Save User<\/strong>\u00a0button to save your changes.<\/p>\n<h3>Existing Users<\/h3>\n<p>The existing users of the Magento can also be assigned as Chat Agents. Please navigate to <strong>System-&gt;User Roles<\/strong> and select <strong>ChatSystem<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477708 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkuolmarkeplacechatsuystemformagento2roles.webp\" alt=\"webkul marketplace chat system for magento 2 roles\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkuolmarkeplacechatsuystemformagento2roles.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkuolmarkeplacechatsuystemformagento2roles-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkuolmarkeplacechatsuystemformagento2roles-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkuolmarkeplacechatsuystemformagento2roles-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Click the\u00a0<strong>Role Users<\/strong> option on the left as shown in the below screenshot.<\/p>\n<p>Using the checkbox option, select the users who will become the Chat Agents. Click <strong>Save Role<\/strong> button to save your changes.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477813 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2roleusers.webp\" alt=\"webkul marketplace chatsystem for magento 2 role users\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2roleusers.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2roleusers-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2roleusers-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2roleusers-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Front-End User View<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Although the chat system is available on every page of the store. But for using the chat system, the users need to log into their account first.<\/p>\n<p>The users can do quick login and Registration from the chat window.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477736 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatlogindetails.webp\" alt=\"webkul marketplace chat system for magento 2 chat login details\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatlogindetails.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatlogindetails-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatlogindetails-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatlogindetails-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>For registration, the user needs to enter the details along with the message and tap the Create an Account button thereafter.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477743 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatsystemcustomerinformation.webp\" alt=\"webkul marketplace chat system for magento 2 chat system customer information\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatsystemcustomerinformation.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatsystemcustomerinformation-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatsystemcustomerinformation-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2chatsystemcustomerinformation-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>After successfully logging into the store, the user can send messages. A user can simply type a message and hit the enter button.<\/p>\n<p>The assigned Chat Agent name is visible on top of the chat window.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-415118 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd.png\" alt=\"chat messages and response from the agent\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Customers can also send emojis as required.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-415122\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1.png\" alt=\"magento 2 live chat system emoji support\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Apart from that the customers can also upload attachments and send to the agents.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-415125\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2.png\" alt=\"add attachments magento 2 live chat system \" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h2>Settings<\/h2>\n<p>The module offers various settings to the customer to manage their chat system as shown below &#8211;<\/p>\n<p><strong>Give Feedback<\/strong><\/p>\n<p>The customer can even give the ratings and feedback to the agent by tapping icon before the agent name.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-415128 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-4.png\" alt=\"magento234.vachak.com_ee2466_pub_products.htmlasd-4\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-4.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-4-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-4-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-4-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>After tapping the Give Feed Back Button the customer can give star rating and feedback for the agent.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-415131 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-6.png\" alt=\"feedback and rating\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-6.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-6-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-6-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-6-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div>\n<h3>File Attachment<\/h3>\n<p>The customers can send files to the chat agent by clicking the attachment icon. The attachments can include images, documents or zip files.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-415125\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2.png\" alt=\"add attachments magento 2 live chat system \" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h3>Emoji<\/h3>\n<p>The customer can even send emojis also while chatting as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-415122\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1.png\" alt=\"magento 2 live chat system emoji support\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h3>Status<\/h3>\n<p>The customers can even change their status. Apart from that, the customer can end the respective chat, mute notifications, and view the chat history as required.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-415132 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-7.png\" alt=\"status\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-7.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-7-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-7-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-7-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>The customer can also tap the edit button next to the profile name to change the image as required.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-415134\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-8.png\" alt=\"change profile image\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-8.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-8-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-8-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-8-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h3>Report<\/h3>\n<p>The customer can even report to admin directly about the agent.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-415135 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-9.png\" alt=\"customer report to admin\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-9.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-9-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-9-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_products.htmlasd-9-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h3>Chat History<\/h3>\n<p>The users can view their chat conversation history from My Account section. Here the users can view the chat agent name, message and, date &amp; time details.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-415136 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_chatsystem_customer_history_asd.png\" alt=\"chat history\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_chatsystem_customer_history_asd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_chatsystem_customer_history_asd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_chatsystem_customer_history_asd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/magento234.vachak.com_ee2466_pub_chatsystem_customer_history_asd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Back-End Agent View<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>The admin or an assigned agent needs to login into the Magento backend for replying the messages.<\/p>\n<p>The agents can view the list of online customers that have been assigned to them.<\/p>\n<p>Every customer is assigned to a chat agent automatically.<\/p>\n<p>The chat agents can also view the email address of the assigned customers in the chat user list.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477770 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatconversation.webp\" alt=\"webkul marketplace chat system for magento 2 admin chat conversation\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatconversation.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatconversation-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatconversation-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2adminchatconversation-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Note:<\/strong><\/span> The chat agents can also send file attachments to the customers. The chat agents can click the attachment icon for sending an image, document or a zip file to the customers.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477789 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2conversationofsamsmith.webp\" alt=\"webkul marketplace chat system for magento 2 conversation of sam smith\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2conversationofsamsmith.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2conversationofsamsmith-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2conversationofsamsmith-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2conversationofsamsmith-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>The admin can view the agent list also as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477793 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist.webp\" alt=\"webkul market place chat system for magento 2 agent list\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Here, the admin can &#8211;<\/p>\n<ul>\n<li>View the complete list of the agents.<\/li>\n<li>View the details of an agent by clicking\u00a0<strong>View Details\u00a0<\/strong>link.<\/li>\n<\/ul>\n<p>Clicking the\u00a0<strong>View Details\u00a0<\/strong>link will navigate the agent to the\u00a0<strong>Agent Information\u00a0<\/strong>page.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477889 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentdetails.webp\" alt=\"webkul marketplace chat system for magento2 agent \n details\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentdetails.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentdetails-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentdetails-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentdetails-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>The <strong>Agent Information\u00a0<\/strong>page will have three sections to display the agent information &#8211;<\/p>\n<ul>\n<li><strong>Agent Details &#8211;<\/strong> In this section, the agent can view the rating information.<\/li>\n<li><strong>Agent Chats &#8211;<\/strong>\u00a0In this section, the agent can view the chat list of the agent.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477890 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchats.webp\" alt=\"webkul marketplace chat system for magento 2 assigned chats\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchats.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchats-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchats-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchats-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>The agent can click the\u00a0<strong>Chat History\u00a0<\/strong>link to view the complete chat history of that agent.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-478066 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chathistory.webp\" alt=\"webkul market place chat system for magento 2 chat history\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chathistory.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chathistory-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chathistory-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chathistory-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<ul>\n<li><strong>Agent Feedbacks &#8211;<\/strong>\u00a0In this section, the agent can view the agent feedbacks given by the customers.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477893 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2agentfeedback-1.webp\" alt=\"webkul marketplace chat system for magento 2 agent feedback.\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2agentfeedback-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2agentfeedback-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2agentfeedback-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarektplacechatsystemformagento2agentfeedback-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Pop-Up Notifications<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Whenever someone sends any new message to another person, a pop-up notification will appear. This pop-up notification will be visible on top of the browser window.<\/p>\n<p>The pop-notification will show the message content, sender&#8217;s name, and profile picture.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-415162 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/Screenshot-from-2023-12-19-17-03-05.png\" alt=\"pop-up notification\" width=\"1366\" height=\"729\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/Screenshot-from-2023-12-19-17-03-05.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/Screenshot-from-2023-12-19-17-03-05-300x160.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/Screenshot-from-2023-12-19-17-03-05-1200x640.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/Screenshot-from-2023-12-19-17-03-05-250x133.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/Screenshot-from-2023-12-19-17-03-05-768x410.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/p>\n<p>The same type of pop-up notification will also appear for the chat agents in the backend.<\/p>\n<p>So whenever a customer sends any new message, a pop-up notification will be appearing on top of the window.<\/p>\n<p>For this, you need to enable the pop-up notifications in the browser settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-478045 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2samsmithpopup.webp\" alt=\"webkul marketplace chat system for magento 2 sam smith popup.\" width=\"1200\" height=\"1164\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2samsmithpopup.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2samsmithpopup-300x291.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2samsmithpopup-1056x1024.webp 1056w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2samsmithpopup-250x243.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2samsmithpopup-768x745.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">View All Chat History<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>The admin can manage the chat system easily. For this, the admin needs to navigate\u00a0to <strong>Chat System<\/strong> menu option as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477914 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chatdashboarddisplay.webp\" alt=\"webkul marketplace chat system for magento 2 chat board display\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chatdashboarddisplay.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chatdashboarddisplay-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chatdashboarddisplay-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsytemformagento2chatdashboarddisplay-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h2>Agent List<\/h2>\n<p>The admin can view the complete list of the chat agents by navigating to the\u00a0<strong>Chat System-&gt;Agent List.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477921 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist1.webp\" alt=\"webkul marketplace chat system for magento 2 agentlist 1\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>The admin can even view the agent details by clicking the\u00a0<strong>View Details\u00a0<\/strong>link.<\/p>\n<h2>Assigned Chat<\/h2>\n<p>The admin can assign or reassign the chat to agents manually by navigating to <strong>Chat System -&gt;Assigned Chat<\/strong> as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477922 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchat.webp\" alt=\"webkul marketplacechat system for magento 2 assigned chat\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchat.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchat-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchat-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2assignedchat-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>From the <strong>Action\u00a0<\/strong>drop-down list, the admin can assign the chat to an agent.<\/p>\n<p>And, can also view and search the chat history conversations between the customer and the agent by clicking the\u00a0<strong>History\u00a0<\/strong>link.<\/p>\n<h2>Agent Ratings<\/h2>\n<p>The admin can also view the ratings and feedbacks of the agent given by the customers by navigating to the\u00a0<strong>Chat System-&gt;Agent Ratings.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477925 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist12.webp\" alt=\"webkul marketplacechat system for magento 2 agent list 12\n\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist12.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist12-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist12-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplacechatsystemformagento2agentlist12-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Here, the admin can delete, approve and disapprove any rating and feedback from the\u00a0<strong>Action\u00a0<\/strong>drop-down list.<\/p>\n<h2>Chat Reports<\/h2>\n<p>The admin also views the chat reports submitted by the customers by navigating to the\u00a0<strong>Chat System-&gt;Chat Reports.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-477926 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplaceformagento2chatsystemchatreport.webp\" alt=\"webkul marketplace for magento 2 chat system chat report\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplaceformagento2chatsystemchatreport.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplaceformagento2chatsystemchatreport-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplaceformagento2chatsystemchatreport-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/webkulmarketplaceformagento2chatsystemchatreport-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<p>That\u2019s all for the <strong>Magento 2 Chat System<\/strong>\u00a0still, have any issue feel free to add a ticket and let us know your views to make the module better\u00a0<a href=\"https:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/webkul.uvdesk.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Live chat extension allows you to set up a live chat system in your Magento store. The customers can do live conversations with admin or chat agents. Customers can use the live chat system for their queries or questions. The admin can create different Chat Agents for better management of customer queries. All <a href=\"https:\/\/webkul.com\/blog\/chat-system-magento2\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":135,"featured_media":77986,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[376,750,2070],"class_list":["post-77759","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","tag-chat","tag-chat-system","tag-magento2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide of Chat System For Magento 2<\/title>\n<meta name=\"description\" content=\"Magento 2 Admin Buyer Chat System allows to set up Live Chat system in store. The admin can create different chat agents to answer queries.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/chat-system-magento2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide of Chat System For Magento 2\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Admin Buyer Chat System allows to set up Live Chat system in store. The admin can create different chat agents to answer queries.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/chat-system-magento2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/rk225\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-20T12:17:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-04T10:32:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rohit Kashyap\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Magento2 Admin Buyer Chat System\" \/>\n<meta name=\"twitter:description\" content=\"Magento2 Admin Buyer Chat System allows you to set up Live Chat system in your store. The admin can create different chat agents for answering the queries.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-21-2.png\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/rohitk225\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rohit Kashyap\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/\"},\"author\":{\"name\":\"Rohit Kashyap\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/8af0383ed18e56d4b0a71504f0d3dac6\"},\"headline\":\"User Guide of Chat System For Magento 2\",\"datePublished\":\"2017-03-20T12:17:48+00:00\",\"dateModified\":\"2025-08-04T10:32:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/\"},\"wordCount\":2201,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png\",\"keywords\":[\"chat\",\"Chat System\",\"Magento2\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/chat-system-magento2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/\",\"url\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/\",\"name\":\"User Guide of Chat System For Magento 2\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png\",\"datePublished\":\"2017-03-20T12:17:48+00:00\",\"dateModified\":\"2025-08-04T10:32:34+00:00\",\"description\":\"Magento 2 Admin Buyer Chat System allows to set up Live Chat system in store. The admin can create different chat agents to answer queries.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/chat-system-magento2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/chat-system-magento2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide of Chat System For Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/8af0383ed18e56d4b0a71504f0d3dac6\",\"name\":\"Rohit Kashyap\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a03958fa8ce3547181ab06e5a13c57dc5861ea7b27f90282b6eb7ae97118e58?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a03958fa8ce3547181ab06e5a13c57dc5861ea7b27f90282b6eb7ae97118e58?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Rohit Kashyap\"},\"description\":\"Rohit Kashyap drives global promotion of digital commerce services through client success documentation, social media management, and video podcast sessions, enhancing the visibility and market reach.\",\"sameAs\":[\"https:\/\/webkul.com\/\",\"https:\/\/www.facebook.com\/rk225\",\"https:\/\/www.instagram.com\/rk225\",\"https:\/\/in.linkedin.com\/in\/rk225\",\"https:\/\/x.com\/https:\/\/twitter.com\/rohitk225\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/rohit-kashyap971\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide of Chat System For Magento 2","description":"Magento 2 Admin Buyer Chat System allows to set up Live Chat system in store. The admin can create different chat agents to answer queries.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/chat-system-magento2\/","og_locale":"en_US","og_type":"article","og_title":"User Guide of Chat System For Magento 2","og_description":"Magento 2 Admin Buyer Chat System allows to set up Live Chat system in store. The admin can create different chat agents to answer queries.","og_url":"https:\/\/webkul.com\/blog\/chat-system-magento2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_author":"https:\/\/www.facebook.com\/rk225","article_published_time":"2017-03-20T12:17:48+00:00","article_modified_time":"2025-08-04T10:32:34+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png","type":"image\/png"}],"author":"Rohit Kashyap","twitter_card":"summary_large_image","twitter_title":"Magento2 Admin Buyer Chat System","twitter_description":"Magento2 Admin Buyer Chat System allows you to set up Live Chat system in your store. The admin can create different chat agents for answering the queries.","twitter_image":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-21-2.png","twitter_creator":"@https:\/\/twitter.com\/rohitk225","twitter_site":"@webkul","twitter_misc":{"Written by":"Rohit Kashyap","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/"},"author":{"name":"Rohit Kashyap","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/8af0383ed18e56d4b0a71504f0d3dac6"},"headline":"User Guide of Chat System For Magento 2","datePublished":"2017-03-20T12:17:48+00:00","dateModified":"2025-08-04T10:32:34+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/"},"wordCount":2201,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png","keywords":["chat","Chat System","Magento2"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/chat-system-magento2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/","url":"https:\/\/webkul.com\/blog\/chat-system-magento2\/","name":"User Guide of Chat System For Magento 2","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png","datePublished":"2017-03-20T12:17:48+00:00","dateModified":"2025-08-04T10:32:34+00:00","description":"Magento 2 Admin Buyer Chat System allows to set up Live Chat system in store. The admin can create different chat agents to answer queries.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/chat-system-magento2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/download-22.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/chat-system-magento2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide of Chat System For Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/8af0383ed18e56d4b0a71504f0d3dac6","name":"Rohit Kashyap","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a03958fa8ce3547181ab06e5a13c57dc5861ea7b27f90282b6eb7ae97118e58?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a03958fa8ce3547181ab06e5a13c57dc5861ea7b27f90282b6eb7ae97118e58?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Rohit Kashyap"},"description":"Rohit Kashyap drives global promotion of digital commerce services through client success documentation, social media management, and video podcast sessions, enhancing the visibility and market reach.","sameAs":["https:\/\/webkul.com\/","https:\/\/www.facebook.com\/rk225","https:\/\/www.instagram.com\/rk225","https:\/\/in.linkedin.com\/in\/rk225","https:\/\/x.com\/https:\/\/twitter.com\/rohitk225"],"url":"https:\/\/webkul.com\/blog\/author\/rohit-kashyap971\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/77759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/135"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=77759"}],"version-history":[{"count":173,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/77759\/revisions"}],"predecessor-version":[{"id":502127,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/77759\/revisions\/502127"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/77986"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=77759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=77759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=77759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}