Live Chat

1.Overview #

Activate a Live chat system on your e-commerce to interact with your customers and improve the customer satisfaction rate.

Already you have WCFM Inquiry and Support Ticket modules, but none of these allow customer-vendor instant communication.

Now you may allow your vendors to do that using WCFM Live Chat Module.

System requirement

Yes No

2.Setting #

WCFM Live Chat compatible with two chat servers –

You may setup any one of these to enable Live Chat for your multi-vendor site.

Setup Live Chat from WCFM Store Manager Admin Dashboard -> Setting -> Chat Box

Yes No

2.1.Firebase #

Select “Firebase” as Chat Library.

Now you have to setup three important things –

  1. Firebase APP and get APP ID
  2. Firebase APP Secret
  3. Setup APP Permission and Rules
Yes No

2.1.1.APP ID #

Step 1 : Go to Firebase.com

Step 2 : If you have a Firebase account, Sign in, else create an account

Step 3 : Click on Get Started 

Step 4 : Click on Create a Project

Step 5 : Enter Project name and tick mark the checkbox to accept Firebase terms.

Step 6 : Click on Continue

Step 7 : Select “Set up Google Analytics for my project” and click on Continue

Step 8 : Open Configure Google Analytics dropdown menu and tick mark the checkbox to accept both the terms and conditions.

Step 9 : Click on Create Project

Step 10 : Click on Continue

Step 11 : In Develop menu on the left hand side panel, click on Database 

Step 12 : Click on Create database in Realtime Database

Step 13 : Click on Enable 

Step 14 : You will see Firebase url

Step 15 : Just copy first part of this URL, it is your Firebase APP ID (in my case it is “wcl-chat”)

Yes No

2.1.2.APP Secret #

Step 1 : Click on Settings icon

Step 2 : A dropdown menu will open. Select Users and Permissions


Step 3 : Go to Service Accounts


Step 4 : Click on Database Secrets

Step 5 : Click on Show

Step 6 : Here is your Firebase APP Secret Key.

Yes No

2.1.3.Rules #

Step 1 : Click on Database from left menu.

Step 2 : Switch to Rules tab

Step 3 : Replace code with the following code (same as shown in below image, if its not same already) and click on Publish button Code:
{
"rules": {
".read": "true",
".write": "true"
}
}

Step 4 : Click on Storage from left menu. 

Step 5 :  Click on Get Started 

Step 6 :  Follow the setup wizard by clicking on next as shown below

Click on Done as shown below.

Step 7 :  Switch to Rules tab

Step  8 : Add “|| request.auth == null” at the last in to the code

Step 9 : The code(same as into below image), then click on Publish button 

Yes No

2.2.TalkJS #

You should have a Talk JS account for the purpose. (Free or Premium).

Now,  you have to set App ID and Secret Key at WCFM Chat Box setting panel.

You just have register at Talk JS site to get your App ID and Secret Key.

For this, kindly go to -> WCFM Admin Dashboard -> Setting -> Chat Box -> Choose “TalkJS” as Chat module and set APP details.

Yes No

3.Init Chatbox #

3.1.Product #

Chat Now button will be visible under vendor’s single product page as well.

 

Yes No

3.2.Store #

As you are done with the setup you will see “Chat Now” button under store page header bar.

 

Now it’s time for your customers to directly interact with store vendors.

 

Yes No

3.3.Dasboard #

Vendors may manage chat requests from their Dashboard -> Left menu Chat Box

Yes No

4.Capability #

If you don’t want to have Chat Module in your site they you may disable just by on click.

Kindly go to WCFM Admin Dashboard -> Modules -> Chat Box -> Set this OFF

 

You may control “Chat Box” capability from WCFM Capability setting page.

 

 

You may control chat module availability as per vendor as well.

Membership specific chat box capability controller is also possible using WCFM – Group & Staff addon.

Yes No