How to Add FACEBOOK CHAT WIDGET On Your Site

Searching for a basic and free contrasting option to famous live chat programming like Intercom or Zendesk chat? Indeed, the new client chat widget from Facebook Messenger is here and anybody can implant these widgets on their site to draw in with guests progressively.

Facebook Customer Chat widget, in the event that you are new, gives individuals a chance to chat with businesses without leaving the site. The widget chips away at both desktop PCs and cell phones. The entrepreneur needs a Facebook Page and all the guest needs is a consistent Facebook account.

There’s no expectation to absorb information or complex establishment. The guest taps the Facebook symbol on your page, sort their message and you (the entrepreneur) get a moment notice on your Facebook Page. On the off chance that you are on the web, you can bear on the discussion with the guest on the Facebook site or inside the Facebook Pages Manager app on your telephone.

STEP BY STEP INSTRUCTIONS TO EMBED FACEBOOK CUSTOMER CHAT

Stage 1: To begin, go to developers.facebook.com and tap the “Include another app” catch to make another Facebook app.

Stage 2: Give your app a name and tap the Create catch to get your own App ID. It is basic grouping of digits like 808064012587215.

Stage 3: Go to your Facebook Page, tap the Settings tab, pick Messenger Platform, White-recorded space, enter the full URL of your site and snap Save. You can likewise enter numerous areas on the off chance that you wish to insert a similar widget on different sites.

Stage 4: Get the Facebook Page ID of the particular page that you wish to interface with the client chat widget. All client associations will appear in the inbox of this page.

Discover FACEBOOK PAGE ID

Stage 1: Open any Facebook Page in your desktop program and right-tap the profile picture of the page.

Stage 2: Click “Duplicate Link Address” from the right-click menu to duplicate the photograph connect to your clipboard.

Stage 3: Open Notepad (or Text Edit on your Mac) and glue the URL of the picture. It would look something like this:

https://www.facebook.com/808064012587215/photographs/857275884332694/

The arrangement of digits in intense is the numeric ID of the Facebook Page that you can use in your chat widgets.

You can test this by writing facebook.com/808064012587215 – it ought to divert you to the same Facebook page.

Discover FACEBOOK PROFILE ID

Go to any individual profile on Facebook, right-tap the profile picture and pick Copy Link Address as some time recently.

The profile picture URL will have this organization.

fbid=1483175121797276&set=a.108827039232098.12270.100003144079142&type=3&

source=11&referrer_profile_id=100003144079142

The estimation of the referrer_profile_id in the connection is the numerical id of the Facebook client. You can test this by writing facebook.com/100003144079142 and it should divert to the same Facebook profile page.

Stage 5: We are practically done. Open your site layout and duplicate glue the accompanying code in the footer of your format. You have to supplant the App_ID from Step 2 and Facebook Page_ID from Step 4.

<div class="fb-customerchat" page_id="PAGE_ID"></div>

    <script>

      window.fbAsyncInit = function() {
        FB.init({
          appId            : '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/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
      
    </script>

That is it. Your Facebook Chat widget is currently live on your site. In the event that you are not seeing the Facebook messenger logo on your pages yet, clear the reserve and ensure the site area is recorded in the space that you have whitelisted in stage 3.

GREEETINGS AND OUT-OF-OFFICE MESSAGES

With Facebook Messenger Chat, you can set an appreciated welcome that will show up in a split second when a guest starts a discussion. So also, you can set up an away message that will be shown when you can’t join the live chat.

To design these messages, go to your Facebook Page, Settings, Messaging and refresh the Response Assistant area.

NOTE FOR ADBLOCK USERS

Kindly do take note of that the widget is served by means of Facebook. Therefore, on the off chance that you are utilizing any adblock add-on that pieces social modules from stacking, the chat widget may not appear for you.