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.
Select “Firebase” as Chat Library.
Now you have to setup three important things –
- Firebase APP and get APP ID
- Firebase APP Secret
- Setup APP Permission and Rules
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 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”)
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.
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:
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
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.
Now it’s time for your customers to directly interact with store vendors.
Vendors may manage chat requests from their Dashboard -> Left menu Chat Box
Also note that the vendor needs to click on ” Connect” button for being available to chat as shown below:
If the above ” connect” button is not clicked the vendors will not be available for chat and the users ( or customers ) who wants to chat with vendors will receive a notification in their chat-box as shown below:
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.