4. How to check the error why Facebook chat doesn’t appear on your store

4.1 Not connect to Facebook page

Access your store URL, on the page you set to show the chat icon, press F12 or right click then select Inspect

Then click the Network section, look for XHR and click on it.

Choose data.json file, if you app_status shows “0”, you haven’t connected your Facebook page to the app yet. If status shows "1", you haven't selected the Facebook page yet. The correct form should show “2”


4.2 Whitelist domain

Access your store URL, on the page you set to show the chat icon, press F12 or right click then select Inspect.

In the Console section, if you see the red line:

Refused to frame 'https://www.facebook.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://www.facebook.com".

This mean that you haven’t whitelisted the domain on your Facebook page.


4.3 Working time

Access your store URL, on the page you set to show the chat icon, press F12 or right click then select Inspect

Then click the Network section, look for XHR and click on it.

Choose data.json file, if you choose the working time, the status will show “1”, make sure that you’re checking the chat icon during that time.


4.4 Conflict theme

Access your store URL, on the page you set to show the chat icon, press F12 or right click then select Inspect

In the Console section, if it shows the red line below, it occurs the conflict or your theme does not include Facebook’s SDK
Was this article helpful?
Cancel
Thank you!