Check out our tutorial on how to add Facebook Messenger to your website. By adding Facebook Messenger, you could increase your lead generation, and interact with your current customers in real time. This tutorial will show you how to create a Facebook app and implement the Facebook SDK on your website. In addition, the video will also show you an alternative way to add Messenger just by using an image.





Facebook SDK



<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'your-app-id',
      xfbml      : true,
      version    : 'v2.8'
    });
    FB.AppEvents.logPageView();
  };

  (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 = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>




Message us Plugin



<div class="fb-messengermessageus" 
  messenger_app_id="APP_ID" 
  page_id="PAGE_ID"
  color="blue"
  size="standard" >
</div>    




Message us, Simple Button

Use this solution if you want to avoid adding extra scripts to your website, which may affect your loading speed.



<div class="whatever-you-want">
<a href="https://m.me/your-facebook-page-id" target="_blank">
<img src="your-image-link" alt="">
</a>
</div>