Customer Chat Facebook is a free application capable of integrating directly with your e-commerce website as a feature to facilitate the customers.
And the best part is that it is completely free.
But first of all, you need to know what exactly is a Customer Chat Facebook.
It is a customer chat plugin that helps users to chat and receive messages.
Even if the customer is not logged in and the admin sends a message, the customer will still be able to receive and see that message.
The software further includes features like customer care, consulting, and sales directly on the landing page.
Now the question remains that how to actually include this feature on your Magento store.
The simplest and shortest answer is to use the Facebook Javascript SDK for implementing Customer Chat Facebook.
However, the long answer is the steps given below which you will have to follow in order to integrate Customer Chat Facebook on your Magento store.
Simply follow these steps to set up the Facebook customer chat.
1. Create and activate the Facebook app to get permissions for sending and receiving messages through the Facebook page. Here is the link to do it.
2. Create a Facebook page and register your domain on this page for communicating with customers on your store.
3. Next, authenticate this page on the Facebook app.
4. Fetch Facebook Javascript SDK code snippet and put this on magneto store admin under “Miscellaneous HTML” tag on footer section in store->config->general->design section
5. Add this code snippet to include Facebook customer chat SDK
<script async defer src=”https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js”>
</script>
6. Add the following code snippet to initialize customer chatbox on the store.
<script>
window.fbAsyncInit = function() {
FB.init({
appId : your-app-id,
autoLogAppEvents : true,
xfbml : true,
version : ‘v5.0’
});
};
</script>
<script type=”text/javascript”>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
</script>
7. The final step is to add the following HTML code snippet to show customer chatbox on store frontend.
<div class=”fb-customerchat”
page_id=”your-page-id”>
</div>
