Let's Build And Design The Website Of Your Dreams! Tell Us Your Project Requirements.

Learn

Facebook CustomerChat Refused to Display, Fix Now

Facebook CustomerChat Refused to Display, Fix Now

You are probably trying to use Facebook CustomerChat plugin on site, and perhaps you’ve placed code:

    <script>   window.fbAsyncInit = function() {     FB.init({       appId            : '1234916999905365',       autoLogAppEvents : true,       xfbml            : true,       version          : 'v3.3'     });   }; </script> 
 <script async defer src="https://connect.facebook.net/en_US/sdk/sdk.js"></script>
    
    <div class="fb-customerchat"
 page_id="<399990480666123>">
</div>  

You did it in the order it should go and according to the instructions given by Facebook, but yet the plugin is not working. We have suggestions to the problem. Facebook CustomerChat Refused to Display, Fix Now

Maybe after you’ve added the code to the < header >, i.e in your themes header.php, you got something similar to the below in your search console JavaScript console messages.

Invalid 'X-Frame-Options' header encountered when loading 'https://www.facebook.com/v3.3/plugins/customerchat.php?app_id=......

THE SOLUTION IS HERE!

• First, ensure your Facebook page is live and published. In order for the plugin to work, you must have the said page published and live.

• Secondly, make you whitelist your site domain in your Facebook page settings, as instructed by Facebook, and copy your page id which should be found in the about page section.

• In addition, just as you can see mine, insert your Facebook page id in the line

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

• Moreover, if has not worked, please remove the opening and closing tags “<>” just before and after your Facebook page id. Do not remove the double qoutes. If you have done so, the code will look as seen below:

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

• Finally, if you have covered step four and yet the CustomerChat plugin did not work, go back to the script source.

 <script async defer src="https://connect.facebook.net/en_US/sdk/sdk.js"></script>
    
    <div class="fb-customerchat"
 page_id="<399990480666123>">
</div>  

REPLACE sdk.js IN

 <script async defer src="https://connect.facebook.net/en_US/sdk/sdk.js"></script>

WITH xfbml.customerchat.js AS

 <script async defer src="https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js"></script>

Comments

0 comments

Related posts
Learn

How to screenshot from Tecno W1

Learn

Private Enterprise Versus Public Enterprise

Learn

Causes of Wage Differences

Learn

Aims and Objectives of ECOWAS

Sign up for our Newsletter and
stay informed

Leave a Reply

Your email address will not be published. Required fields are marked *