Note:<\/strong><\/p>\n 1. This module supports all templates and themes including the Journal theme.<\/p>\n 2. Opencart Marketplace Seller Buyer Chat (Socket Based) module supports the Multi-Store feature of default Opencart.<\/p>\n Prerequisites \u2013<\/strong><\/p>\n 1. Node should be installed.<\/p>\n 2. If you are using Shared Server then you have to provide SSH login details with root access, so we can configure the module. For root access, ask your Host Provider.<\/p>\n 3. PHP version should be 5.5.x.<\/p>\n 4. Port that you are using, should be open for your IP Address.<\/p>\n 5. The module will only work for LAMP server.<\/p>\n Note 1<\/strong> : Before starting the server you have to write the port that you are using for chat module into the server.js file that is parallel to Opencart root directories.<\/p>\n Note 2<\/strong> : If you are using cpanel then you can use either domain name or IP address but if using CloudFlare on the server then must use IP address as hostname don\u2019t use the domain name.<\/p>\n Under the zip file, you will find 5 folders namely- admin, catalog, image, ocmod, system and files- Info, package.json, running.php and server.js.<\/p>\n Now transfer the admin, catalog, image, system folder and all other files into the Opencart root folder without the ocmod folder as shown below in the screenshot.<\/p>\n Now Before installing the module and starting the server, open the server.js file in the Opencart root folder and manually type the port number into the server.js file that you will be using for the chat module.<\/p>\n -> to install node run command from terminal: -> to install socket.io run command from the terminal: ->to run the node server used the following command Once you have made all the changes then login to admin and go to Extensions> Extension installer and upload the Zip file store_chat.ocmod.zip<\/strong>. The Zip file can be found on the ocmod <\/strong>folder.<\/p>\n After uploading the Zip file go to the Extensions > Modification and click on the refresh button.<\/p>\n Also, After that in Admin panel go to System -> Users -> Usergroup and edit \u2018Administrator\u2019 and select all for both Access and Modify Permission then save it.<\/p>\n After that under Extension > Module, install the Marketplace buyer-seller chat like this way.<\/p>\n Also, After installation of the module go to Design->Layouts<\/strong> and select ‘Product’ to edit. After that set ‘Webkul Seller Buyer Chat’ on the content bottom position.<\/p>\n As this Opencart Marketplace Seller Buyer Chat (Socket Based) module supports multiple languages so this section will describe how to make the module work in different languages. Please check this link for language translation\u00a0<\/a><\/p>\n To configure the Opencart Seller Buyer Chat, you need to generate Firebase project credentials. Follow the steps below:<\/p>\n First, visit the Firebase Console and log in using your Google account. Click on \u201cCreate a new Firebase project\u201d<\/strong>. After entering the details, Firebase will create your project. Click on Continue<\/strong> to proceed.<\/p>\n Now, you will be redirected to the Firebase project dashboard. Click on the Web (<\/>) icon<\/strong> to add your web app. Copy these credentials and paste them into the Opencart Seller Buyer Chat module configuration.<\/p>\n Go to: Click on \u201cGenerate new private key\u201d<\/strong> to download the JSON file.<\/p>\n Upload this file in the Firebase Private Key<\/strong> field in your module.<\/p>\n Admin will configure the module after installation by navigating to Extensions->Modules.<\/strong><\/p>\n Here admin can click on the edit button of the seller-buyer chat module to configure it.<\/p>\n Here admin can server settings, general settings, the appearance of the chat window and the default messages.<\/p>\n Under the Server Settings<\/strong> tab, the admin can configure the server-related settings required for establishing socket-based communication between buyers and sellers. The General<\/strong> tab allows the admin to configure the basic settings of the Seller Buyer Chat module, including notification and messaging preferences.<\/p>\n The Appearance<\/strong> tab allows the admin to customize the look and feel of the chat window.<\/p>\n The admin can configure the following options:<\/p>\n Enter the default welcome message that will be displayed to customers when they start a new chat.<\/p>\n Configure the status message displayed on the chat timeline.<\/p>\n The admin can choose either an image<\/strong> or a color<\/strong> as the chat window background.<\/p>\n Enable this option to display profile images of both buyers and sellers during chat.<\/p>\n Upload a default avatar image that will be shown whenever a buyer or seller has not uploaded a profile picture.<\/p>\n The Default Messages<\/strong> tab allows the admin to define predefined messages that will be displayed to customers during different stages of the chat.<\/p>\n The Push Notification<\/strong> tab allows the admin to configure Firebase Cloud Messaging (FCM) for sending real-time chat notifications to buyers and sellers.<\/p>\n<\/div>\n<\/div>\n Under this section, the admin needs to configure the following fields:<\/p>\n After entering all the required Firebase credentials, save the configuration.<\/p>\n Once configured successfully, buyers and sellers will receive real-time push notifications whenever a new chat message is received.<\/p>\n After configuration of the module, a customer can find the option to chat with the seller on the product page. Here customer needs to login or register to start a chat. Also, After logging in the customer can chat with the sellers. A customer can see whether the seller is online or not. A customer can also change their online status.<\/p>\n To see the chat history customers can click on the clock icon and select the time period for which they want to see the messages.<\/p>\n Customers can change their availability status like this.<\/p>\n Also, the Customers can see the notification whenever a seller sends the message.<\/p>\n Customers can email the chat transcript to their email ID, have the option to report to admin, change profile image, and end chat.<\/p>\n After clicking o the ’email transcript’ the chat transcript is sent to the customer’s email and the customer receives a confirmation message like this.<\/p>\n Also, After clicking on the ‘Report Manager’ option a new page will open in the chat box. Here the customer can write and send the message. This message is sent to admin’s email address.<\/p>\n After clicking on profile settings the customer will receive a pop-up. From here the customer can remove the profile image or upload a new image. Also, After clicking on the ‘End Chat’ option the chat ends. After that, a customer can start the chat again like this.<\/p>\n Customers also have the option to send emojis to sellers from the chatbox.<\/p>\n If a customer is blocked by seller then the following message appears in the chat window.<\/p>\n After logging in the account, a seller can see the chat icon. Also, After clicking on it the seller can see the customers list and have the option to block and delete the conversation.<\/p>\n Now, After clicking on the button, the seller can see the list of the customers.<\/p>\n From here a seller can open the conversation and chat with the customer. A seller can also block the customer and see the block list. After clicking on the block button, a window will pop up. From here the seller can send the message to the customer stating the reason of block. Also, After clicking on the block list, a seller can see all the blocked customers and from there seller can unblock the customers.<\/p>\n A seller can chat with the customers who sent them messages.<\/p>\n The seller can see the notification whenever a customer sends the message.<\/p>\n Admin has the option to see and delete the conversation between buyer and seller. The Admin can see the conversation from Marketplace-> Chat History.<\/strong><\/p>\n From here admin can see the chat list of all the seller’s chat. If admin will delete the chat from here then all the chat conversation related to the seller will get deleted.<\/p>\n After clicking on view button admin can view chat of each customer with the seller.<\/p>\n<\/div>\n Also, After clicking on view button admin can see the list of conversations of the seller and customers.<\/p>\n From here admin can delete and view the conversation of the particular customer with the seller.<\/p>\n<\/div>\n Admin can click on the view button to see the complete conversation of the buyer and seller. From here admin can also download the conversation.<\/p>\n<\/div>\n If you have any questions, suggestions, or customization requests, feel free to contact us at support@webkul.com<\/a>\u00a0or submit a ticket at\u00a0webkul.uvdesk.com.<\/a><\/p>\n Explore our premium-quality Opencart Extensions <\/a>to enhance your store functionality.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Watch the video to understand the extension workflow:-<\/h2>\n
Features Of Opencart Marketplace Seller Buyer Chat<\/h3>\n<\/div>\n<\/div>\n
\n
Installation of Opencart Marketplace Seller Buyer Chat<\/h3>\n<\/div>\n<\/div>\n
![\"oc-seller-buyer-chat-module-upload-files\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/01-oc-seller-buyer-chat-module-upload-files.webp\")
<\/p>\nAfter this you have to run some commands :<\/strong><\/h5>\n
\n$ npm install<\/strong><\/p>\n
\n$ npm install socket.io<\/strong><\/p>\n
\nnode server.js (for http)
\n<\/strong>node secure_server.js (for https)<\/strong><\/p>\n![\"oc-seller-buyer-chat-module-upload-zip-file\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/02-oc-seller-buyer-chat-module-upload-zip-file.webp\")
<\/p>\n![\"oc-seller-buyer-chat-module-refresh-modification\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/03-oc-seller-buyer-chat-module-refresh-modification.webp\")
<\/p>\n![\"oc-seller-buyer-chat-module-user-permission\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/04-oc-seller-buyer-chat-module-user-permission.webp\")
<\/p>\n![\"oc-seller-buyer-chat-module\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/05-oc-seller-buyer-chat-module.webp\")
<\/p>\n![\"oc-seller-buyer-chat-module-layout\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/06-oc-seller-buyer-chat-module-layout.webp\")
<\/p>\n<\/div>\n<\/div>\nModule Translation<\/h3>\n<\/div>\n<\/div>\n
Configure Firebase Credentials for Push Notifications<\/h3>\n<\/div>\n
\n
Step 1: Login to Firebase Console<\/strong><\/span><\/h3>\n
Here, you will see the dashboard with existing projects and an option to create a new project.<\/p>\n![\"google-firebase-01\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/google-firebase-01.webp\")
<\/p>\nStep 2: Create a New Project<\/strong><\/span><\/h3>\n
Enter your project name (e.g., oc-seller-buyer-chat) and click on Continue<\/strong>.<\/p>\n![\"google-firebase-02\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/google-firebase-02.webp\")
<\/p>\nStep 3: Project Setup Completion<\/strong><\/span><\/h3>\n
Once done, you will see a confirmation screen.<\/p>\n![\"google-firebase-03\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/google-firebase-03.webp\")
<\/p>\nStep 4: Open Project Dashboard<\/strong><\/span><\/h3>\n
From here, you can manage all Firebase services and settings.<\/p>\n![\"google-firebase-05\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/google-firebase-05.webp\")
<\/p>\nStep 5: Add Web App & Get Configuration Details<\/strong><\/span><\/h3>\n
After registering the app, Firebase will generate configuration details like:<\/p>\n\n
![\"google-firebase-08\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/google-firebase-08.webp\")
<\/p>\nStep 6: Generate Firebase Private Key<\/strong><\/span><\/h3>\n
Project Settings > Service Accounts tab<\/strong><\/p>\n![\"google-firebase-07\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/google-firebase-07.webp\")
<\/p>\nConfiguration Of Opencart Marketplace Seller Buyer Chat<\/h3>\n<\/div>\n
Configure Server Settings<\/h3>\n
\n![\"oc-seller-buyer-chat-module-server-settings\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/07-oc-seller-buyer-chat-module-server-settings.webp\")
<\/p>\nConfigure General Settings<\/h2>\n
![\"oc-seller-buyer-chat-module-general-setting\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/08-oc-seller-buyer-chat-module-general-setting.webp\")
<\/p>\nConfigure Chat Appearance<\/h2>\n
![\"oc-seller-buyer-chat-module-appreance-setting\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/10-oc-seller-buyer-chat-module-appreance-setting.webp\")
<\/p>\nDefault Message<\/h3>\n
Default Timeline Status<\/h3>\n
Chat Window Background<\/h3>\n
\n
Show Avatar<\/h3>\n
Default Avatar<\/h3>\n
Configure Default Messages<\/h2>\n
![\"oc-seller-buyer-chat-module-default-messages-setting\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/13-oc-seller-buyer-chat-module-default-messages-setting.webp\")
<\/p>\nConfigure Push Notifications<\/h2>\n
\n
![\"oc-seller-buyer-chat-module-push-notification-settings\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/14-oc-seller-buyer-chat-module-push-notification-settings-scaled.webp\")
<\/p>\nHow customers can chat with sellers<\/h3>\n<\/div>\n
\n![\"customer-login\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/customer-login.png\")
<\/p>\n![\"customer-chat\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/customer-chat.png\")
<\/p>\n![\"customer-time\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/customer-time.png\")
<\/p>\n![\"customer-status\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/customer-status.png\")
<\/p>\n![\"customer-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/customer-1.png\")
<\/p>\n![\"settings-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/settings-1.png\")
<\/p>\n![\"oc.webkul.com_sellerbuyerchat_index.php_routeproduct_productpath170product_id60Full-HDdesktop-2\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/oc.webkul.com_sellerbuyerchat_index.php_routeproduct_productpath170product_id60Full-HDdesktop-2.png\")
<\/p>\n![\"send-report\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/send-report.png\")
<\/p>\n![\"customer-profile-settings-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/customer-profile-settings-1.png\")
<\/p>\n![\"chat-end\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/chat-end.png\")
<\/p>\n![\"emoji\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/emoji.png\")
<\/p>\n![\"blocked-customer\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/blocked-customer.png\")
<\/p>\n<\/div>\n<\/div>\nSeller Buyer CHAT Management by Seller<\/h3>\n<\/div>\n<\/div>\n
![\"dashbpard-chat\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/dashbpard-chat.png\")
<\/p>\n
\n![\"block-list-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/block-list-1.png\" "\\"Opencart")
<\/p>\n![\"seller-customer-block\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/seller-customer-block.png\")
<\/p>\n![\"seller-customer-unblock\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/seller-customer-unblock.png\")
<\/p>\n![\"oc.webkul.com_sellerbuyerchat_index.php_routeaccount_customerpartner_dashboardFull-HDdesktop\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/oc.webkul.com_sellerbuyerchat_index.php_routeaccount_customerpartner_dashboardFull-HDdesktop.png\" "\\"Opencart")
<\/p>\n<\/div>\n<\/div>\n![\"receive-chat-push-notification\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/13-receive-chat-push-notification.webp\")
<\/p>\n<\/h3>\n
Admin End Of Seller Buyer chat<\/h3>\n<\/div>\n
![\"chat21_1\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/chat21_1.png\")
<\/a><\/div>\n![\"chat22\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/chat22.png\")
<\/a><\/div>\n![\"chat23\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/08\/chat23.png\")
<\/a><\/p>\nSupport<\/h3>\n<\/div>\n<\/div>\n