How to add Messenger Bots to your website?

The Messenger Platform’s customer chat plugin allows you to integrate your Messenger experience directly into your website. This allows your customers to interact with your business anytime with the same personalized, rich-media experience they get in Messenger.

Follow these steps to install Messenger Bots on your website.

1 – Go to Facebook page settings > Advanced Messaging and add your website in “Whitelisted Domains” session.

2 – Replace the PAGE-ID to your Facebook page id and add the code to your website. We recommend you to add the below code in the BODY. You can find your Page ID of the about tab on your Facebook page.

Please only change the bold text

<div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            xfbml            : true,
            version          : 'v9.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>


      
      <div class="fb-customerchat"
        attribution=setup_tool
        page_id="REPLACE_BY_PAGE_ID"
        ref="REPLACE_BY_FLOW_ID_OR_STEP_ID" 
	theme_color="#0086FF"
	logged_in_greeting="Hi! you are logged in"
	logged_out_greeting="Hi! you are logged out">
      </div>

If your website is WordPress, you can install the official Messenger Chat plugin by Facebook