Added Messenger LiveChat and icon not visible for me and not functioning on other computers

Community resources General
1

Hi All
HELP!

So added fb messenger chat to our website. For some reason I can’t see the chat bubble at all when published and for those who can see it, it’s not functioning.

Here’s a list of error messages people are getting and the code that was placed in exactly as specified by webflow tutorials. Obviously there’s something wrong, we all have active internet functioning at the time. I’m just not able to find it myself. Have added all the domain names needed including the webflow staging one. There’s nothing on my computer that might be blocking it I’ve checked with the IT guys. Is there a problem with the code from FB? Can’t see one myself.

Leaving it to the webflow brains trust for HELP!

image
image940×855 105 KB

image
image
image706×1161 126 KB

image

CODE Placed in website.

<div id="fb-root"></div>

<!-- Your Chat Plugin code -->
<div id="fb-customer-chat" class="fb-customerchat">
</div>

<script>
  var chatbox = document.getElementById('fb-customer-chat');
  chatbox.setAttribute("page_id", "566932830086740");
  chatbox.setAttribute("attribution", "biz_inbox");
</script>

<!-- Your SDK code -->
<script>
  window.fbAsyncInit = function() {
    FB.init({
      xfbml            : true,
      version          : 'v18.0'
    });
  };

  (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/xfbml.customerchat.js';
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>