Chat Plugin

How to add FB Messenger to any html website

RPS Example

more ---> about ---> more info ---> page id

from the code below replace page_id "155574437643283" with your page id. Then place this script directly

underneath the < head > tag in your .html

            <!-- Messenger Chat Button -->
                <div id="fb-root"></div>
                <div id="fb-customer-chat" class="fb-customerchat">
                </div>
            <!-- Messenger Chat Plugin -->
                <script>
                  var chatbox = document.getElementById('fb-customer-chat');
                  chatbox.setAttribute("page_id", "155574437643283");
                  chatbox.setAttribute("attribution", "install_email");
                  chatbox.setAttribute("attribution_version", "biz_inbox");
                </script>
                
                <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>