Facebook Chat Plugin

PeteC · ‎09-02-2020

I've just setup the facebook messenger settings and to my disappointment i've realised it's only a link to facebook messenger.

The feature request: Please can we have facebook chat plugin? (https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin/)

It allows live chat with or without a facebook account directly to our facebook page.

Support bit: Is there any current workaround to manually add it?

According to facebook instructions the code snippet they provide needs to be inserted directly after the <body> tag.

so far i have tried:

embedded code section - Just doesn't work and i really don't want to go add this to every page like this
Custom header code (both <head> and end of <body>) this gives the following error when trying to save it "Invalid HTML detected. Only <script> <noscript> <meta> are allowed as root HTML tags."

The facebook code snippet is:

<!-- Load Facebook SDK for JavaScript -->
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            xfbml            : true,
            version          : 'v8.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_GB/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>

      <!-- Your Chat Plugin code -->
      <div class="fb-customerchat"
        attribution=setup_tool
        page_id="[Redacted]36811"
  theme_color="#934EA6"
  logged_in_greeting="Hi! How can we help you?"
  logged_out_greeting="Hi! How can we help you?">
      </div>

Thanks

tranguyen · ‎09-03-2020

Hi @PeteC, thank you for reaching out! I got the same error message when trying to add the code to the Custom Header Code section so I've reached out to the appropriate team and check if there is a way to manually add this code. Once I have an update from the team, I'll reach back out and let you know.

PeteC · ‎09-14-2020

Dont think its going to work without providing us more options for custom code. at which point the feature request could be a better solution.

I read somewhere its a 58% increase chance of a customer actually buying from you just by having live chat functionality on a site.

tranguyen · ‎09-15-2020

Thanks for letting us know, @PeteC! It has been flagged as a feature request but I'm still trying to see if there is a way to make it work in the meantime. I've run through a few configuration with the team but none are working at the moment, but hopefully something will work.

NudeBeauty · ‎05-02-2021

Following

NudeBeauty · ‎05-02-2021

Any updates?

Helen · ‎05-03-2021

No updates yet I'm afraid @NudeBeauty but we'll reply here as soon as we have any news to share!

FCExcavating · ‎10-28-2021

Hi, I also have been pushing this for a while... updates?

Emma_ · ‎10-29-2021

Hi @FCExcavating, we don't have an update yet on this feature request. We'll update this thread as soon as we have news on this.