How to install Facebook live chat for Website

Instructions for setting up live chat Facebook for Website

Hello friends, Facebook has never been hot with new updates. This social network accounts for a large user market share in Vietnam. According to recent updates, Facebook has just updated the facebook live chat feature. Allows the website to create a button link for users to easily send messages to Fanpage. Check out the image below to learn more about this feature.

Below the corner of the website will appear a button (button) like the image above. Users click and can chat directly with your fanpage. This will increase interaction and direct customers for your company. And the even better news is that this feature is provided by Facebook for free.

We no longer waste time going around looking for ways to integrate live chat because now. With the free live chat of facebook with super nice interface. Suitable for any website, you can completely create a live chat button for your website. It only takes a few seconds to create. Even people with no technical knowledge can do it.

How to insert Facebook live chat for Website

User Requests

• There is a Fanpage.
• One Facebook App.
• A personal website (for you to integrate live chat on).

You go to Fanpage and activate messenger platform. Include your website’s domain name in the Whitelisted Domain section. Refer to the photo below.

You copy the code you put below in the middle of the tag of your website. Looking at the tag pair, you probably know it’s HTML already.

If you use the WordPress source code, open the footer.php file. Because this live chat is written in php and is used for the footer area of ​​the website. That’s the standard.

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
    });
  };
  (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/vi_VN/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="PAGE_ID"></div>

Next, please replace some information in the code with your information.

• your-app-id is your Facebook App ID.
• PAGE_ID is your Fanpage ID by pasting the fanpage link into the address below

Get Fanpage ID

Get Fanpage ID

Fill in the following information in turn:

It is done. Go out and enjoy it guys, it’s that simple. I hope this little trick can help you increase website revenue.

Note

Please turn off other live chat plugins to avoid conflicts with this code of facebook. Because two live chats cannot show the same location.

Like Fanpage or follow website to update the best articles every day.

Good luck
Lmint.