Search code examples
facebooksdkfacebook-chat

Facebook Customer Chat Plugin not working


The chat plugin does not work, installed everything correctly on the site, but the chat does not appear on the site. I checked the console - there is a connection to SDK, what could be the problem?

<div id="fb-root"></div>
<script>(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/ru_RU/sdk/xfbml.customerchat.js';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

and

<div class="fb-customerchat"
  page_id="184854859536XXXX">
</div>

Solution

  • <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId            : 'facebook-developer-app-id',
          autoLogAppEvents : true,
          xfbml            : true,
          version          : 'v3.2'
        });
      };
    (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/ru_RU/sdk/xfbml.customerchat.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>
    
    <!-- Your customer chat code -->
    <div class="fb-customerchat"
      attribution=setup_tool
      page_id="YOUR ID"
      logged_in_greeting="Hello. How we can help you?"
      logged_out_greeting="Hello. How we can help you?">
    </div>